From ae03686b60e5cff1bd6fb4d7c7073b98d321c353 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Sun, 23 Jul 2017 23:53:22 -0600 Subject: [PATCH 1/7] Use a bunch of regex magic to add CSS variables --- README.md | 4 +- material-color.css | 1262 ++++++++++++++++++++++------------------ material-color.min.css | 3 +- 3 files changed, 696 insertions(+), 573 deletions(-) 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 From 206232ba391af1f03aba466078a4b1d2e8e6e1d6 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Tue, 7 Nov 2017 13:55:12 -0700 Subject: [PATCH 2/7] Add minification script --- material-color.css | 8 ++++++-- material-color.min.css | 7 ++++++- minify.sh | 6 ++++++ 3 files changed, 18 insertions(+), 3 deletions(-) create mode 100755 minify.sh diff --git a/material-color.css b/material-color.css index a47c2c8..e3a4a38 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 + */ /*****************************************************\ VARIABLES @@ -2070,4 +2074,4 @@ .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 +} diff --git a/material-color.min.css b/material-color.min.css index 249b47b..95867fb 100644 --- a/material-color.min.css +++ b/material-color.min.css @@ -1 +1,6 @@ -: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 +/* Material-Color.css + * Copyright (c) 2017 Netsyms Technologies + * MIT License + * https://source.netsyms.com/Netsyms/Material-Color + */ +: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)} diff --git a/minify.sh b/minify.sh new file mode 100755 index 0000000..3651425 --- /dev/null +++ b/minify.sh @@ -0,0 +1,6 @@ +#!/bin/bash +command -v yui-compressor >/dev/null 2>&1 || { echo >&2 "Please install yui-compressor and try again."; exit 1; } +echo "Compressing CSS..." +echo "$(head -n 5 material-color.css)" > material-color.min.css +echo "$(yui-compressor material-color.css)" >> material-color.min.css +echo "Done." From 0817678127786aaa147c2bf223a66aa1866f6fb4 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Sat, 27 Jan 2018 23:26:42 -0700 Subject: [PATCH 3/7] Color tweak --- material-color.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/material-color.css b/material-color.css index e3a4a38..bc4d5d4 100644 --- a/material-color.css +++ b/material-color.css @@ -1,5 +1,5 @@ /* Material-Color.css - * Copyright (c) 2017 Netsyms Technologies + * Copyright (c) 2018 Netsyms Technologies * MIT License * https://source.netsyms.com/Netsyms/Material-Color */ @@ -37,7 +37,7 @@ --material-text-primary-teal: white; --material-color-primary-green: #4caf50; - --material-text-primary-green: black; + --material-text-primary-green: white; --material-color-primary-light-green: #8bc34a; --material-text-primary-light-green: black; From a21a5ffb2f774b6f3e9065441f930dd11974ccde Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Sun, 28 Jan 2018 00:06:27 -0700 Subject: [PATCH 4/7] Add generation script --- generate.php | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 generate.php diff --git a/generate.php b/generate.php new file mode 100644 index 0000000..0dfaa0c --- /dev/null +++ b/generate.php @@ -0,0 +1,64 @@ + "#f44336", +"pink" => "#e91e63", +"purple" => "#9c27b0", +"deep-purple" => "#673ab7", +"indigo" => "#3f51b5", +"blue" => "#2196f3", +"light-blue" => "#03a9f4", +"cyan" => "#00bcd4", +"teal" => "#009688", +"green" => "#4caf50", +"light-green" => "#8bc34a", +"lime" => "#cddc39", +"yellow" => "#ffeb3b", +"amber" => "#ffc107", +"orange" => "#ff9800", +"deep-orange" => "#ff5722", +"brown" => "#795548", +"grey" => "#9e9e9e", +"blue-grey" => "#607d8b", +]; + +$texts = [ +"red" => "white", +"pink" => "white", +"purple" => "white", +"deep-purple" => "white", +"indigo" => "white", +"blue" => "white", +"light-blue" => "black", +"cyan" => "black", +"teal" => "white", +"green" => "white", +"light-green" => "black", +"lime" => "black", +"yellow" => "black", +"amber" => "black", +"orange" => "black", +"deep-orange" => "white", +"brown" => "white", +"grey" => "black", +"blue-grey" => "white" +]; + +echo ":root {\n"; +foreach ($colors as $k => $v) { + if (strpos($k, "text-") !== FALSE) { + continue; + } + echo "\t--material-color-$k: $v;\n"; +} + +echo "}\n\n"; + +foreach ($classes as $c) { + foreach ($colors as $k => $v) { + $textcolor = $texts[$k]; + echo ".$c-$k {\n\tbackground-color: var(--material-color-$k);\n\tcolor: $textcolor;\n}\n"; + } +} +?> From 557a7956b2c2ede0477a8aca1db14bd3a92c1476 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Sun, 28 Jan 2018 18:15:24 -0700 Subject: [PATCH 5/7] Improve script, make BS4 CSS --- generate.php | 92 +- material-color.css | 2357 ++++++---------------------------------- material-color.min.css | 4 +- 3 files changed, 390 insertions(+), 2063 deletions(-) diff --git a/generate.php b/generate.php index 0dfaa0c..6a03ea5 100644 --- a/generate.php +++ b/generate.php @@ -1,4 +1,6 @@ "#ff5722", "brown" => "#795548", "grey" => "#9e9e9e", -"blue-grey" => "#607d8b", +"blue-grey" => "#607d8b" ]; $texts = [ -"red" => "white", -"pink" => "white", -"purple" => "white", -"deep-purple" => "white", -"indigo" => "white", -"blue" => "white", -"light-blue" => "black", -"cyan" => "black", -"teal" => "white", -"green" => "white", -"light-green" => "black", -"lime" => "black", -"yellow" => "black", -"amber" => "black", -"orange" => "black", -"deep-orange" => "white", -"brown" => "white", -"grey" => "black", +"red" => "white", +"pink" => "white", +"purple" => "white", +"deep-purple" => "white", +"indigo" => "white", +"blue" => "white", +"light-blue" => "black", +"cyan" => "black", +"teal" => "white", +"green" => "white", +"light-green" => "black", +"lime" => "black", +"yellow" => "black", +"amber" => "black", +"orange" => "black", +"deep-orange" => "white", +"brown" => "white", +"grey" => "black", "blue-grey" => "white" ]; -echo ":root {\n"; -foreach ($colors as $k => $v) { - if (strpos($k, "text-") !== FALSE) { - continue; + +/* License header */ +$year = date('Y'); +echo << $v) { + if (strpos($k, "text-") !== FALSE) { + continue; + } + echo "\t--material-color-$k: $v;\n"; } - echo "\t--material-color-$k: $v;\n"; + echo "}\n\n"; } -echo "}\n\n"; - +/* The fun bit */ foreach ($classes as $c) { foreach ($colors as $k => $v) { $textcolor = $texts[$k]; - echo ".$c-$k {\n\tbackground-color: var(--material-color-$k);\n\tcolor: $textcolor;\n}\n"; + // Save a few bytes + if ($textcolor == "white") { + $textcolor = "#fff"; + } else if ($textcolor == "black") { + $textcolor = "#000"; + } + + // Class and background color + echo ".$c-$k {\n\tbackground-color: "; + if ($use_variables) { + echo "var(--material-color-$k)"; + } else { + echo $v; + } + echo ";\n"; + + // Text color + if ($c != "bg") { + echo "\tcolor: $textcolor;\n"; + } + + echo "}\n"; } } ?> diff --git a/material-color.css b/material-color.css index bc4d5d4..55b6474 100644 --- a/material-color.css +++ b/material-color.css @@ -3,2075 +3,364 @@ * MIT License * https://source.netsyms.com/Netsyms/Material-Color */ - -/*****************************************************\ - 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: white; - - --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: 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); -} - -/*****************************************************\ - ALERTS -\*****************************************************/ - .alert-red { - background-color: var(--material-color-primary-red); - color: var(--material-text-primary-red); + background-color: #f44336; + color: #fff; } - .alert-pink { - background-color: var(--material-color-primary-pink); - color: var(--material-text-primary-pink); + background-color: #e91e63; + color: #fff; } - .alert-purple { - background-color: var(--material-color-primary-purple); - color: var(--material-text-primary-purple); + background-color: #9c27b0; + color: #fff; } - .alert-deep-purple { - background-color: var(--material-color-primary-deep-purple); - color: var(--material-text-primary-deep-purple); + background-color: #673ab7; + color: #fff; } - .alert-indigo { - background-color: var(--material-color-primary-indigo); - color: var(--material-text-primary-indigo); + background-color: #3f51b5; + color: #fff; } - .alert-blue { - background-color: var(--material-color-primary-blue); - color: var(--material-text-primary-blue); + background-color: #2196f3; + color: #fff; } - .alert-light-blue { - background-color: var(--material-color-primary-light-blue); - color: var(--material-text-primary-light-blue); + background-color: #03a9f4; + color: #000; } - .alert-cyan { - background-color: var(--material-color-primary-cyan); - color: var(--material-text-primary-cyan); + background-color: #00bcd4; + color: #000; } - .alert-teal { - background-color: var(--material-color-primary-teal); - color: var(--material-text-primary-teal); + background-color: #009688; + color: #fff; } - .alert-green { - background-color: var(--material-color-primary-green); - color: var(--material-text-primary-green); + background-color: #4caf50; + color: #fff; } - .alert-light-green { - background-color: var(--material-color-primary-light-green); - color: var(--material-text-primary-light-green); + background-color: #8bc34a; + color: #000; } - .alert-lime { - background-color: var(--material-color-primary-lime); - color: var(--material-text-primary-lime); + background-color: #cddc39; + color: #000; } - .alert-yellow { - background-color: var(--material-color-primary-yellow); - color: var(--material-text-primary-yellow); + background-color: #ffeb3b; + color: #000; } - .alert-amber { - background-color: var(--material-color-primary-amber); - color: var(--material-text-primary-amber); + background-color: #ffc107; + color: #000; } - .alert-orange { - background-color: var(--material-color-primary-orange); - color: var(--material-text-primary-orange); + background-color: #ff9800; + color: #000; } - .alert-deep-orange { - background-color: var(--material-color-primary-deep-orange); - color: var(--material-text-primary-deep-orange); + background-color: #ff5722; + color: #fff; } - .alert-brown { - background-color: var(--material-color-primary-brown); - color: var(--material-text-primary-brown); + background-color: #795548; + color: #fff; } - .alert-grey { - background-color: var(--material-color-primary-grey); - color: var(--material-text-primary-grey); + background-color: #9e9e9e; + color: #000; } - .alert-blue-grey { - background-color: var(--material-color-primary-blue-grey); - color: var(--material-text-primary-blue-grey); -} - -/*****************************************************\ - NAVBAR -\*****************************************************/ - -.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { - border-color: rgba(0,0,0,.3); -} - - -/* red */ -.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); - } -} - - - -/* pink */ -.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); - } -} - - - -/* purple */ -.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); - } -} - - - -/* deep-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); - } -} - - - -/* indigo */ -.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); - } -} - - - -/* blue */ -.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); - } -} - - - -/* light-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); - } -} - - - -/* cyan */ -.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); - } -} - - - -/* teal */ -.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); - } -} - - - -/* green */ -.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); - } -} - - - -/* light-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); - } -} - - - -/* lime */ -.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); - } -} - - - -/* yellow */ -.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); - } -} - - - -/* amber */ -.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); - } -} - - - -/* orange */ -.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); - } -} - - - -/* deep-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); - } -} - - - -/* brown */ -.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); - } -} - - - -/* grey */ -.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); - } -} - - - -/* blue-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); - } -} - -/*****************************************************\ - BUTTONS -\*****************************************************/ - -.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 -\*****************************************************/ - -.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); -} - -/*****************************************************\ - LABELS -\*****************************************************/ - -.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 BARS -\*****************************************************/ - -.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); + background-color: #607d8b; + color: #fff; +} +.badge-red { + background-color: #f44336; + color: #fff; +} +.badge-pink { + background-color: #e91e63; + color: #fff; +} +.badge-purple { + background-color: #9c27b0; + color: #fff; +} +.badge-deep-purple { + background-color: #673ab7; + color: #fff; +} +.badge-indigo { + background-color: #3f51b5; + color: #fff; +} +.badge-blue { + background-color: #2196f3; + color: #fff; +} +.badge-light-blue { + background-color: #03a9f4; + color: #000; +} +.badge-cyan { + background-color: #00bcd4; + color: #000; +} +.badge-teal { + background-color: #009688; + color: #fff; +} +.badge-green { + background-color: #4caf50; + color: #fff; +} +.badge-light-green { + background-color: #8bc34a; + color: #000; +} +.badge-lime { + background-color: #cddc39; + color: #000; +} +.badge-yellow { + background-color: #ffeb3b; + color: #000; +} +.badge-amber { + background-color: #ffc107; + color: #000; +} +.badge-orange { + background-color: #ff9800; + color: #000; +} +.badge-deep-orange { + background-color: #ff5722; + color: #fff; +} +.badge-brown { + background-color: #795548; + color: #fff; +} +.badge-grey { + background-color: #9e9e9e; + color: #000; +} +.badge-blue-grey { + background-color: #607d8b; + color: #fff; +} +.btn-red { + background-color: #f44336; + color: #fff; +} +.btn-pink { + background-color: #e91e63; + color: #fff; +} +.btn-purple { + background-color: #9c27b0; + color: #fff; +} +.btn-deep-purple { + background-color: #673ab7; + color: #fff; +} +.btn-indigo { + background-color: #3f51b5; + color: #fff; +} +.btn-blue { + background-color: #2196f3; + color: #fff; +} +.btn-light-blue { + background-color: #03a9f4; + color: #000; +} +.btn-cyan { + background-color: #00bcd4; + color: #000; +} +.btn-teal { + background-color: #009688; + color: #fff; +} +.btn-green { + background-color: #4caf50; + color: #fff; +} +.btn-light-green { + background-color: #8bc34a; + color: #000; +} +.btn-lime { + background-color: #cddc39; + color: #000; +} +.btn-yellow { + background-color: #ffeb3b; + color: #000; +} +.btn-amber { + background-color: #ffc107; + color: #000; +} +.btn-orange { + background-color: #ff9800; + color: #000; +} +.btn-deep-orange { + background-color: #ff5722; + color: #fff; +} +.btn-brown { + background-color: #795548; + color: #fff; +} +.btn-grey { + background-color: #9e9e9e; + color: #000; +} +.btn-blue-grey { + background-color: #607d8b; + color: #fff; +} +.bg-red { + background-color: #f44336; +} +.bg-pink { + background-color: #e91e63; +} +.bg-purple { + background-color: #9c27b0; +} +.bg-deep-purple { + background-color: #673ab7; +} +.bg-indigo { + background-color: #3f51b5; +} +.bg-blue { + background-color: #2196f3; +} +.bg-light-blue { + background-color: #03a9f4; +} +.bg-cyan { + background-color: #00bcd4; +} +.bg-teal { + background-color: #009688; +} +.bg-green { + background-color: #4caf50; +} +.bg-light-green { + background-color: #8bc34a; +} +.bg-lime { + background-color: #cddc39; +} +.bg-yellow { + background-color: #ffeb3b; +} +.bg-amber { + background-color: #ffc107; +} +.bg-orange { + background-color: #ff9800; +} +.bg-deep-orange { + background-color: #ff5722; +} +.bg-brown { + background-color: #795548; +} +.bg-grey { + background-color: #9e9e9e; +} +.bg-blue-grey { + background-color: #607d8b; +} +.list-group-item-red { + background-color: #f44336; + color: #fff; +} +.list-group-item-pink { + background-color: #e91e63; + color: #fff; +} +.list-group-item-purple { + background-color: #9c27b0; + color: #fff; +} +.list-group-item-deep-purple { + background-color: #673ab7; + color: #fff; +} +.list-group-item-indigo { + background-color: #3f51b5; + color: #fff; +} +.list-group-item-blue { + background-color: #2196f3; + color: #fff; +} +.list-group-item-light-blue { + background-color: #03a9f4; + color: #000; +} +.list-group-item-cyan { + background-color: #00bcd4; + color: #000; +} +.list-group-item-teal { + background-color: #009688; + color: #fff; +} +.list-group-item-green { + background-color: #4caf50; + color: #fff; +} +.list-group-item-light-green { + background-color: #8bc34a; + color: #000; +} +.list-group-item-lime { + background-color: #cddc39; + color: #000; +} +.list-group-item-yellow { + background-color: #ffeb3b; + color: #000; +} +.list-group-item-amber { + background-color: #ffc107; + color: #000; +} +.list-group-item-orange { + background-color: #ff9800; + color: #000; +} +.list-group-item-deep-orange { + background-color: #ff5722; + color: #fff; +} +.list-group-item-brown { + background-color: #795548; + color: #fff; +} +.list-group-item-grey { + background-color: #9e9e9e; + color: #000; +} +.list-group-item-blue-grey { + background-color: #607d8b; + color: #fff; } diff --git a/material-color.min.css b/material-color.min.css index 95867fb..8957fba 100644 --- a/material-color.min.css +++ b/material-color.min.css @@ -1,6 +1,6 @@ /* Material-Color.css - * Copyright (c) 2017 Netsyms Technologies + * Copyright (c) 2018 Netsyms Technologies * MIT License * https://source.netsyms.com/Netsyms/Material-Color */ -: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)} +.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:#fff}.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}.badge-red{background-color:#f44336;color:#fff}.badge-pink{background-color:#e91e63;color:#fff}.badge-purple{background-color:#9c27b0;color:#fff}.badge-deep-purple{background-color:#673ab7;color:#fff}.badge-indigo{background-color:#3f51b5;color:#fff}.badge-blue{background-color:#2196f3;color:#fff}.badge-light-blue{background-color:#03a9f4;color:#000}.badge-cyan{background-color:#00bcd4;color:#000}.badge-teal{background-color:#009688;color:#fff}.badge-green{background-color:#4caf50;color:#fff}.badge-light-green{background-color:#8bc34a;color:#000}.badge-lime{background-color:#cddc39;color:#000}.badge-yellow{background-color:#ffeb3b;color:#000}.badge-amber{background-color:#ffc107;color:#000}.badge-orange{background-color:#ff9800;color:#000}.badge-deep-orange{background-color:#ff5722;color:#fff}.badge-brown{background-color:#795548;color:#fff}.badge-grey{background-color:#9e9e9e;color:#000}.badge-blue-grey{background-color:#607d8b;color:#fff}.btn-red{background-color:#f44336;color:#fff}.btn-pink{background-color:#e91e63;color:#fff}.btn-purple{background-color:#9c27b0;color:#fff}.btn-deep-purple{background-color:#673ab7;color:#fff}.btn-indigo{background-color:#3f51b5;color:#fff}.btn-blue{background-color:#2196f3;color:#fff}.btn-light-blue{background-color:#03a9f4;color:#000}.btn-cyan{background-color:#00bcd4;color:#000}.btn-teal{background-color:#009688;color:#fff}.btn-green{background-color:#4caf50;color:#fff}.btn-light-green{background-color:#8bc34a;color:#000}.btn-lime{background-color:#cddc39;color:#000}.btn-yellow{background-color:#ffeb3b;color:#000}.btn-amber{background-color:#ffc107;color:#000}.btn-orange{background-color:#ff9800;color:#000}.btn-deep-orange{background-color:#ff5722;color:#fff}.btn-brown{background-color:#795548;color:#fff}.btn-grey{background-color:#9e9e9e;color:#000}.btn-blue-grey{background-color:#607d8b;color:#fff}.bg-red{background-color:#f44336}.bg-pink{background-color:#e91e63}.bg-purple{background-color:#9c27b0}.bg-deep-purple{background-color:#673ab7}.bg-indigo{background-color:#3f51b5}.bg-blue{background-color:#2196f3}.bg-light-blue{background-color:#03a9f4}.bg-cyan{background-color:#00bcd4}.bg-teal{background-color:#009688}.bg-green{background-color:#4caf50}.bg-light-green{background-color:#8bc34a}.bg-lime{background-color:#cddc39}.bg-yellow{background-color:#ffeb3b}.bg-amber{background-color:#ffc107}.bg-orange{background-color:#ff9800}.bg-deep-orange{background-color:#ff5722}.bg-brown{background-color:#795548}.bg-grey{background-color:#9e9e9e}.bg-blue-grey{background-color:#607d8b}.list-group-item-red{background-color:#f44336;color:#fff}.list-group-item-pink{background-color:#e91e63;color:#fff}.list-group-item-purple{background-color:#9c27b0;color:#fff}.list-group-item-deep-purple{background-color:#673ab7;color:#fff}.list-group-item-indigo{background-color:#3f51b5;color:#fff}.list-group-item-blue{background-color:#2196f3;color:#fff}.list-group-item-light-blue{background-color:#03a9f4;color:#000}.list-group-item-cyan{background-color:#00bcd4;color:#000}.list-group-item-teal{background-color:#009688;color:#fff}.list-group-item-green{background-color:#4caf50;color:#fff}.list-group-item-light-green{background-color:#8bc34a;color:#000}.list-group-item-lime{background-color:#cddc39;color:#000}.list-group-item-yellow{background-color:#ffeb3b;color:#000}.list-group-item-amber{background-color:#ffc107;color:#000}.list-group-item-orange{background-color:#ff9800;color:#000}.list-group-item-deep-orange{background-color:#ff5722;color:#fff}.list-group-item-brown{background-color:#795548;color:#fff}.list-group-item-grey{background-color:#9e9e9e;color:#000}.list-group-item-blue-grey{background-color:#607d8b;color:#fff} From 02bba5be19cbebd8113b260b705e68cebf916469 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Sun, 28 Jan 2018 18:17:46 -0700 Subject: [PATCH 6/7] Update readme --- README.md | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index c7f10bf..870cd6f 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,9 @@ # Material-Color -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). +Additional color classes for Bootstrap 4. Based on the [Material Design palette](https://material.io/guidelines/style/color.html#color-color-palette). ## 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. +* Navbars need .navbar-dark or .navbar-light to appear properly, choose according to your colors. +* We recommend using [Bootswatch Materia](https://bootswatch.com/materia/) (a material design Bootstrap theme) with this stylesheet. From 65b8d67832655ec5e0d435780a194be7f6139f61 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Sun, 28 Jan 2018 20:44:08 -0700 Subject: [PATCH 7/7] Improve coverage --- generate.php | 144 +++++++++++++-------- material-color.css | 285 ++++++++++++++++++++++++++++++++++++++--- material-color.min.css | 2 +- 3 files changed, 356 insertions(+), 75 deletions(-) diff --git a/generate.php b/generate.php index 6a03ea5..a66150e 100644 --- a/generate.php +++ b/generate.php @@ -1,50 +1,60 @@ ["background-color" => "m", "color" => "t!"], + "alert .alert-link" => ["color" => "t!"], + "alert .alert-heading" => ["color" => "t!"], + "badge" => ["background-color" => "m", "color" => "t"], + "btn" => ["background-color" => "m", "color" => "t"], + "bg" => ["background-color" => "m"], + "list-group-item" => ["background-color" => "m", "color" => "t"], + "border" => ["border-color" => "m", "border-width" => "1px"], + "text" => ["color" => "m"] +]; $colors = [ -"red" => "#f44336", -"pink" => "#e91e63", -"purple" => "#9c27b0", -"deep-purple" => "#673ab7", -"indigo" => "#3f51b5", -"blue" => "#2196f3", -"light-blue" => "#03a9f4", -"cyan" => "#00bcd4", -"teal" => "#009688", -"green" => "#4caf50", -"light-green" => "#8bc34a", -"lime" => "#cddc39", -"yellow" => "#ffeb3b", -"amber" => "#ffc107", -"orange" => "#ff9800", -"deep-orange" => "#ff5722", -"brown" => "#795548", -"grey" => "#9e9e9e", -"blue-grey" => "#607d8b" + "red" => "#f44336", + "pink" => "#e91e63", + "purple" => "#9c27b0", + "deep-purple" => "#673ab7", + "indigo" => "#3f51b5", + "blue" => "#2196f3", + "light-blue" => "#03a9f4", + "cyan" => "#00bcd4", + "teal" => "#009688", + "green" => "#4caf50", + "light-green" => "#8bc34a", + "lime" => "#cddc39", + "yellow" => "#ffeb3b", + "amber" => "#ffc107", + "orange" => "#ff9800", + "deep-orange" => "#ff5722", + "brown" => "#795548", + "grey" => "#9e9e9e", + "blue-grey" => "#607d8b" ]; $texts = [ -"red" => "white", -"pink" => "white", -"purple" => "white", -"deep-purple" => "white", -"indigo" => "white", -"blue" => "white", -"light-blue" => "black", -"cyan" => "black", -"teal" => "white", -"green" => "white", -"light-green" => "black", -"lime" => "black", -"yellow" => "black", -"amber" => "black", -"orange" => "black", -"deep-orange" => "white", -"brown" => "white", -"grey" => "black", -"blue-grey" => "white" + "red" => "white", + "pink" => "white", + "purple" => "white", + "deep-purple" => "white", + "indigo" => "white", + "blue" => "white", + "light-blue" => "black", + "cyan" => "black", + "teal" => "white", + "green" => "white", + "light-green" => "black", + "lime" => "black", + "yellow" => "black", + "amber" => "black", + "orange" => "black", + "deep-orange" => "white", + "brown" => "white", + "grey" => "black", + "blue-grey" => "white" ]; @@ -72,30 +82,54 @@ if ($use_variables) { } /* The fun bit */ -foreach ($classes as $c) { +foreach ($classes as $c => $props) { foreach ($colors as $k => $v) { - $textcolor = $texts[$k]; + $t = $texts[$k]; // Save a few bytes - if ($textcolor == "white") { - $textcolor = "#fff"; - } else if ($textcolor == "black") { - $textcolor = "#000"; + if ($t == "white") { + $t = "#fff"; + } else if ($t == "black") { + $t = "#000"; } - - // Class and background color - echo ".$c-$k {\n\tbackground-color: "; + + // Color setup if ($use_variables) { - echo "var(--material-color-$k)"; + $m = "var(--material-color-$k)"; } else { - echo $v; + $m = $v; } - echo ";\n"; - // Text color - if ($c != "bg") { - echo "\tcolor: $textcolor;\n"; + // Class + if (strpos($c, " ") !== FALSE) { + $classes = explode(" ", $c); + foreach ($classes as $cl) { + if (strpos($cl, ".") === 0) { + echo "$cl "; + } else { + echo ".$cl-$k "; + } + } + echo "{\n"; + } else { + echo ".$c-$k {\n"; } - + + foreach ($props as $prop => $val) { + echo "\t$prop: "; + if (strpos($val, "m") === 0) { + echo $m; + } else if (strpos($val, "t") === 0) { + echo $t; + } else { + echo $val; + } + if (strpos($val, "!") === 1) { + echo " !important"; + } + echo ";\n"; + } + + // Finish it off echo "}\n"; } } diff --git a/material-color.css b/material-color.css index 55b6474..e618662 100644 --- a/material-color.css +++ b/material-color.css @@ -5,79 +5,193 @@ */ .alert-red { background-color: #f44336; - color: #fff; + color: #fff !important; } .alert-pink { background-color: #e91e63; - color: #fff; + color: #fff !important; } .alert-purple { background-color: #9c27b0; - color: #fff; + color: #fff !important; } .alert-deep-purple { background-color: #673ab7; - color: #fff; + color: #fff !important; } .alert-indigo { background-color: #3f51b5; - color: #fff; + color: #fff !important; } .alert-blue { background-color: #2196f3; - color: #fff; + color: #fff !important; } .alert-light-blue { background-color: #03a9f4; - color: #000; + color: #000 !important; } .alert-cyan { background-color: #00bcd4; - color: #000; + color: #000 !important; } .alert-teal { background-color: #009688; - color: #fff; + color: #fff !important; } .alert-green { background-color: #4caf50; - color: #fff; + color: #fff !important; } .alert-light-green { background-color: #8bc34a; - color: #000; + color: #000 !important; } .alert-lime { background-color: #cddc39; - color: #000; + color: #000 !important; } .alert-yellow { background-color: #ffeb3b; - color: #000; + color: #000 !important; } .alert-amber { background-color: #ffc107; - color: #000; + color: #000 !important; } .alert-orange { background-color: #ff9800; - color: #000; + color: #000 !important; } .alert-deep-orange { background-color: #ff5722; - color: #fff; + color: #fff !important; } .alert-brown { background-color: #795548; - color: #fff; + color: #fff !important; } .alert-grey { background-color: #9e9e9e; - color: #000; + color: #000 !important; } .alert-blue-grey { background-color: #607d8b; - color: #fff; + color: #fff !important; +} +.alert-red .alert-link { + color: #fff !important; +} +.alert-pink .alert-link { + color: #fff !important; +} +.alert-purple .alert-link { + color: #fff !important; +} +.alert-deep-purple .alert-link { + color: #fff !important; +} +.alert-indigo .alert-link { + color: #fff !important; +} +.alert-blue .alert-link { + color: #fff !important; +} +.alert-light-blue .alert-link { + color: #000 !important; +} +.alert-cyan .alert-link { + color: #000 !important; +} +.alert-teal .alert-link { + color: #fff !important; +} +.alert-green .alert-link { + color: #fff !important; +} +.alert-light-green .alert-link { + color: #000 !important; +} +.alert-lime .alert-link { + color: #000 !important; +} +.alert-yellow .alert-link { + color: #000 !important; +} +.alert-amber .alert-link { + color: #000 !important; +} +.alert-orange .alert-link { + color: #000 !important; +} +.alert-deep-orange .alert-link { + color: #fff !important; +} +.alert-brown .alert-link { + color: #fff !important; +} +.alert-grey .alert-link { + color: #000 !important; +} +.alert-blue-grey .alert-link { + color: #fff !important; +} +.alert-red .alert-heading { + color: #fff !important; +} +.alert-pink .alert-heading { + color: #fff !important; +} +.alert-purple .alert-heading { + color: #fff !important; +} +.alert-deep-purple .alert-heading { + color: #fff !important; +} +.alert-indigo .alert-heading { + color: #fff !important; +} +.alert-blue .alert-heading { + color: #fff !important; +} +.alert-light-blue .alert-heading { + color: #000 !important; +} +.alert-cyan .alert-heading { + color: #000 !important; +} +.alert-teal .alert-heading { + color: #fff !important; +} +.alert-green .alert-heading { + color: #fff !important; +} +.alert-light-green .alert-heading { + color: #000 !important; +} +.alert-lime .alert-heading { + color: #000 !important; +} +.alert-yellow .alert-heading { + color: #000 !important; +} +.alert-amber .alert-heading { + color: #000 !important; +} +.alert-orange .alert-heading { + color: #000 !important; +} +.alert-deep-orange .alert-heading { + color: #fff !important; +} +.alert-brown .alert-heading { + color: #fff !important; +} +.alert-grey .alert-heading { + color: #000 !important; +} +.alert-blue-grey .alert-heading { + color: #fff !important; } .badge-red { background-color: #f44336; @@ -364,3 +478,136 @@ background-color: #607d8b; color: #fff; } +.border-red { + border-color: #f44336; + border-width: 1px; +} +.border-pink { + border-color: #e91e63; + border-width: 1px; +} +.border-purple { + border-color: #9c27b0; + border-width: 1px; +} +.border-deep-purple { + border-color: #673ab7; + border-width: 1px; +} +.border-indigo { + border-color: #3f51b5; + border-width: 1px; +} +.border-blue { + border-color: #2196f3; + border-width: 1px; +} +.border-light-blue { + border-color: #03a9f4; + border-width: 1px; +} +.border-cyan { + border-color: #00bcd4; + border-width: 1px; +} +.border-teal { + border-color: #009688; + border-width: 1px; +} +.border-green { + border-color: #4caf50; + border-width: 1px; +} +.border-light-green { + border-color: #8bc34a; + border-width: 1px; +} +.border-lime { + border-color: #cddc39; + border-width: 1px; +} +.border-yellow { + border-color: #ffeb3b; + border-width: 1px; +} +.border-amber { + border-color: #ffc107; + border-width: 1px; +} +.border-orange { + border-color: #ff9800; + border-width: 1px; +} +.border-deep-orange { + border-color: #ff5722; + border-width: 1px; +} +.border-brown { + border-color: #795548; + border-width: 1px; +} +.border-grey { + border-color: #9e9e9e; + border-width: 1px; +} +.border-blue-grey { + border-color: #607d8b; + border-width: 1px; +} +.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; +} diff --git a/material-color.min.css b/material-color.min.css index 8957fba..103a9f1 100644 --- a/material-color.min.css +++ b/material-color.min.css @@ -3,4 +3,4 @@ * MIT License * https://source.netsyms.com/Netsyms/Material-Color */ -.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:#fff}.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}.badge-red{background-color:#f44336;color:#fff}.badge-pink{background-color:#e91e63;color:#fff}.badge-purple{background-color:#9c27b0;color:#fff}.badge-deep-purple{background-color:#673ab7;color:#fff}.badge-indigo{background-color:#3f51b5;color:#fff}.badge-blue{background-color:#2196f3;color:#fff}.badge-light-blue{background-color:#03a9f4;color:#000}.badge-cyan{background-color:#00bcd4;color:#000}.badge-teal{background-color:#009688;color:#fff}.badge-green{background-color:#4caf50;color:#fff}.badge-light-green{background-color:#8bc34a;color:#000}.badge-lime{background-color:#cddc39;color:#000}.badge-yellow{background-color:#ffeb3b;color:#000}.badge-amber{background-color:#ffc107;color:#000}.badge-orange{background-color:#ff9800;color:#000}.badge-deep-orange{background-color:#ff5722;color:#fff}.badge-brown{background-color:#795548;color:#fff}.badge-grey{background-color:#9e9e9e;color:#000}.badge-blue-grey{background-color:#607d8b;color:#fff}.btn-red{background-color:#f44336;color:#fff}.btn-pink{background-color:#e91e63;color:#fff}.btn-purple{background-color:#9c27b0;color:#fff}.btn-deep-purple{background-color:#673ab7;color:#fff}.btn-indigo{background-color:#3f51b5;color:#fff}.btn-blue{background-color:#2196f3;color:#fff}.btn-light-blue{background-color:#03a9f4;color:#000}.btn-cyan{background-color:#00bcd4;color:#000}.btn-teal{background-color:#009688;color:#fff}.btn-green{background-color:#4caf50;color:#fff}.btn-light-green{background-color:#8bc34a;color:#000}.btn-lime{background-color:#cddc39;color:#000}.btn-yellow{background-color:#ffeb3b;color:#000}.btn-amber{background-color:#ffc107;color:#000}.btn-orange{background-color:#ff9800;color:#000}.btn-deep-orange{background-color:#ff5722;color:#fff}.btn-brown{background-color:#795548;color:#fff}.btn-grey{background-color:#9e9e9e;color:#000}.btn-blue-grey{background-color:#607d8b;color:#fff}.bg-red{background-color:#f44336}.bg-pink{background-color:#e91e63}.bg-purple{background-color:#9c27b0}.bg-deep-purple{background-color:#673ab7}.bg-indigo{background-color:#3f51b5}.bg-blue{background-color:#2196f3}.bg-light-blue{background-color:#03a9f4}.bg-cyan{background-color:#00bcd4}.bg-teal{background-color:#009688}.bg-green{background-color:#4caf50}.bg-light-green{background-color:#8bc34a}.bg-lime{background-color:#cddc39}.bg-yellow{background-color:#ffeb3b}.bg-amber{background-color:#ffc107}.bg-orange{background-color:#ff9800}.bg-deep-orange{background-color:#ff5722}.bg-brown{background-color:#795548}.bg-grey{background-color:#9e9e9e}.bg-blue-grey{background-color:#607d8b}.list-group-item-red{background-color:#f44336;color:#fff}.list-group-item-pink{background-color:#e91e63;color:#fff}.list-group-item-purple{background-color:#9c27b0;color:#fff}.list-group-item-deep-purple{background-color:#673ab7;color:#fff}.list-group-item-indigo{background-color:#3f51b5;color:#fff}.list-group-item-blue{background-color:#2196f3;color:#fff}.list-group-item-light-blue{background-color:#03a9f4;color:#000}.list-group-item-cyan{background-color:#00bcd4;color:#000}.list-group-item-teal{background-color:#009688;color:#fff}.list-group-item-green{background-color:#4caf50;color:#fff}.list-group-item-light-green{background-color:#8bc34a;color:#000}.list-group-item-lime{background-color:#cddc39;color:#000}.list-group-item-yellow{background-color:#ffeb3b;color:#000}.list-group-item-amber{background-color:#ffc107;color:#000}.list-group-item-orange{background-color:#ff9800;color:#000}.list-group-item-deep-orange{background-color:#ff5722;color:#fff}.list-group-item-brown{background-color:#795548;color:#fff}.list-group-item-grey{background-color:#9e9e9e;color:#000}.list-group-item-blue-grey{background-color:#607d8b;color:#fff} +.alert-red{background-color:#f44336;color:#fff!important}.alert-pink{background-color:#e91e63;color:#fff!important}.alert-purple{background-color:#9c27b0;color:#fff!important}.alert-deep-purple{background-color:#673ab7;color:#fff!important}.alert-indigo{background-color:#3f51b5;color:#fff!important}.alert-blue{background-color:#2196f3;color:#fff!important}.alert-light-blue{background-color:#03a9f4;color:#000!important}.alert-cyan{background-color:#00bcd4;color:#000!important}.alert-teal{background-color:#009688;color:#fff!important}.alert-green{background-color:#4caf50;color:#fff!important}.alert-light-green{background-color:#8bc34a;color:#000!important}.alert-lime{background-color:#cddc39;color:#000!important}.alert-yellow{background-color:#ffeb3b;color:#000!important}.alert-amber{background-color:#ffc107;color:#000!important}.alert-orange{background-color:#ff9800;color:#000!important}.alert-deep-orange{background-color:#ff5722;color:#fff!important}.alert-brown{background-color:#795548;color:#fff!important}.alert-grey{background-color:#9e9e9e;color:#000!important}.alert-blue-grey{background-color:#607d8b;color:#fff!important}.alert-red .alert-link{color:#fff!important}.alert-pink .alert-link{color:#fff!important}.alert-purple .alert-link{color:#fff!important}.alert-deep-purple .alert-link{color:#fff!important}.alert-indigo .alert-link{color:#fff!important}.alert-blue .alert-link{color:#fff!important}.alert-light-blue .alert-link{color:#000!important}.alert-cyan .alert-link{color:#000!important}.alert-teal .alert-link{color:#fff!important}.alert-green .alert-link{color:#fff!important}.alert-light-green .alert-link{color:#000!important}.alert-lime .alert-link{color:#000!important}.alert-yellow .alert-link{color:#000!important}.alert-amber .alert-link{color:#000!important}.alert-orange .alert-link{color:#000!important}.alert-deep-orange .alert-link{color:#fff!important}.alert-brown .alert-link{color:#fff!important}.alert-grey .alert-link{color:#000!important}.alert-blue-grey .alert-link{color:#fff!important}.alert-red .alert-heading{color:#fff!important}.alert-pink .alert-heading{color:#fff!important}.alert-purple .alert-heading{color:#fff!important}.alert-deep-purple .alert-heading{color:#fff!important}.alert-indigo .alert-heading{color:#fff!important}.alert-blue .alert-heading{color:#fff!important}.alert-light-blue .alert-heading{color:#000!important}.alert-cyan .alert-heading{color:#000!important}.alert-teal .alert-heading{color:#fff!important}.alert-green .alert-heading{color:#fff!important}.alert-light-green .alert-heading{color:#000!important}.alert-lime .alert-heading{color:#000!important}.alert-yellow .alert-heading{color:#000!important}.alert-amber .alert-heading{color:#000!important}.alert-orange .alert-heading{color:#000!important}.alert-deep-orange .alert-heading{color:#fff!important}.alert-brown .alert-heading{color:#fff!important}.alert-grey .alert-heading{color:#000!important}.alert-blue-grey .alert-heading{color:#fff!important}.badge-red{background-color:#f44336;color:#fff}.badge-pink{background-color:#e91e63;color:#fff}.badge-purple{background-color:#9c27b0;color:#fff}.badge-deep-purple{background-color:#673ab7;color:#fff}.badge-indigo{background-color:#3f51b5;color:#fff}.badge-blue{background-color:#2196f3;color:#fff}.badge-light-blue{background-color:#03a9f4;color:#000}.badge-cyan{background-color:#00bcd4;color:#000}.badge-teal{background-color:#009688;color:#fff}.badge-green{background-color:#4caf50;color:#fff}.badge-light-green{background-color:#8bc34a;color:#000}.badge-lime{background-color:#cddc39;color:#000}.badge-yellow{background-color:#ffeb3b;color:#000}.badge-amber{background-color:#ffc107;color:#000}.badge-orange{background-color:#ff9800;color:#000}.badge-deep-orange{background-color:#ff5722;color:#fff}.badge-brown{background-color:#795548;color:#fff}.badge-grey{background-color:#9e9e9e;color:#000}.badge-blue-grey{background-color:#607d8b;color:#fff}.btn-red{background-color:#f44336;color:#fff}.btn-pink{background-color:#e91e63;color:#fff}.btn-purple{background-color:#9c27b0;color:#fff}.btn-deep-purple{background-color:#673ab7;color:#fff}.btn-indigo{background-color:#3f51b5;color:#fff}.btn-blue{background-color:#2196f3;color:#fff}.btn-light-blue{background-color:#03a9f4;color:#000}.btn-cyan{background-color:#00bcd4;color:#000}.btn-teal{background-color:#009688;color:#fff}.btn-green{background-color:#4caf50;color:#fff}.btn-light-green{background-color:#8bc34a;color:#000}.btn-lime{background-color:#cddc39;color:#000}.btn-yellow{background-color:#ffeb3b;color:#000}.btn-amber{background-color:#ffc107;color:#000}.btn-orange{background-color:#ff9800;color:#000}.btn-deep-orange{background-color:#ff5722;color:#fff}.btn-brown{background-color:#795548;color:#fff}.btn-grey{background-color:#9e9e9e;color:#000}.btn-blue-grey{background-color:#607d8b;color:#fff}.bg-red{background-color:#f44336}.bg-pink{background-color:#e91e63}.bg-purple{background-color:#9c27b0}.bg-deep-purple{background-color:#673ab7}.bg-indigo{background-color:#3f51b5}.bg-blue{background-color:#2196f3}.bg-light-blue{background-color:#03a9f4}.bg-cyan{background-color:#00bcd4}.bg-teal{background-color:#009688}.bg-green{background-color:#4caf50}.bg-light-green{background-color:#8bc34a}.bg-lime{background-color:#cddc39}.bg-yellow{background-color:#ffeb3b}.bg-amber{background-color:#ffc107}.bg-orange{background-color:#ff9800}.bg-deep-orange{background-color:#ff5722}.bg-brown{background-color:#795548}.bg-grey{background-color:#9e9e9e}.bg-blue-grey{background-color:#607d8b}.list-group-item-red{background-color:#f44336;color:#fff}.list-group-item-pink{background-color:#e91e63;color:#fff}.list-group-item-purple{background-color:#9c27b0;color:#fff}.list-group-item-deep-purple{background-color:#673ab7;color:#fff}.list-group-item-indigo{background-color:#3f51b5;color:#fff}.list-group-item-blue{background-color:#2196f3;color:#fff}.list-group-item-light-blue{background-color:#03a9f4;color:#000}.list-group-item-cyan{background-color:#00bcd4;color:#000}.list-group-item-teal{background-color:#009688;color:#fff}.list-group-item-green{background-color:#4caf50;color:#fff}.list-group-item-light-green{background-color:#8bc34a;color:#000}.list-group-item-lime{background-color:#cddc39;color:#000}.list-group-item-yellow{background-color:#ffeb3b;color:#000}.list-group-item-amber{background-color:#ffc107;color:#000}.list-group-item-orange{background-color:#ff9800;color:#000}.list-group-item-deep-orange{background-color:#ff5722;color:#fff}.list-group-item-brown{background-color:#795548;color:#fff}.list-group-item-grey{background-color:#9e9e9e;color:#000}.list-group-item-blue-grey{background-color:#607d8b;color:#fff}.border-red{border-color:#f44336;border-width:1px}.border-pink{border-color:#e91e63;border-width:1px}.border-purple{border-color:#9c27b0;border-width:1px}.border-deep-purple{border-color:#673ab7;border-width:1px}.border-indigo{border-color:#3f51b5;border-width:1px}.border-blue{border-color:#2196f3;border-width:1px}.border-light-blue{border-color:#03a9f4;border-width:1px}.border-cyan{border-color:#00bcd4;border-width:1px}.border-teal{border-color:#009688;border-width:1px}.border-green{border-color:#4caf50;border-width:1px}.border-light-green{border-color:#8bc34a;border-width:1px}.border-lime{border-color:#cddc39;border-width:1px}.border-yellow{border-color:#ffeb3b;border-width:1px}.border-amber{border-color:#ffc107;border-width:1px}.border-orange{border-color:#ff9800;border-width:1px}.border-deep-orange{border-color:#ff5722;border-width:1px}.border-brown{border-color:#795548;border-width:1px}.border-grey{border-color:#9e9e9e;border-width:1px}.border-blue-grey{border-color:#607d8b;border-width:1px}.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}