diff --git a/README.md b/README.md index f6dca3e..870cd6f 100644 --- a/README.md +++ b/README.md @@ -1,9 +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). +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. \ No newline at end of file +* 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. diff --git a/generate.php b/generate.php new file mode 100644 index 0000000..a66150e --- /dev/null +++ b/generate.php @@ -0,0 +1,136 @@ + ["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" +]; + +$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" +]; + + +/* License header */ +$year = date('Y'); +echo << $v) { + if (strpos($k, "text-") !== FALSE) { + continue; + } + echo "\t--material-color-$k: $v;\n"; + } + echo "}\n\n"; +} + +/* The fun bit */ +foreach ($classes as $c => $props) { + foreach ($colors as $k => $v) { + $t = $texts[$k]; + // Save a few bytes + if ($t == "white") { + $t = "#fff"; + } else if ($t == "black") { + $t = "#000"; + } + + // Color setup + if ($use_variables) { + $m = "var(--material-color-$k)"; + } else { + $m = $v; + } + + // 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 7921017..139ccca 100644 --- a/material-color.css +++ b/material-color.css @@ -1,2220 +1,614 @@ /* Material-Color.css - * Copyright (c) 2017 Netsyms Technologies + * Copyright (c) 2018 Netsyms Technologies * MIT License * https://source.netsyms.com/Netsyms/Material-Color */ - -/*****************************************************\ - PANELS -\*****************************************************/ - -.panel-red .panel-heading { - background-color: #f44336; - color: white; +.alert-red { + background-color: #f44336; + color: #fff !important; } - -.panel-pink .panel-heading { - background-color: #e91e63; - color: white; +.alert-pink { + background-color: #e91e63; + color: #fff !important; } - -.panel-purple .panel-heading { - background-color: #9c27b0; - color: white; +.alert-purple { + background-color: #9c27b0; + color: #fff !important; } - -.panel-deep-purple .panel-heading { - background-color: #673ab7; - color: white; +.alert-deep-purple { + background-color: #673ab7; + color: #fff !important; } - -.panel-indigo .panel-heading { - background-color: #3f51b5; - color: white; +.alert-indigo { + background-color: #3f51b5; + color: #fff !important; } - -.panel-blue .panel-heading { - background-color: #2196f3; - color: black; +.alert-blue { + background-color: #2196f3; + color: #fff !important; } - -.panel-light-blue .panel-heading { - background-color: #03a9f4; - color: black; +.alert-light-blue { + background-color: #03a9f4; + color: #000 !important; } - -.panel-cyan .panel-heading { - background-color: #00bcd4; - color: black; +.alert-cyan { + background-color: #00bcd4; + color: #000 !important; } - -.panel-teal .panel-heading { - background-color: #009688; - color: white; +.alert-teal { + background-color: #009688; + color: #fff !important; } - -.panel-green .panel-heading { - background-color: #4caf50; - color: black; +.alert-green { + background-color: #4caf50; + color: #fff !important; } - -.panel-light-green .panel-heading { - background-color: #8bc34a; - color: black; +.alert-light-green { + background-color: #8bc34a; + color: #000 !important; } - -.panel-lime .panel-heading { - background-color: #cddc39; - color: black; +.alert-lime { + background-color: #cddc39; + color: #000 !important; } - -.panel-yellow .panel-heading { - background-color: #ffeb3b; - color: black; +.alert-yellow { + background-color: #ffeb3b; + color: #000 !important; } - -.panel-amber .panel-heading { - background-color: #ffc107; - color: black; +.alert-amber { + background-color: #ffc107; + color: #000 !important; } - -.panel-orange .panel-heading { - background-color: #ff9800; - color: black; +.alert-orange { + background-color: #ff9800; + color: #000 !important; } - -.panel-deep-orange .panel-heading { - background-color: #ff5722; - color: black; +.alert-deep-orange { + background-color: #ff5722; + color: #fff !important; } - -.panel-brown .panel-heading { - background-color: #795548; - color: white; +.alert-brown { + background-color: #795548; + color: #fff !important; } - -.panel-grey .panel-heading { - background-color: #9e9e9e; - color: black; +.alert-grey { + background-color: #9e9e9e; + color: #000 !important; } - -.panel-blue-grey .panel-heading { - background-color: #607d8b; - color: white; +.alert-blue-grey { + background-color: #607d8b; + color: #fff !important; } - -.panel-red .panel-footer { - background-color: #ef9a9a; - color: black; +.alert-red .alert-link { + color: #fff !important; } - -.panel-pink .panel-footer { - background-color: #f48fb1; - color: black; +.alert-pink .alert-link { + color: #fff !important; } - -.panel-purple .panel-footer { - background-color: #ce93d8; - color: black; +.alert-purple .alert-link { + color: #fff !important; } - -.panel-deep-purple .panel-footer { - background-color: #b39ddb; - color: black; +.alert-deep-purple .alert-link { + color: #fff !important; } - -.panel-indigo .panel-footer { - background-color: #9fa8da; - color: black; +.alert-indigo .alert-link { + color: #fff !important; } - -.panel-blue .panel-footer { - background-color: #90caf9; - color: black; +.alert-blue .alert-link { + color: #fff !important; } - -.panel-light-blue .panel-footer { - background-color: #81d4fa; - color: black; +.alert-light-blue .alert-link { + color: #000 !important; } - -.panel-cyan .panel-footer { - background-color: #80deea; - color: black; +.alert-cyan .alert-link { + color: #000 !important; } - -.panel-teal .panel-footer { - background-color: #80cbc4; - color: black; +.alert-teal .alert-link { + color: #fff !important; } - -.panel-green .panel-footer { - background-color: #a5d6a7; - color: black; +.alert-green .alert-link { + color: #fff !important; } - -.panel-light-green .panel-footer { - background-color: #c5e1a5; - color: black; +.alert-light-green .alert-link { + color: #000 !important; } - -.panel-lime .panel-footer { - background-color: #e6ee9c; - color: black; +.alert-lime .alert-link { + color: #000 !important; } - -.panel-yellow .panel-footer { - background-color: #fff59d; - color: black; +.alert-yellow .alert-link { + color: #000 !important; } - -.panel-amber .panel-footer { - background-color: #ffe082; - color: black; +.alert-amber .alert-link { + color: #000 !important; } - -.panel-orange .panel-footer { - background-color: #ffcc80; - color: black; +.alert-orange .alert-link { + color: #000 !important; } - -.panel-deep-orange .panel-footer { - background-color: #ffab91; - color: black; +.alert-deep-orange .alert-link { + color: #fff !important; } - -.panel-brown .panel-footer { - background-color: #bcaaa4; - color: black; +.alert-brown .alert-link { + color: #fff !important; } - -.panel-grey .panel-footer { - background-color: #eeeeee; - color: black; +.alert-grey .alert-link { + color: #000 !important; } - -.panel-blue-grey .panel-footer { - background-color: #b0bec5; - color: black; +.alert-blue-grey .alert-link { + color: #fff !important; } - -/*****************************************************\ - ALERTS -\*****************************************************/ - -.alert-red { - background-color: #f44336; - color: white; +.alert-red .alert-heading { + color: #fff !important; } - -.alert-pink { - background-color: #e91e63; - color: white; +.alert-pink .alert-heading { + color: #fff !important; } - -.alert-purple { - background-color: #9c27b0; - color: white; +.alert-purple .alert-heading { + color: #fff !important; } - -.alert-deep-purple { - background-color: #673ab7; - color: white; +.alert-deep-purple .alert-heading { + color: #fff !important; } - -.alert-indigo { - background-color: #3f51b5; - color: white; +.alert-indigo .alert-heading { + color: #fff !important; } - -.alert-blue { - background-color: #2196f3; - color: black; +.alert-blue .alert-heading { + color: #fff !important; } - -.alert-light-blue { - background-color: #03a9f4; - color: black; +.alert-light-blue .alert-heading { + color: #000 !important; } - -.alert-cyan { - background-color: #00bcd4; - color: black; +.alert-cyan .alert-heading { + color: #000 !important; } - -.alert-teal { - background-color: #009688; - color: white; +.alert-teal .alert-heading { + color: #fff !important; } - -.alert-green { - background-color: #4caf50; - color: black; +.alert-green .alert-heading { + color: #fff !important; } - -.alert-light-green { - background-color: #8bc34a; - color: black; +.alert-light-green .alert-heading { + color: #000 !important; } - -.alert-lime { - background-color: #cddc39; - color: black; +.alert-lime .alert-heading { + color: #000 !important; } - -.alert-yellow { - background-color: #ffeb3b; - color: black; +.alert-yellow .alert-heading { + color: #000 !important; } - -.alert-amber { - background-color: #ffc107; - color: black; +.alert-amber .alert-heading { + color: #000 !important; } - -.alert-orange { - background-color: #ff9800; - color: black; +.alert-orange .alert-heading { + color: #000 !important; } - -.alert-deep-orange { - background-color: #ff5722; - color: black; +.alert-deep-orange .alert-heading { + color: #fff !important; } - -.alert-brown { - background-color: #795548; - color: white; +.alert-brown .alert-heading { + color: #fff !important; } - -.alert-grey { - background-color: #9e9e9e; - color: black; +.alert-grey .alert-heading { + color: #000 !important; } - -.alert-blue-grey { - background-color: #607d8b; - color: white; +.alert-blue-grey .alert-heading { + color: #fff !important; } - -/*****************************************************\ - NAVBAR -\*****************************************************/ - -.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { - border-color: rgba(0,0,0,.3); +.badge-red { + background-color: #f44336; + color: #fff; } - -/* red */ - -.navbar-red { - background-color: #f44336; -} -.navbar-red .navbar-brand { - color: white; -} -.navbar-red .navbar-brand:hover, -.navbar-red .navbar-brand:focus { - color: white; -} -.navbar-red .navbar-nav > li > a { - color: white; -} -.navbar-red .navbar-nav > li > a:hover, -.navbar-red .navbar-nav > li > a:focus { - color: white; -} -.navbar-red .navbar-nav > .active > a, -.navbar-red .navbar-nav > .active > a:hover, -.navbar-red .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-red .navbar-nav > .open > a, -.navbar-red .navbar-nav > .open > a:hover, -.navbar-red .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-red .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-red .navbar-nav > .dropdown > a:hover .caret, -.navbar-red .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-red .navbar-nav > .open > a .caret, -.navbar-red .navbar-nav > .open > a:hover .caret, -.navbar-red .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-red .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-red .navbar-toggle:hover, -.navbar-red .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-red .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-red .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-red .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-red .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-pink { + background-color: #e91e63; + color: #fff; } - - -/* pink */ - -.navbar-pink { - background-color: #e91e63; -} -.navbar-pink .navbar-brand { - color: white; -} -.navbar-pink .navbar-brand:hover, -.navbar-pink .navbar-brand:focus { - color: white; -} -.navbar-pink .navbar-nav > li > a { - color: white; -} -.navbar-pink .navbar-nav > li > a:hover, -.navbar-pink .navbar-nav > li > a:focus { - color: white; -} -.navbar-pink .navbar-nav > .active > a, -.navbar-pink .navbar-nav > .active > a:hover, -.navbar-pink .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-pink .navbar-nav > .open > a, -.navbar-pink .navbar-nav > .open > a:hover, -.navbar-pink .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-pink .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-pink .navbar-nav > .dropdown > a:hover .caret, -.navbar-pink .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-pink .navbar-nav > .open > a .caret, -.navbar-pink .navbar-nav > .open > a:hover .caret, -.navbar-pink .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-pink .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-pink .navbar-toggle:hover, -.navbar-pink .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-pink .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-pink .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-pink .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-pink .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-purple { + background-color: #9c27b0; + color: #fff; } - - -/* purple */ - -.navbar-purple { - background-color: #9c27b0; -} -.navbar-purple .navbar-brand { - color: white; -} -.navbar-purple .navbar-brand:hover, -.navbar-purple .navbar-brand:focus { - color: white; -} -.navbar-purple .navbar-nav > li > a { - color: white; -} -.navbar-purple .navbar-nav > li > a:hover, -.navbar-purple .navbar-nav > li > a:focus { - color: white; -} -.navbar-purple .navbar-nav > .active > a, -.navbar-purple .navbar-nav > .active > a:hover, -.navbar-purple .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-purple .navbar-nav > .open > a, -.navbar-purple .navbar-nav > .open > a:hover, -.navbar-purple .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-purple .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-purple .navbar-nav > .dropdown > a:hover .caret, -.navbar-purple .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-purple .navbar-nav > .open > a .caret, -.navbar-purple .navbar-nav > .open > a:hover .caret, -.navbar-purple .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-purple .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-purple .navbar-toggle:hover, -.navbar-purple .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-purple .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-purple .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-purple .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-purple .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-deep-purple { + background-color: #673ab7; + color: #fff; } - - -/* deep-purple */ - -.navbar-deep-purple { - background-color: #673ab7; -} -.navbar-deep-purple .navbar-brand { - color: white; -} -.navbar-deep-purple .navbar-brand:hover, -.navbar-deep-purple .navbar-brand:focus { - color: white; -} -.navbar-deep-purple .navbar-nav > li > a { - color: white; -} -.navbar-deep-purple .navbar-nav > li > a:hover, -.navbar-deep-purple .navbar-nav > li > a:focus { - color: white; -} -.navbar-deep-purple .navbar-nav > .active > a, -.navbar-deep-purple .navbar-nav > .active > a:hover, -.navbar-deep-purple .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-deep-purple .navbar-nav > .open > a, -.navbar-deep-purple .navbar-nav > .open > a:hover, -.navbar-deep-purple .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-deep-purple .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-deep-purple .navbar-nav > .dropdown > a:hover .caret, -.navbar-deep-purple .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-deep-purple .navbar-nav > .open > a .caret, -.navbar-deep-purple .navbar-nav > .open > a:hover .caret, -.navbar-deep-purple .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-deep-purple .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-deep-purple .navbar-toggle:hover, -.navbar-deep-purple .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-deep-purple .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-indigo { + background-color: #3f51b5; + color: #fff; } - - -/* indigo */ - -.navbar-indigo { - background-color: #3f51b5; -} -.navbar-indigo .navbar-brand { - color: white; -} -.navbar-indigo .navbar-brand:hover, -.navbar-indigo .navbar-brand:focus { - color: white; -} -.navbar-indigo .navbar-nav > li > a { - color: white; -} -.navbar-indigo .navbar-nav > li > a:hover, -.navbar-indigo .navbar-nav > li > a:focus { - color: white; -} -.navbar-indigo .navbar-nav > .active > a, -.navbar-indigo .navbar-nav > .active > a:hover, -.navbar-indigo .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-indigo .navbar-nav > .open > a, -.navbar-indigo .navbar-nav > .open > a:hover, -.navbar-indigo .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-indigo .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-indigo .navbar-nav > .dropdown > a:hover .caret, -.navbar-indigo .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-indigo .navbar-nav > .open > a .caret, -.navbar-indigo .navbar-nav > .open > a:hover .caret, -.navbar-indigo .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-indigo .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-indigo .navbar-toggle:hover, -.navbar-indigo .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-indigo .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-indigo .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-indigo .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-indigo .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-blue { + background-color: #2196f3; + color: #fff; } - - -/* blue */ - -.navbar-blue { - background-color: #2196f3; -} -.navbar-blue .navbar-brand { - color: white; -} -.navbar-blue .navbar-brand:hover, -.navbar-blue .navbar-brand:focus { - color: white; -} -.navbar-blue .navbar-nav > li > a { - color: white; -} -.navbar-blue .navbar-nav > li > a:hover, -.navbar-blue .navbar-nav > li > a:focus { - color: white; -} -.navbar-blue .navbar-nav > .active > a, -.navbar-blue .navbar-nav > .active > a:hover, -.navbar-blue .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-blue .navbar-nav > .open > a, -.navbar-blue .navbar-nav > .open > a:hover, -.navbar-blue .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-blue .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-blue .navbar-nav > .dropdown > a:hover .caret, -.navbar-blue .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-blue .navbar-nav > .open > a .caret, -.navbar-blue .navbar-nav > .open > a:hover .caret, -.navbar-blue .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-blue .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-blue .navbar-toggle:hover, -.navbar-blue .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-blue .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-blue .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-light-blue { + background-color: #03a9f4; + color: #000; } - -/* blue with black text */ - -.navbar-blue-blacktext { - background-color: #2196f3; -} -.navbar-blue-blacktext .navbar-brand { - color: black; -} -.navbar-blue-blacktext .navbar-brand:hover, -.navbar-blue-blacktext .navbar-brand:focus { - color: black; -} -.navbar-blue-blacktext .navbar-nav > li > a { - color: black; -} -.navbar-blue-blacktext .navbar-nav > li > a:hover, -.navbar-blue-blacktext .navbar-nav > li > a:focus { - color: black; -} -.navbar-blue-blacktext .navbar-nav > .active > a, -.navbar-blue-blacktext .navbar-nav > .active > a:hover, -.navbar-blue-blacktext .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-blue-blacktext .navbar-nav > .open > a, -.navbar-blue-blacktext .navbar-nav > .open > a:hover, -.navbar-blue-blacktext .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-blue-blacktext .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-blue-blacktext .navbar-nav > .dropdown > a:hover .caret, -.navbar-blue-blacktext .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-blue-blacktext .navbar-nav > .open > a .caret, -.navbar-blue-blacktext .navbar-nav > .open > a:hover .caret, -.navbar-blue-blacktext .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-blue-blacktext .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-blue-blacktext .navbar-toggle:hover, -.navbar-blue-blacktext .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-blue-blacktext .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-blue-blacktext .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-blue-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-blue-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-cyan { + background-color: #00bcd4; + color: #000; } - - -/* light-blue */ - -.navbar-light-blue { - background-color: #03a9f4; -} -.navbar-light-blue .navbar-brand { - color: black; -} -.navbar-light-blue .navbar-brand:hover, -.navbar-light-blue .navbar-brand:focus { - color: black; -} -.navbar-light-blue .navbar-nav > li > a { - color: black; -} -.navbar-light-blue .navbar-nav > li > a:hover, -.navbar-light-blue .navbar-nav > li > a:focus { - color: black; -} -.navbar-light-blue .navbar-nav > .active > a, -.navbar-light-blue .navbar-nav > .active > a:hover, -.navbar-light-blue .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-light-blue .navbar-nav > .open > a, -.navbar-light-blue .navbar-nav > .open > a:hover, -.navbar-light-blue .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-light-blue .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-light-blue .navbar-nav > .dropdown > a:hover .caret, -.navbar-light-blue .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-light-blue .navbar-nav > .open > a .caret, -.navbar-light-blue .navbar-nav > .open > a:hover .caret, -.navbar-light-blue .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-light-blue .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-light-blue .navbar-toggle:hover, -.navbar-light-blue .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-light-blue .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-teal { + background-color: #009688; + color: #fff; } - - -/* cyan */ - -.navbar-cyan { - background-color: #00bcd4; -} -.navbar-cyan .navbar-brand { - color: black; -} -.navbar-cyan .navbar-brand:hover, -.navbar-cyan .navbar-brand:focus { - color: black; -} -.navbar-cyan .navbar-nav > li > a { - color: black; -} -.navbar-cyan .navbar-nav > li > a:hover, -.navbar-cyan .navbar-nav > li > a:focus { - color: black; -} -.navbar-cyan .navbar-nav > .active > a, -.navbar-cyan .navbar-nav > .active > a:hover, -.navbar-cyan .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-cyan .navbar-nav > .open > a, -.navbar-cyan .navbar-nav > .open > a:hover, -.navbar-cyan .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-cyan .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-cyan .navbar-nav > .dropdown > a:hover .caret, -.navbar-cyan .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-cyan .navbar-nav > .open > a .caret, -.navbar-cyan .navbar-nav > .open > a:hover .caret, -.navbar-cyan .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-cyan .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-cyan .navbar-toggle:hover, -.navbar-cyan .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-cyan .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-cyan .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-cyan .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-cyan .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-green { + background-color: #4caf50; + color: #fff; } - - -/* teal */ - -.navbar-teal { - background-color: #009688; -} -.navbar-teal .navbar-brand { - color: white; -} -.navbar-teal .navbar-brand:hover, -.navbar-teal .navbar-brand:focus { - color: white; -} -.navbar-teal .navbar-nav > li > a { - color: white; -} -.navbar-teal .navbar-nav > li > a:hover, -.navbar-teal .navbar-nav > li > a:focus { - color: white; -} -.navbar-teal .navbar-nav > .active > a, -.navbar-teal .navbar-nav > .active > a:hover, -.navbar-teal .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-teal .navbar-nav > .open > a, -.navbar-teal .navbar-nav > .open > a:hover, -.navbar-teal .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-teal .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-teal .navbar-nav > .dropdown > a:hover .caret, -.navbar-teal .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-teal .navbar-nav > .open > a .caret, -.navbar-teal .navbar-nav > .open > a:hover .caret, -.navbar-teal .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-teal .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-teal .navbar-toggle:hover, -.navbar-teal .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-teal .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-teal .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-teal .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-teal .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-light-green { + background-color: #8bc34a; + color: #000; } - - -/* green */ - -.navbar-green { - background-color: #4caf50; -} -.navbar-green .navbar-brand { - color: white; -} -.navbar-green .navbar-brand:hover, -.navbar-green .navbar-brand:focus { - color: white; -} -.navbar-green .navbar-nav > li > a { - color: white; -} -.navbar-green .navbar-nav > li > a:hover, -.navbar-green .navbar-nav > li > a:focus { - color: white; -} -.navbar-green .navbar-nav > .active > a, -.navbar-green .navbar-nav > .active > a:hover, -.navbar-green .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-green .navbar-nav > .open > a, -.navbar-green .navbar-nav > .open > a:hover, -.navbar-green .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-green .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-green .navbar-nav > .dropdown > a:hover .caret, -.navbar-green .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-green .navbar-nav > .open > a .caret, -.navbar-green .navbar-nav > .open > a:hover .caret, -.navbar-green .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-green .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-green .navbar-toggle:hover, -.navbar-green .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-green .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-green .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-green .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-green .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-lime { + background-color: #cddc39; + color: #000; } - - -/* green with black text */ - -.navbar-green-blacktext { - background-color: #4caf50; -} -.navbar-green-blacktext .navbar-brand { - color: black; -} -.navbar-green-blacktext .navbar-brand:hover, -.navbar-green-blacktext .navbar-brand:focus { - color: black; -} -.navbar-green-blacktext .navbar-nav > li > a { - color: black; -} -.navbar-green-blacktext .navbar-nav > li > a:hover, -.navbar-green-blacktext .navbar-nav > li > a:focus { - color: black; -} -.navbar-green-blacktext .navbar-nav > .active > a, -.navbar-green-blacktext .navbar-nav > .active > a:hover, -.navbar-green-blacktext .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-green-blacktext .navbar-nav > .open > a, -.navbar-green-blacktext .navbar-nav > .open > a:hover, -.navbar-green-blacktext .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-green-blacktext .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-green-blacktext .navbar-nav > .dropdown > a:hover .caret, -.navbar-green-blacktext .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-green-blacktext .navbar-nav > .open > a .caret, -.navbar-green-blacktext .navbar-nav > .open > a:hover .caret, -.navbar-green-blacktext .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-green-blacktext .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-green-blacktext .navbar-toggle:hover, -.navbar-green-blacktext .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-green-blacktext .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-green-blacktext .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-green-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-green-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-yellow { + background-color: #ffeb3b; + color: #000; } - - -/* light-green */ - -.navbar-light-green { - background-color: #8bc34a; -} -.navbar-light-green .navbar-brand { - color: black; -} -.navbar-light-green .navbar-brand:hover, -.navbar-light-green .navbar-brand:focus { - color: black; -} -.navbar-light-green .navbar-nav > li > a { - color: black; -} -.navbar-light-green .navbar-nav > li > a:hover, -.navbar-light-green .navbar-nav > li > a:focus { - color: black; -} -.navbar-light-green .navbar-nav > .active > a, -.navbar-light-green .navbar-nav > .active > a:hover, -.navbar-light-green .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-light-green .navbar-nav > .open > a, -.navbar-light-green .navbar-nav > .open > a:hover, -.navbar-light-green .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-light-green .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-light-green .navbar-nav > .dropdown > a:hover .caret, -.navbar-light-green .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-light-green .navbar-nav > .open > a .caret, -.navbar-light-green .navbar-nav > .open > a:hover .caret, -.navbar-light-green .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-light-green .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-light-green .navbar-toggle:hover, -.navbar-light-green .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-light-green .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-light-green .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-light-green .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-light-green .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-amber { + background-color: #ffc107; + color: #000; } - - -/* lime */ - -.navbar-lime { - background-color: #cddc39; -} -.navbar-lime .navbar-brand { - color: black; -} -.navbar-lime .navbar-brand:hover, -.navbar-lime .navbar-brand:focus { - color: black; -} -.navbar-lime .navbar-nav > li > a { - color: black; -} -.navbar-lime .navbar-nav > li > a:hover, -.navbar-lime .navbar-nav > li > a:focus { - color: black; -} -.navbar-lime .navbar-nav > .active > a, -.navbar-lime .navbar-nav > .active > a:hover, -.navbar-lime .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-lime .navbar-nav > .open > a, -.navbar-lime .navbar-nav > .open > a:hover, -.navbar-lime .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-lime .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-lime .navbar-nav > .dropdown > a:hover .caret, -.navbar-lime .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-lime .navbar-nav > .open > a .caret, -.navbar-lime .navbar-nav > .open > a:hover .caret, -.navbar-lime .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-lime .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-lime .navbar-toggle:hover, -.navbar-lime .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-lime .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-lime .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-lime .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-lime .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-orange { + background-color: #ff9800; + color: #000; } - - -/* yellow */ - -.navbar-yellow { - background-color: #ffeb3b; -} -.navbar-yellow .navbar-brand { - color: black; -} -.navbar-yellow .navbar-brand:hover, -.navbar-yellow .navbar-brand:focus { - color: black; -} -.navbar-yellow .navbar-nav > li > a { - color: black; -} -.navbar-yellow .navbar-nav > li > a:hover, -.navbar-yellow .navbar-nav > li > a:focus { - color: black; -} -.navbar-yellow .navbar-nav > .active > a, -.navbar-yellow .navbar-nav > .active > a:hover, -.navbar-yellow .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-yellow .navbar-nav > .open > a, -.navbar-yellow .navbar-nav > .open > a:hover, -.navbar-yellow .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-yellow .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-yellow .navbar-nav > .dropdown > a:hover .caret, -.navbar-yellow .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-yellow .navbar-nav > .open > a .caret, -.navbar-yellow .navbar-nav > .open > a:hover .caret, -.navbar-yellow .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-yellow .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-yellow .navbar-toggle:hover, -.navbar-yellow .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-yellow .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-yellow .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-deep-orange { + background-color: #ff5722; + color: #fff; } - - -/* amber */ - -.navbar-amber { - background-color: #ffc107; -} -.navbar-amber .navbar-brand { - color: black; -} -.navbar-amber .navbar-brand:hover, -.navbar-amber .navbar-brand:focus { - color: black; -} -.navbar-amber .navbar-nav > li > a { - color: black; -} -.navbar-amber .navbar-nav > li > a:hover, -.navbar-amber .navbar-nav > li > a:focus { - color: black; -} -.navbar-amber .navbar-nav > .active > a, -.navbar-amber .navbar-nav > .active > a:hover, -.navbar-amber .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-amber .navbar-nav > .open > a, -.navbar-amber .navbar-nav > .open > a:hover, -.navbar-amber .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-amber .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-amber .navbar-nav > .dropdown > a:hover .caret, -.navbar-amber .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-amber .navbar-nav > .open > a .caret, -.navbar-amber .navbar-nav > .open > a:hover .caret, -.navbar-amber .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-amber .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-amber .navbar-toggle:hover, -.navbar-amber .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-amber .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-amber .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-amber .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-amber .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-brown { + background-color: #795548; + color: #fff; } - - -/* orange */ - -.navbar-orange { - background-color: #ff9800; -} -.navbar-orange .navbar-brand { - color: black; -} -.navbar-orange .navbar-brand:hover, -.navbar-orange .navbar-brand:focus { - color: black; -} -.navbar-orange .navbar-nav > li > a { - color: black; -} -.navbar-orange .navbar-nav > li > a:hover, -.navbar-orange .navbar-nav > li > a:focus { - color: black; -} -.navbar-orange .navbar-nav > .active > a, -.navbar-orange .navbar-nav > .active > a:hover, -.navbar-orange .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-orange .navbar-nav > .open > a, -.navbar-orange .navbar-nav > .open > a:hover, -.navbar-orange .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-orange .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-orange .navbar-nav > .dropdown > a:hover .caret, -.navbar-orange .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-orange .navbar-nav > .open > a .caret, -.navbar-orange .navbar-nav > .open > a:hover .caret, -.navbar-orange .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-orange .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-orange .navbar-toggle:hover, -.navbar-orange .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-orange .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-orange .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-orange .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-orange .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.badge-grey { + background-color: #9e9e9e; + color: #000; } - - -/* deep-orange */ - -.navbar-deep-orange { - background-color: #ff5722; -} -.navbar-deep-orange .navbar-brand { - color: white; -} -.navbar-deep-orange .navbar-brand:hover, -.navbar-deep-orange .navbar-brand:focus { - color: white; -} -.navbar-deep-orange .navbar-nav > li > a { - color: white; -} -.navbar-deep-orange .navbar-nav > li > a:hover, -.navbar-deep-orange .navbar-nav > li > a:focus { - color: white; -} -.navbar-deep-orange .navbar-nav > .active > a, -.navbar-deep-orange .navbar-nav > .active > a:hover, -.navbar-deep-orange .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-deep-orange .navbar-nav > .open > a, -.navbar-deep-orange .navbar-nav > .open > a:hover, -.navbar-deep-orange .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-deep-orange .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-deep-orange .navbar-nav > .dropdown > a:hover .caret, -.navbar-deep-orange .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-deep-orange .navbar-nav > .open > a .caret, -.navbar-deep-orange .navbar-nav > .open > a:hover .caret, -.navbar-deep-orange .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-deep-orange .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-deep-orange .navbar-toggle:hover, -.navbar-deep-orange .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-deep-orange .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.badge-blue-grey { + background-color: #607d8b; + color: #fff; } - -/* deep-orange with black text */ -.navbar-deep-orange-blacktext { - background-color: #ff5722; -} -.navbar-deep-orange-blacktext .navbar-brand { - color: black; -} -.navbar-deep-orange-blacktext .navbar-brand:hover, -.navbar-deep-orange-blacktext .navbar-brand:focus { - color: black; -} -.navbar-deep-orange-blacktext .navbar-nav > li > a { - color: black; -} -.navbar-deep-orange-blacktext .navbar-nav > li > a:hover, -.navbar-deep-orange-blacktext .navbar-nav > li > a:focus { - color: black; -} -.navbar-deep-orange-blacktext .navbar-nav > .active > a, -.navbar-deep-orange-blacktext .navbar-nav > .active > a:hover, -.navbar-deep-orange-blacktext .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-deep-orange-blacktext .navbar-nav > .open > a, -.navbar-deep-orange-blacktext .navbar-nav > .open > a:hover, -.navbar-deep-orange-blacktext .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-deep-orange-blacktext .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-deep-orange-blacktext .navbar-nav > .dropdown > a:hover .caret, -.navbar-deep-orange-blacktext .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-deep-orange-blacktext .navbar-nav > .open > a .caret, -.navbar-deep-orange-blacktext .navbar-nav > .open > a:hover .caret, -.navbar-deep-orange-blacktext .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-deep-orange-blacktext .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-deep-orange-blacktext .navbar-toggle:hover, -.navbar-deep-orange-blacktext .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-deep-orange-blacktext .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.btn-red { + background-color: #f44336; + color: #fff; } - - -/* brown */ - -.navbar-brown { - background-color: #795548; -} -.navbar-brown .navbar-brand { - color: white; -} -.navbar-brown .navbar-brand:hover, -.navbar-brown .navbar-brand:focus { - color: white; -} -.navbar-brown .navbar-nav > li > a { - color: white; -} -.navbar-brown .navbar-nav > li > a:hover, -.navbar-brown .navbar-nav > li > a:focus { - color: white; -} -.navbar-brown .navbar-nav > .active > a, -.navbar-brown .navbar-nav > .active > a:hover, -.navbar-brown .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-brown .navbar-nav > .open > a, -.navbar-brown .navbar-nav > .open > a:hover, -.navbar-brown .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-brown .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-brown .navbar-nav > .dropdown > a:hover .caret, -.navbar-brown .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-brown .navbar-nav > .open > a .caret, -.navbar-brown .navbar-nav > .open > a:hover .caret, -.navbar-brown .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-brown .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-brown .navbar-toggle:hover, -.navbar-brown .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-brown .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-brown .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-brown .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-brown .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.btn-pink { + background-color: #e91e63; + color: #fff; } - - -/* grey */ - -.navbar-grey { - background-color: #9e9e9e; -} -.navbar-grey .navbar-brand { - color: white; -} -.navbar-grey .navbar-brand:hover, -.navbar-grey .navbar-brand:focus { - color: white; -} -.navbar-grey .navbar-nav > li > a { - color: white; -} -.navbar-grey .navbar-nav > li > a:hover, -.navbar-grey .navbar-nav > li > a:focus { - color: white; -} -.navbar-grey .navbar-nav > .active > a, -.navbar-grey .navbar-nav > .active > a:hover, -.navbar-grey .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-grey .navbar-nav > .open > a, -.navbar-grey .navbar-nav > .open > a:hover, -.navbar-grey .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-grey .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-grey .navbar-nav > .dropdown > a:hover .caret, -.navbar-grey .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-grey .navbar-nav > .open > a .caret, -.navbar-grey .navbar-nav > .open > a:hover .caret, -.navbar-grey .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-grey .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-grey .navbar-toggle:hover, -.navbar-grey .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-grey .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-grey .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-grey .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-grey .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.btn-purple { + background-color: #9c27b0; + color: #fff; } - - -/* grey with black text */ - -.navbar-grey-blacktext { - background-color: #9e9e9e; -} -.navbar-grey-blacktext .navbar-brand { - color: black; -} -.navbar-grey-blacktext .navbar-brand:hover, -.navbar-grey-blacktext .navbar-brand:focus { - color: black; -} -.navbar-grey-blacktext .navbar-nav > li > a { - color: black; -} -.navbar-grey-blacktext .navbar-nav > li > a:hover, -.navbar-grey-blacktext .navbar-nav > li > a:focus { - color: black; -} -.navbar-grey-blacktext .navbar-nav > .active > a, -.navbar-grey-blacktext .navbar-nav > .active > a:hover, -.navbar-grey-blacktext .navbar-nav > .active > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-grey-blacktext .navbar-nav > .open > a, -.navbar-grey-blacktext .navbar-nav > .open > a:hover, -.navbar-grey-blacktext .navbar-nav > .open > a:focus { - color: black; - background: rgba(0,0,0,.2); -} -.navbar-grey-blacktext .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-grey-blacktext .navbar-nav > .dropdown > a:hover .caret, -.navbar-grey-blacktext .navbar-nav > .dropdown > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-grey-blacktext .navbar-nav > .open > a .caret, -.navbar-grey-blacktext .navbar-nav > .open > a:hover .caret, -.navbar-grey-blacktext .navbar-nav > .open > a:focus .caret { - border-top-color: black; - border-bottom-color: black; -} -.navbar-grey-blacktext .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-grey-blacktext .navbar-toggle:hover, -.navbar-grey-blacktext .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-grey-blacktext .navbar-toggle .icon-bar { - background-color: black; -} -@media (max-width: 767px) { - .navbar-grey-blacktext .navbar-nav .open .dropdown-menu > li > a { - color: black; - } - .navbar-grey-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-grey-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { - color: black; - } +.btn-deep-purple { + background-color: #673ab7; + color: #fff; } - - -/* blue-grey */ - -.navbar-blue-grey { - background-color: #607d8b; -} -.navbar-blue-grey .navbar-brand { - color: white; -} -.navbar-blue-grey .navbar-brand:hover, -.navbar-blue-grey .navbar-brand:focus { - color: white; -} -.navbar-blue-grey .navbar-nav > li > a { - color: white; -} -.navbar-blue-grey .navbar-nav > li > a:hover, -.navbar-blue-grey .navbar-nav > li > a:focus { - color: white; -} -.navbar-blue-grey .navbar-nav > .active > a, -.navbar-blue-grey .navbar-nav > .active > a:hover, -.navbar-blue-grey .navbar-nav > .active > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-blue-grey .navbar-nav > .open > a, -.navbar-blue-grey .navbar-nav > .open > a:hover, -.navbar-blue-grey .navbar-nav > .open > a:focus { - color: white; - background: rgba(0,0,0,.2); -} -.navbar-blue-grey .navbar-nav > .dropdown > a .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-blue-grey .navbar-nav > .dropdown > a:hover .caret, -.navbar-blue-grey .navbar-nav > .dropdown > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-blue-grey .navbar-nav > .open > a .caret, -.navbar-blue-grey .navbar-nav > .open > a:hover .caret, -.navbar-blue-grey .navbar-nav > .open > a:focus .caret { - border-top-color: white; - border-bottom-color: white; -} -.navbar-blue-grey .navbar-toggle { - border-color: rgba(0,0,0,.2); -} -.navbar-blue-grey .navbar-toggle:hover, -.navbar-blue-grey .navbar-toggle:focus { - background: rgba(0,0,0,.2); -} -.navbar-blue-grey .navbar-toggle .icon-bar { - background-color: white; -} -@media (max-width: 767px) { - .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a { - color: white; - } - .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; - } +.btn-indigo { + background-color: #3f51b5; + color: #fff; } - -/*****************************************************\ - BUTTONS -\*****************************************************/ - -.btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus { - background-color: #f44336; - color: white; +.btn-blue { + background-color: #2196f3; + color: #fff; } - -.btn-pink, .btn-pink:hover, .btn-pink:active, .btn-pink:focus { - background-color: #e91e63; - color: white; +.btn-light-blue { + background-color: #03a9f4; + color: #000; } - -.btn-purple, .btn-purple:hover, .btn-purple:active, .btn-purple:focus { - background-color: #9c27b0; - color: white; +.btn-cyan { + background-color: #00bcd4; + color: #000; } - -.btn-deep-purple, .btn-deep-purple:hover, .btn-deep-purple:active, .btn-deep-purple:focus { - background-color: #673ab7; - color: white; +.btn-teal { + background-color: #009688; + color: #fff; } - -.btn-indigo, .btn-indigo:hover, .btn-indigo:active, .btn-indigo:focus { - background-color: #3f51b5; - color: white; +.btn-green { + background-color: #4caf50; + color: #fff; } - -.btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:focus { - background-color: #2196f3; - color: black; +.btn-light-green { + background-color: #8bc34a; + color: #000; } - -.btn-light-blue, .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus { - background-color: #03a9f4; - color: black; +.btn-lime { + background-color: #cddc39; + color: #000; } - -.btn-cyan, .btn-cyan:hover, .btn-cyan:active, .btn-cyan:focus { - background-color: #00bcd4; - color: black; +.btn-yellow { + background-color: #ffeb3b; + color: #000; } - -.btn-teal, .btn-teal:hover, .btn-teal:active, .btn-teal:focus { - background-color: #009688; - color: white; +.btn-amber { + background-color: #ffc107; + color: #000; } - -.btn-green, .btn-green:hover, .btn-green:active, .btn-green:focus { - background-color: #4caf50; - color: black; +.btn-orange { + background-color: #ff9800; + color: #000; } - -.btn-light-green, .btn-light-green:hover, .btn-light-green:active, .btn-light-green:focus { - background-color: #8bc34a; - color: black; +.btn-deep-orange { + background-color: #ff5722; + color: #fff; } - -.btn-lime, .btn-lime:hover, .btn-lime:active, .btn-lime:focus { - background-color: #cddc39; - color: black; +.btn-brown { + background-color: #795548; + color: #fff; } - -.btn-yellow, .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus { - background-color: #ffeb3b; - color: black; +.btn-grey { + background-color: #9e9e9e; + color: #000; } - -.btn-amber, .btn-amber:hover, .btn-amber:active, .btn-amber:focus { - background-color: #ffc107; - color: black; +.btn-blue-grey { + background-color: #607d8b; + color: #fff; } - -.btn-orange, .btn-orange:hover, .btn-orange:active, .btn-orange:focus { - background-color: #ff9800; - color: black; +.bg-red { + background-color: #f44336; } - -.btn-deep-orange, .btn-deep-orange:hover, .btn-deep-orange:active, .btn-deep-orange:focus { - background-color: #ff5722; - color: black; +.bg-pink { + background-color: #e91e63; } - -.btn-brown, .btn-brown:hover, .btn-brown:active, .btn-brown:focus { - background-color: #795548; - color: white; +.bg-purple { + background-color: #9c27b0; } - -.btn-grey, .btn-grey:hover, .btn-grey:active, .btn-grey:focus { - background-color: #9e9e9e; - color: black; +.bg-deep-purple { + background-color: #673ab7; } - -.btn-blue-grey, .btn-blue-grey:hover, .btn-blue-grey:active, .btn-blue-grey:focus { - background-color: #607d8b; - color: white; +.bg-indigo { + background-color: #3f51b5; } - -/*****************************************************\ - TEXT -\*****************************************************/ - -.text-red { - color: #f44336; +.bg-blue { + background-color: #2196f3; } - -.text-pink { - color: #e91e63; +.bg-light-blue { + background-color: #03a9f4; } - -.text-purple { - color: #9c27b0; +.bg-cyan { + background-color: #00bcd4; } - -.text-deep-purple { - color: #673ab7; +.bg-teal { + background-color: #009688; } - -.text-indigo { - color: #3f51b5; +.bg-green { + background-color: #4caf50; } - -.text-blue { - color: #2196f3; +.bg-light-green { + background-color: #8bc34a; } - -.text-light-blue { - color: #03a9f4; +.bg-lime { + background-color: #cddc39; } - -.text-cyan { - color: #00bcd4; +.bg-yellow { + background-color: #ffeb3b; } - -.text-teal { - color: #009688; +.bg-amber { + background-color: #ffc107; } - -.text-green { - color: #4caf50; +.bg-orange { + background-color: #ff9800; } - -.text-light-green { - color: #8bc34a; +.bg-deep-orange { + background-color: #ff5722; } - -.text-lime { - color: #cddc39; +.bg-brown { + background-color: #795548; } - -.text-yellow { - color: #ffeb3b; +.bg-grey { + background-color: #9e9e9e; } - -.text-amber { - color: #ffc107; +.bg-blue-grey { + background-color: #607d8b; } - -.text-orange { - color: #ff9800; +.list-group-item-red { + background-color: #f44336; + color: #fff; } - -.text-deep-orange { - color: #ff5722; +.list-group-item-pink { + background-color: #e91e63; + color: #fff; } - -.text-brown { - color: #795548; +.list-group-item-purple { + background-color: #9c27b0; + color: #fff; } - -.text-grey { - color: #9e9e9e; +.list-group-item-deep-purple { + background-color: #673ab7; + color: #fff; } - -.text-blue-grey { - color: #607d8b; +.list-group-item-indigo { + background-color: #3f51b5; + color: #fff; } - -/*****************************************************\ - LABELS -\*****************************************************/ - -.label-red { - background-color: #f44336; - color: white; +.list-group-item-blue { + background-color: #2196f3; + color: #fff; } - -.label-pink { - background-color: #e91e63; - color: white; +.list-group-item-light-blue { + background-color: #03a9f4; + color: #000; } - -.label-purple { - background-color: #9c27b0; - color: white; +.list-group-item-cyan { + background-color: #00bcd4; + color: #000; } - -.label-deep-purple { - background-color: #673ab7; - color: white; +.list-group-item-teal { + background-color: #009688; + color: #fff; } - -.label-indigo { - background-color: #3f51b5; - color: white; +.list-group-item-green { + background-color: #4caf50; + color: #fff; } - -.label-blue { - background-color: #2196f3; - color: black; +.list-group-item-light-green { + background-color: #8bc34a; + color: #000; } - -.label-light-blue { - background-color: #03a9f4; - color: black; +.list-group-item-lime { + background-color: #cddc39; + color: #000; } - -.label-cyan { - background-color: #00bcd4; - color: black; +.list-group-item-yellow { + background-color: #ffeb3b; + color: #000; } - -.label-teal { - background-color: #009688; - color: white; +.list-group-item-amber { + background-color: #ffc107; + color: #000; } - -.label-green { - background-color: #4caf50; - color: black; +.list-group-item-orange { + background-color: #ff9800; + color: #000; } - -.label-light-green { - background-color: #8bc34a; - color: black; +.list-group-item-deep-orange { + background-color: #ff5722; + color: #fff; } - -.label-lime { - background-color: #cddc39; - color: black; +.list-group-item-brown { + background-color: #795548; + color: #fff; } - -.label-yellow { - background-color: #ffeb3b; - color: black; +.list-group-item-grey { + background-color: #9e9e9e; + color: #000; } - -.label-amber { - background-color: #ffc107; - color: black; +.list-group-item-blue-grey { + background-color: #607d8b; + color: #fff; } - -.label-orange { - background-color: #ff9800; - color: black; +.border-red { + border-color: #f44336; + border-width: 1px; } - -.label-deep-orange { - background-color: #ff5722; - color: black; +.border-pink { + border-color: #e91e63; + border-width: 1px; } - -.label-brown { - background-color: #795548; - color: white; +.border-purple { + border-color: #9c27b0; + border-width: 1px; } - -.label-grey { - background-color: #9e9e9e; - color: black; +.border-deep-purple { + border-color: #673ab7; + border-width: 1px; } - -.label-blue-grey { - background-color: #607d8b; - color: white; +.border-indigo { + border-color: #3f51b5; + border-width: 1px; } - -/*****************************************************\ - PROGRESS BARS -\*****************************************************/ - -.progress-bar-red { - background-color: #f44336; - color: white; +.border-blue { + border-color: #2196f3; + border-width: 1px; } - -.progress-bar-pink { - background-color: #e91e63; - color: white; +.border-light-blue { + border-color: #03a9f4; + border-width: 1px; } - -.progress-bar-purple { - background-color: #9c27b0; - color: white; +.border-cyan { + border-color: #00bcd4; + border-width: 1px; } - -.progress-bar-deep-purple { - background-color: #673ab7; - color: white; +.border-teal { + border-color: #009688; + border-width: 1px; } - -.progress-bar-indigo { - background-color: #3f51b5; - color: white; +.border-green { + border-color: #4caf50; + border-width: 1px; } - -.progress-bar-blue { - background-color: #2196f3; - color: black; +.border-light-green { + border-color: #8bc34a; + border-width: 1px; } - -.progress-bar-light-blue { - background-color: #03a9f4; - color: black; +.border-lime { + border-color: #cddc39; + border-width: 1px; } - -.progress-bar-cyan { - background-color: #00bcd4; - color: black; +.border-yellow { + border-color: #ffeb3b; + border-width: 1px; } - -.progress-bar-teal { - background-color: #009688; - color: white; +.border-amber { + border-color: #ffc107; + border-width: 1px; } - -.progress-bar-green { - background-color: #4caf50; - color: black; +.border-orange { + border-color: #ff9800; + border-width: 1px; } - -.progress-bar-light-green { - background-color: #8bc34a; - color: black; +.border-deep-orange { + border-color: #ff5722; + border-width: 1px; } - -.progress-bar-lime { - background-color: #cddc39; - color: black; +.border-brown { + border-color: #795548; + border-width: 1px; } - -.progress-bar-yellow { - background-color: #ffeb3b; - color: black; +.border-grey { + border-color: #9e9e9e; + border-width: 1px; } - -.progress-bar-amber { - background-color: #ffc107; - color: black; +.border-blue-grey { + border-color: #607d8b; + border-width: 1px; } - -.progress-bar-orange { - background-color: #ff9800; - color: black; +.text-red { + color: #f44336; } - -.progress-bar-deep-orange { - background-color: #ff5722; - color: black; +.text-pink { + color: #e91e63; } - -.progress-bar-brown { - background-color: #795548; - color: white; +.text-purple { + color: #9c27b0; } - -.progress-bar-grey { - background-color: #9e9e9e; - color: black; +.text-deep-purple { + color: #673ab7; } - -.progress-bar-blue-grey { - background-color: #607d8b; - color: white; +.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 c575c0a..f39722b 100644 --- a/material-color.min.css +++ b/material-color.min.css @@ -1,6 +1,7 @@ /* Material-Color.css - * Copyright (c) 2017 Netsyms Technologies + * Copyright (c) 2018 Netsyms Technologies * MIT License * https://source.netsyms.com/Netsyms/Material-Color */ -.panel-red .panel-heading{background-color:#f44336;color:white}.panel-pink .panel-heading{background-color:#e91e63;color:white}.panel-purple .panel-heading{background-color:#9c27b0;color:white}.panel-deep-purple .panel-heading{background-color:#673ab7;color:white}.panel-indigo .panel-heading{background-color:#3f51b5;color:white}.panel-blue .panel-heading{background-color:#2196f3;color:black}.panel-light-blue .panel-heading{background-color:#03a9f4;color:black}.panel-cyan .panel-heading{background-color:#00bcd4;color:black}.panel-teal .panel-heading{background-color:#009688;color:white}.panel-green .panel-heading{background-color:#4caf50;color:black}.panel-light-green .panel-heading{background-color:#8bc34a;color:black}.panel-lime .panel-heading{background-color:#cddc39;color:black}.panel-yellow .panel-heading{background-color:#ffeb3b;color:black}.panel-amber .panel-heading{background-color:#ffc107;color:black}.panel-orange .panel-heading{background-color:#ff9800;color:black}.panel-deep-orange .panel-heading{background-color:#ff5722;color:black}.panel-brown .panel-heading{background-color:#795548;color:white}.panel-grey .panel-heading{background-color:#9e9e9e;color:black}.panel-blue-grey .panel-heading{background-color:#607d8b;color:white}.panel-red .panel-footer{background-color:#ef9a9a;color:black}.panel-pink .panel-footer{background-color:#f48fb1;color:black}.panel-purple .panel-footer{background-color:#ce93d8;color:black}.panel-deep-purple .panel-footer{background-color:#b39ddb;color:black}.panel-indigo .panel-footer{background-color:#9fa8da;color:black}.panel-blue .panel-footer{background-color:#90caf9;color:black}.panel-light-blue .panel-footer{background-color:#81d4fa;color:black}.panel-cyan .panel-footer{background-color:#80deea;color:black}.panel-teal .panel-footer{background-color:#80cbc4;color:black}.panel-green .panel-footer{background-color:#a5d6a7;color:black}.panel-light-green .panel-footer{background-color:#c5e1a5;color:black}.panel-lime .panel-footer{background-color:#e6ee9c;color:black}.panel-yellow .panel-footer{background-color:#fff59d;color:black}.panel-amber .panel-footer{background-color:#ffe082;color:black}.panel-orange .panel-footer{background-color:#ffcc80;color:black}.panel-deep-orange .panel-footer{background-color:#ffab91;color:black}.panel-brown .panel-footer{background-color:#bcaaa4;color:black}.panel-grey .panel-footer{background-color:#eee;color:black}.panel-blue-grey .panel-footer{background-color:#b0bec5;color:black}.alert-red{background-color:#f44336;color:white}.alert-pink{background-color:#e91e63;color:white}.alert-purple{background-color:#9c27b0;color:white}.alert-deep-purple{background-color:#673ab7;color:white}.alert-indigo{background-color:#3f51b5;color:white}.alert-blue{background-color:#2196f3;color:black}.alert-light-blue{background-color:#03a9f4;color:black}.alert-cyan{background-color:#00bcd4;color:black}.alert-teal{background-color:#009688;color:white}.alert-green{background-color:#4caf50;color:black}.alert-light-green{background-color:#8bc34a;color:black}.alert-lime{background-color:#cddc39;color:black}.alert-yellow{background-color:#ffeb3b;color:black}.alert-amber{background-color:#ffc107;color:black}.alert-orange{background-color:#ff9800;color:black}.alert-deep-orange{background-color:#ff5722;color:black}.alert-brown{background-color:#795548;color:white}.alert-grey{background-color:#9e9e9e;color:black}.alert-blue-grey{background-color:#607d8b;color:white}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:rgba(0,0,0,.3)}.navbar-red{background-color:#f44336}.navbar-red .navbar-brand{color:white}.navbar-red .navbar-brand:hover,.navbar-red .navbar-brand:focus{color:white}.navbar-red .navbar-nav>li>a{color:white}.navbar-red .navbar-nav>li>a:hover,.navbar-red .navbar-nav>li>a:focus{color:white}.navbar-red .navbar-nav>.active>a,.navbar-red .navbar-nav>.active>a:hover,.navbar-red .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-red .navbar-nav>.open>a,.navbar-red .navbar-nav>.open>a:hover,.navbar-red .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-red .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-red .navbar-nav>.dropdown>a:hover .caret,.navbar-red .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-red .navbar-nav>.open>a .caret,.navbar-red .navbar-nav>.open>a:hover .caret,.navbar-red .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-red .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-red .navbar-toggle:hover,.navbar-red .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-red .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-red .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-red .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-red .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-pink{background-color:#e91e63}.navbar-pink .navbar-brand{color:white}.navbar-pink .navbar-brand:hover,.navbar-pink .navbar-brand:focus{color:white}.navbar-pink .navbar-nav>li>a{color:white}.navbar-pink .navbar-nav>li>a:hover,.navbar-pink .navbar-nav>li>a:focus{color:white}.navbar-pink .navbar-nav>.active>a,.navbar-pink .navbar-nav>.active>a:hover,.navbar-pink .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-pink .navbar-nav>.open>a,.navbar-pink .navbar-nav>.open>a:hover,.navbar-pink .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-pink .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-pink .navbar-nav>.dropdown>a:hover .caret,.navbar-pink .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-pink .navbar-nav>.open>a .caret,.navbar-pink .navbar-nav>.open>a:hover .caret,.navbar-pink .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-pink .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-pink .navbar-toggle:hover,.navbar-pink .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-pink .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-pink .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-pink .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-pink .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-purple{background-color:#9c27b0}.navbar-purple .navbar-brand{color:white}.navbar-purple .navbar-brand:hover,.navbar-purple .navbar-brand:focus{color:white}.navbar-purple .navbar-nav>li>a{color:white}.navbar-purple .navbar-nav>li>a:hover,.navbar-purple .navbar-nav>li>a:focus{color:white}.navbar-purple .navbar-nav>.active>a,.navbar-purple .navbar-nav>.active>a:hover,.navbar-purple .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-purple .navbar-nav>.open>a,.navbar-purple .navbar-nav>.open>a:hover,.navbar-purple .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-purple .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-purple .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-purple .navbar-nav>.open>a .caret,.navbar-purple .navbar-nav>.open>a:hover .caret,.navbar-purple .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-purple .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-purple .navbar-toggle:hover,.navbar-purple .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-purple .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-purple .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-purple .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-deep-purple{background-color:#673ab7}.navbar-deep-purple .navbar-brand{color:white}.navbar-deep-purple .navbar-brand:hover,.navbar-deep-purple .navbar-brand:focus{color:white}.navbar-deep-purple .navbar-nav>li>a{color:white}.navbar-deep-purple .navbar-nav>li>a:hover,.navbar-deep-purple .navbar-nav>li>a:focus{color:white}.navbar-deep-purple .navbar-nav>.active>a,.navbar-deep-purple .navbar-nav>.active>a:hover,.navbar-deep-purple .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-nav>.open>a,.navbar-deep-purple .navbar-nav>.open>a:hover,.navbar-deep-purple .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-purple .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-purple .navbar-nav>.open>a .caret,.navbar-deep-purple .navbar-nav>.open>a:hover .caret,.navbar-deep-purple .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-purple .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-toggle:hover,.navbar-deep-purple .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-indigo{background-color:#3f51b5}.navbar-indigo .navbar-brand{color:white}.navbar-indigo .navbar-brand:hover,.navbar-indigo .navbar-brand:focus{color:white}.navbar-indigo .navbar-nav>li>a{color:white}.navbar-indigo .navbar-nav>li>a:hover,.navbar-indigo .navbar-nav>li>a:focus{color:white}.navbar-indigo .navbar-nav>.active>a,.navbar-indigo .navbar-nav>.active>a:hover,.navbar-indigo .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-indigo .navbar-nav>.open>a,.navbar-indigo .navbar-nav>.open>a:hover,.navbar-indigo .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-indigo .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-indigo .navbar-nav>.dropdown>a:hover .caret,.navbar-indigo .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-indigo .navbar-nav>.open>a .caret,.navbar-indigo .navbar-nav>.open>a:hover .caret,.navbar-indigo .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-indigo .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-indigo .navbar-toggle:hover,.navbar-indigo .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-indigo .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-indigo .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-blue{background-color:#2196f3}.navbar-blue .navbar-brand{color:white}.navbar-blue .navbar-brand:hover,.navbar-blue .navbar-brand:focus{color:white}.navbar-blue .navbar-nav>li>a{color:white}.navbar-blue .navbar-nav>li>a:hover,.navbar-blue .navbar-nav>li>a:focus{color:white}.navbar-blue .navbar-nav>.active>a,.navbar-blue .navbar-nav>.active>a:hover,.navbar-blue .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue .navbar-nav>.open>a,.navbar-blue .navbar-nav>.open>a:hover,.navbar-blue .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-blue .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue .navbar-nav>.open>a .caret,.navbar-blue .navbar-nav>.open>a:hover .caret,.navbar-blue .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-blue .navbar-toggle:hover,.navbar-blue .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-blue .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-blue .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-blue-blacktext{background-color:#2196f3}.navbar-blue-blacktext .navbar-brand{color:black}.navbar-blue-blacktext .navbar-brand:hover,.navbar-blue-blacktext .navbar-brand:focus{color:black}.navbar-blue-blacktext .navbar-nav>li>a{color:black}.navbar-blue-blacktext .navbar-nav>li>a:hover,.navbar-blue-blacktext .navbar-nav>li>a:focus{color:black}.navbar-blue-blacktext .navbar-nav>.active>a,.navbar-blue-blacktext .navbar-nav>.active>a:hover,.navbar-blue-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-nav>.open>a,.navbar-blue-blacktext .navbar-nav>.open>a:hover,.navbar-blue-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-blue-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-blue-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-blue-blacktext .navbar-nav>.open>a .caret,.navbar-blue-blacktext .navbar-nav>.open>a:hover .caret,.navbar-blue-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-blue-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-toggle:hover,.navbar-blue-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-blue-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-blue-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-light-blue{background-color:#03a9f4}.navbar-light-blue .navbar-brand{color:black}.navbar-light-blue .navbar-brand:hover,.navbar-light-blue .navbar-brand:focus{color:black}.navbar-light-blue .navbar-nav>li>a{color:black}.navbar-light-blue .navbar-nav>li>a:hover,.navbar-light-blue .navbar-nav>li>a:focus{color:black}.navbar-light-blue .navbar-nav>.active>a,.navbar-light-blue .navbar-nav>.active>a:hover,.navbar-light-blue .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-nav>.open>a,.navbar-light-blue .navbar-nav>.open>a:hover,.navbar-light-blue .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-light-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-light-blue .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-blue .navbar-nav>.open>a .caret,.navbar-light-blue .navbar-nav>.open>a:hover .caret,.navbar-light-blue .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-blue .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-light-blue .navbar-toggle:hover,.navbar-light-blue .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-cyan{background-color:#00bcd4}.navbar-cyan .navbar-brand{color:black}.navbar-cyan .navbar-brand:hover,.navbar-cyan .navbar-brand:focus{color:black}.navbar-cyan .navbar-nav>li>a{color:black}.navbar-cyan .navbar-nav>li>a:hover,.navbar-cyan .navbar-nav>li>a:focus{color:black}.navbar-cyan .navbar-nav>.active>a,.navbar-cyan .navbar-nav>.active>a:hover,.navbar-cyan .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-cyan .navbar-nav>.open>a,.navbar-cyan .navbar-nav>.open>a:hover,.navbar-cyan .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-cyan .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-cyan .navbar-nav>.dropdown>a:hover .caret,.navbar-cyan .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-cyan .navbar-nav>.open>a .caret,.navbar-cyan .navbar-nav>.open>a:hover .caret,.navbar-cyan .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-cyan .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-cyan .navbar-toggle:hover,.navbar-cyan .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-cyan .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-cyan .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-teal{background-color:#009688}.navbar-teal .navbar-brand{color:white}.navbar-teal .navbar-brand:hover,.navbar-teal .navbar-brand:focus{color:white}.navbar-teal .navbar-nav>li>a{color:white}.navbar-teal .navbar-nav>li>a:hover,.navbar-teal .navbar-nav>li>a:focus{color:white}.navbar-teal .navbar-nav>.active>a,.navbar-teal .navbar-nav>.active>a:hover,.navbar-teal .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-teal .navbar-nav>.open>a,.navbar-teal .navbar-nav>.open>a:hover,.navbar-teal .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-teal .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-teal .navbar-nav>.dropdown>a:hover .caret,.navbar-teal .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-teal .navbar-nav>.open>a .caret,.navbar-teal .navbar-nav>.open>a:hover .caret,.navbar-teal .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-teal .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-teal .navbar-toggle:hover,.navbar-teal .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-teal .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-teal .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-teal .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-teal .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-green{background-color:#4caf50}.navbar-green .navbar-brand{color:white}.navbar-green .navbar-brand:hover,.navbar-green .navbar-brand:focus{color:white}.navbar-green .navbar-nav>li>a{color:white}.navbar-green .navbar-nav>li>a:hover,.navbar-green .navbar-nav>li>a:focus{color:white}.navbar-green .navbar-nav>.active>a,.navbar-green .navbar-nav>.active>a:hover,.navbar-green .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-green .navbar-nav>.open>a,.navbar-green .navbar-nav>.open>a:hover,.navbar-green .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-green .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-green .navbar-nav>.dropdown>a:hover .caret,.navbar-green .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-green .navbar-nav>.open>a .caret,.navbar-green .navbar-nav>.open>a:hover .caret,.navbar-green .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-green .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-green .navbar-toggle:hover,.navbar-green .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-green .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-green .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-green .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-green-blacktext{background-color:#4caf50}.navbar-green-blacktext .navbar-brand{color:black}.navbar-green-blacktext .navbar-brand:hover,.navbar-green-blacktext .navbar-brand:focus{color:black}.navbar-green-blacktext .navbar-nav>li>a{color:black}.navbar-green-blacktext .navbar-nav>li>a:hover,.navbar-green-blacktext .navbar-nav>li>a:focus{color:black}.navbar-green-blacktext .navbar-nav>.active>a,.navbar-green-blacktext .navbar-nav>.active>a:hover,.navbar-green-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-nav>.open>a,.navbar-green-blacktext .navbar-nav>.open>a:hover,.navbar-green-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-green-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-green-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-green-blacktext .navbar-nav>.open>a .caret,.navbar-green-blacktext .navbar-nav>.open>a:hover .caret,.navbar-green-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-green-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-toggle:hover,.navbar-green-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-green-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-green-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-green-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-light-green{background-color:#8bc34a}.navbar-light-green .navbar-brand{color:black}.navbar-light-green .navbar-brand:hover,.navbar-light-green .navbar-brand:focus{color:black}.navbar-light-green .navbar-nav>li>a{color:black}.navbar-light-green .navbar-nav>li>a:hover,.navbar-light-green .navbar-nav>li>a:focus{color:black}.navbar-light-green .navbar-nav>.active>a,.navbar-light-green .navbar-nav>.active>a:hover,.navbar-light-green .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-green .navbar-nav>.open>a,.navbar-light-green .navbar-nav>.open>a:hover,.navbar-light-green .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-green .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-light-green .navbar-nav>.dropdown>a:hover .caret,.navbar-light-green .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-green .navbar-nav>.open>a .caret,.navbar-light-green .navbar-nav>.open>a:hover .caret,.navbar-light-green .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-green .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-light-green .navbar-toggle:hover,.navbar-light-green .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-light-green .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-light-green .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-lime{background-color:#cddc39}.navbar-lime .navbar-brand{color:black}.navbar-lime .navbar-brand:hover,.navbar-lime .navbar-brand:focus{color:black}.navbar-lime .navbar-nav>li>a{color:black}.navbar-lime .navbar-nav>li>a:hover,.navbar-lime .navbar-nav>li>a:focus{color:black}.navbar-lime .navbar-nav>.active>a,.navbar-lime .navbar-nav>.active>a:hover,.navbar-lime .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-lime .navbar-nav>.open>a,.navbar-lime .navbar-nav>.open>a:hover,.navbar-lime .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-lime .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-lime .navbar-nav>.dropdown>a:hover .caret,.navbar-lime .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-lime .navbar-nav>.open>a .caret,.navbar-lime .navbar-nav>.open>a:hover .caret,.navbar-lime .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-lime .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-lime .navbar-toggle:hover,.navbar-lime .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-lime .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-lime .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-lime .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-lime .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-yellow{background-color:#ffeb3b}.navbar-yellow .navbar-brand{color:black}.navbar-yellow .navbar-brand:hover,.navbar-yellow .navbar-brand:focus{color:black}.navbar-yellow .navbar-nav>li>a{color:black}.navbar-yellow .navbar-nav>li>a:hover,.navbar-yellow .navbar-nav>li>a:focus{color:black}.navbar-yellow .navbar-nav>.active>a,.navbar-yellow .navbar-nav>.active>a:hover,.navbar-yellow .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-yellow .navbar-nav>.open>a,.navbar-yellow .navbar-nav>.open>a:hover,.navbar-yellow .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-yellow .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-yellow .navbar-nav>.dropdown>a:hover .caret,.navbar-yellow .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-yellow .navbar-nav>.open>a .caret,.navbar-yellow .navbar-nav>.open>a:hover .caret,.navbar-yellow .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-yellow .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-yellow .navbar-toggle:hover,.navbar-yellow .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-yellow .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-yellow .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-amber{background-color:#ffc107}.navbar-amber .navbar-brand{color:black}.navbar-amber .navbar-brand:hover,.navbar-amber .navbar-brand:focus{color:black}.navbar-amber .navbar-nav>li>a{color:black}.navbar-amber .navbar-nav>li>a:hover,.navbar-amber .navbar-nav>li>a:focus{color:black}.navbar-amber .navbar-nav>.active>a,.navbar-amber .navbar-nav>.active>a:hover,.navbar-amber .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-amber .navbar-nav>.open>a,.navbar-amber .navbar-nav>.open>a:hover,.navbar-amber .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-amber .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-amber .navbar-nav>.dropdown>a:hover .caret,.navbar-amber .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-amber .navbar-nav>.open>a .caret,.navbar-amber .navbar-nav>.open>a:hover .caret,.navbar-amber .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-amber .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-amber .navbar-toggle:hover,.navbar-amber .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-amber .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-amber .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-amber .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-amber .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-orange{background-color:#ff9800}.navbar-orange .navbar-brand{color:black}.navbar-orange .navbar-brand:hover,.navbar-orange .navbar-brand:focus{color:black}.navbar-orange .navbar-nav>li>a{color:black}.navbar-orange .navbar-nav>li>a:hover,.navbar-orange .navbar-nav>li>a:focus{color:black}.navbar-orange .navbar-nav>.active>a,.navbar-orange .navbar-nav>.active>a:hover,.navbar-orange .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-orange .navbar-nav>.open>a,.navbar-orange .navbar-nav>.open>a:hover,.navbar-orange .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-orange .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-orange .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-orange .navbar-nav>.open>a .caret,.navbar-orange .navbar-nav>.open>a:hover .caret,.navbar-orange .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-orange .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-orange .navbar-toggle:hover,.navbar-orange .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-orange .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-orange .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-orange .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-orange .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-deep-orange{background-color:#ff5722}.navbar-deep-orange .navbar-brand{color:white}.navbar-deep-orange .navbar-brand:hover,.navbar-deep-orange .navbar-brand:focus{color:white}.navbar-deep-orange .navbar-nav>li>a{color:white}.navbar-deep-orange .navbar-nav>li>a:hover,.navbar-deep-orange .navbar-nav>li>a:focus{color:white}.navbar-deep-orange .navbar-nav>.active>a,.navbar-deep-orange .navbar-nav>.active>a:hover,.navbar-deep-orange .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-nav>.open>a,.navbar-deep-orange .navbar-nav>.open>a:hover,.navbar-deep-orange .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-orange .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-orange .navbar-nav>.open>a .caret,.navbar-deep-orange .navbar-nav>.open>a:hover .caret,.navbar-deep-orange .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-orange .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-toggle:hover,.navbar-deep-orange .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-deep-orange-blacktext{background-color:#ff5722}.navbar-deep-orange-blacktext .navbar-brand{color:black}.navbar-deep-orange-blacktext .navbar-brand:hover,.navbar-deep-orange-blacktext .navbar-brand:focus{color:black}.navbar-deep-orange-blacktext .navbar-nav>li>a{color:black}.navbar-deep-orange-blacktext .navbar-nav>li>a:hover,.navbar-deep-orange-blacktext .navbar-nav>li>a:focus{color:black}.navbar-deep-orange-blacktext .navbar-nav>.active>a,.navbar-deep-orange-blacktext .navbar-nav>.active>a:hover,.navbar-deep-orange-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-nav>.open>a,.navbar-deep-orange-blacktext .navbar-nav>.open>a:hover,.navbar-deep-orange-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-deep-orange-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-orange-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-deep-orange-blacktext .navbar-nav>.open>a .caret,.navbar-deep-orange-blacktext .navbar-nav>.open>a:hover .caret,.navbar-deep-orange-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-deep-orange-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-toggle:hover,.navbar-deep-orange-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-brown{background-color:#795548}.navbar-brown .navbar-brand{color:white}.navbar-brown .navbar-brand:hover,.navbar-brown .navbar-brand:focus{color:white}.navbar-brown .navbar-nav>li>a{color:white}.navbar-brown .navbar-nav>li>a:hover,.navbar-brown .navbar-nav>li>a:focus{color:white}.navbar-brown .navbar-nav>.active>a,.navbar-brown .navbar-nav>.active>a:hover,.navbar-brown .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-brown .navbar-nav>.open>a,.navbar-brown .navbar-nav>.open>a:hover,.navbar-brown .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-brown .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-brown .navbar-nav>.dropdown>a:hover .caret,.navbar-brown .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-brown .navbar-nav>.open>a .caret,.navbar-brown .navbar-nav>.open>a:hover .caret,.navbar-brown .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-brown .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-brown .navbar-toggle:hover,.navbar-brown .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-brown .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-brown .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-brown .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-brown .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-grey{background-color:#9e9e9e}.navbar-grey .navbar-brand{color:white}.navbar-grey .navbar-brand:hover,.navbar-grey .navbar-brand:focus{color:white}.navbar-grey .navbar-nav>li>a{color:white}.navbar-grey .navbar-nav>li>a:hover,.navbar-grey .navbar-nav>li>a:focus{color:white}.navbar-grey .navbar-nav>.active>a,.navbar-grey .navbar-nav>.active>a:hover,.navbar-grey .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-grey .navbar-nav>.open>a,.navbar-grey .navbar-nav>.open>a:hover,.navbar-grey .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-grey .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-grey .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-grey .navbar-nav>.open>a .caret,.navbar-grey .navbar-nav>.open>a:hover .caret,.navbar-grey .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-grey .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-grey .navbar-toggle:hover,.navbar-grey .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-grey .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-grey .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-grey .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-grey .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-grey-blacktext{background-color:#9e9e9e}.navbar-grey-blacktext .navbar-brand{color:black}.navbar-grey-blacktext .navbar-brand:hover,.navbar-grey-blacktext .navbar-brand:focus{color:black}.navbar-grey-blacktext .navbar-nav>li>a{color:black}.navbar-grey-blacktext .navbar-nav>li>a:hover,.navbar-grey-blacktext .navbar-nav>li>a:focus{color:black}.navbar-grey-blacktext .navbar-nav>.active>a,.navbar-grey-blacktext .navbar-nav>.active>a:hover,.navbar-grey-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-nav>.open>a,.navbar-grey-blacktext .navbar-nav>.open>a:hover,.navbar-grey-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-grey-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-grey-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-grey-blacktext .navbar-nav>.open>a .caret,.navbar-grey-blacktext .navbar-nav>.open>a:hover .caret,.navbar-grey-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-grey-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-toggle:hover,.navbar-grey-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-grey-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-grey-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-grey-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-blue-grey{background-color:#607d8b}.navbar-blue-grey .navbar-brand{color:white}.navbar-blue-grey .navbar-brand:hover,.navbar-blue-grey .navbar-brand:focus{color:white}.navbar-blue-grey .navbar-nav>li>a{color:white}.navbar-blue-grey .navbar-nav>li>a:hover,.navbar-blue-grey .navbar-nav>li>a:focus{color:white}.navbar-blue-grey .navbar-nav>.active>a,.navbar-blue-grey .navbar-nav>.active>a:hover,.navbar-blue-grey .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-nav>.open>a,.navbar-blue-grey .navbar-nav>.open>a:hover,.navbar-blue-grey .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-blue-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-blue-grey .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue-grey .navbar-nav>.open>a .caret,.navbar-blue-grey .navbar-nav>.open>a:hover .caret,.navbar-blue-grey .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue-grey .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-toggle:hover,.navbar-blue-grey .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.btn-red,.btn-red:hover,.btn-red:active,.btn-red:focus{background-color:#f44336;color:white}.btn-pink,.btn-pink:hover,.btn-pink:active,.btn-pink:focus{background-color:#e91e63;color:white}.btn-purple,.btn-purple:hover,.btn-purple:active,.btn-purple:focus{background-color:#9c27b0;color:white}.btn-deep-purple,.btn-deep-purple:hover,.btn-deep-purple:active,.btn-deep-purple:focus{background-color:#673ab7;color:white}.btn-indigo,.btn-indigo:hover,.btn-indigo:active,.btn-indigo:focus{background-color:#3f51b5;color:white}.btn-blue,.btn-blue:hover,.btn-blue:active,.btn-blue:focus{background-color:#2196f3;color:black}.btn-light-blue,.btn-light-blue:hover,.btn-light-blue:active,.btn-light-blue:focus{background-color:#03a9f4;color:black}.btn-cyan,.btn-cyan:hover,.btn-cyan:active,.btn-cyan:focus{background-color:#00bcd4;color:black}.btn-teal,.btn-teal:hover,.btn-teal:active,.btn-teal:focus{background-color:#009688;color:white}.btn-green,.btn-green:hover,.btn-green:active,.btn-green:focus{background-color:#4caf50;color:black}.btn-light-green,.btn-light-green:hover,.btn-light-green:active,.btn-light-green:focus{background-color:#8bc34a;color:black}.btn-lime,.btn-lime:hover,.btn-lime:active,.btn-lime:focus{background-color:#cddc39;color:black}.btn-yellow,.btn-yellow:hover,.btn-yellow:active,.btn-yellow:focus{background-color:#ffeb3b;color:black}.btn-amber,.btn-amber:hover,.btn-amber:active,.btn-amber:focus{background-color:#ffc107;color:black}.btn-orange,.btn-orange:hover,.btn-orange:active,.btn-orange:focus{background-color:#ff9800;color:black}.btn-deep-orange,.btn-deep-orange:hover,.btn-deep-orange:active,.btn-deep-orange:focus{background-color:#ff5722;color:black}.btn-brown,.btn-brown:hover,.btn-brown:active,.btn-brown:focus{background-color:#795548;color:white}.btn-grey,.btn-grey:hover,.btn-grey:active,.btn-grey:focus{background-color:#9e9e9e;color:black}.btn-blue-grey,.btn-blue-grey:hover,.btn-blue-grey:active,.btn-blue-grey:focus{background-color:#607d8b;color:white}.text-red{color:#f44336}.text-pink{color:#e91e63}.text-purple{color:#9c27b0}.text-deep-purple{color:#673ab7}.text-indigo{color:#3f51b5}.text-blue{color:#2196f3}.text-light-blue{color:#03a9f4}.text-cyan{color:#00bcd4}.text-teal{color:#009688}.text-green{color:#4caf50}.text-light-green{color:#8bc34a}.text-lime{color:#cddc39}.text-yellow{color:#ffeb3b}.text-amber{color:#ffc107}.text-orange{color:#ff9800}.text-deep-orange{color:#ff5722}.text-brown{color:#795548}.text-grey{color:#9e9e9e}.text-blue-grey{color:#607d8b}.label-red{background-color:#f44336;color:white}.label-pink{background-color:#e91e63;color:white}.label-purple{background-color:#9c27b0;color:white}.label-deep-purple{background-color:#673ab7;color:white}.label-indigo{background-color:#3f51b5;color:white}.label-blue{background-color:#2196f3;color:black}.label-light-blue{background-color:#03a9f4;color:black}.label-cyan{background-color:#00bcd4;color:black}.label-teal{background-color:#009688;color:white}.label-green{background-color:#4caf50;color:black}.label-light-green{background-color:#8bc34a;color:black}.label-lime{background-color:#cddc39;color:black}.label-yellow{background-color:#ffeb3b;color:black}.label-amber{background-color:#ffc107;color:black}.label-orange{background-color:#ff9800;color:black}.label-deep-orange{background-color:#ff5722;color:black}.label-brown{background-color:#795548;color:white}.label-grey{background-color:#9e9e9e;color:black}.label-blue-grey{background-color:#607d8b;color:white}.progress-bar-red{background-color:#f44336;color:white}.progress-bar-pink{background-color:#e91e63;color:white}.progress-bar-purple{background-color:#9c27b0;color:white}.progress-bar-deep-purple{background-color:#673ab7;color:white}.progress-bar-indigo{background-color:#3f51b5;color:white}.progress-bar-blue{background-color:#2196f3;color:black}.progress-bar-light-blue{background-color:#03a9f4;color:black}.progress-bar-cyan{background-color:#00bcd4;color:black}.progress-bar-teal{background-color:#009688;color:white}.progress-bar-green{background-color:#4caf50;color:black}.progress-bar-light-green{background-color:#8bc34a;color:black}.progress-bar-lime{background-color:#cddc39;color:black}.progress-bar-yellow{background-color:#ffeb3b;color:black}.progress-bar-amber{background-color:#ffc107;color:black}.progress-bar-orange{background-color:#ff9800;color:black}.progress-bar-deep-orange{background-color:#ff5722;color:black}.progress-bar-brown{background-color:#795548;color:white}.progress-bar-grey{background-color:#9e9e9e;color:black}.progress-bar-blue-grey{background-color:#607d8b;color:white} +.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} +