/* Bootstrap template overrides */

/**
 * Green Variants
 *
 * Original:  #74be4b;
 * Starbucks: #007042;
 * Green:     #008000;
 */

body {
  /* padding-top: 5rem;*/
  /* background-color: #ddd; */
}
#ui-datepicker-div{
  background-color:white;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.navbar {
  background-color: #fff;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
}

@media (min-width: 768px) {
  a .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.container-fluid {
  /* min-height: 500px; */
}

h1, .h1 {
  font-size: 1.3rem;
  font-family: Oswald, -apple-system, BlinkMacSystemFont, "Libre Franklin", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: uppercase;
}

h1.display-5 {
  font-family: Montserrat, Oswald, -apple-system, BlinkMacSystemFont, "Libre Franklin", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2rem;
  color: #fff;
  line-height: 1;
}

.text-muted {
  /* font-style: italic; */
  color: #eee !important;
}

.page-title {
  background-color: #9ac125;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 2px;
}

.text-dim {
  color: #ddd;
}

#div-logo {
   display: flex;
   align-items:center;
}

/**
 * =============================================================================
 * Full screen
 * https://stackoverflow.com/questions/16163089/background-element-goes-black-when-entering-fullscreen-with-html5
 * =============================================================================
 */
::backdrop {
  z-index:0;
  background-color: white !important;
}

html, *:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
  background-color: white !important;
  z-index:1;
}

/**
 * =============================================================================
 * Simple Toggle
 * https://bootsnipp.com/snippets/GaxR2
 * =============================================================================
 */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  /* width: 60px; */
  /* height: 34px; */
  width: 22px;
  height: 12px;
  /* float: right; */
  margin-top: 1px;
  margin-bottom: 0px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  /*
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  */
  height: 10px;
  width: 10px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  /*
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  */
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 10px;
}

.slider.round:before {
  border-radius: 50%;
}

/**
 * =============================================================================
 * Alert
 * =============================================================================
 */

.alert {
  /*  padding-bottom: 0rem; */
}

.alert-dismissible {
  padding-right: 2.5rem;
}

/** Fontawesome overrides **/

ul.fa-ul {
  margin-left: 1em;
}

/**
 * =============================================================================
 * Tab classes (list, forms, etc.)
 * =============================================================================
 */

.tab-list {
  background-color: #fff;
  margin-top: 12px;
}

.tab-form {
  background-color: #efefef;
}

.tab-form-box {
  background-color: #fff;
  padding: 12px;
  margin-bottom: 12px;
}

/*
.tab-box {
  width   : 200px;
  height  : 50px;
  position: relative;
  z-index : 1;
  background: #eee;
}
*/

/*
.tab-form-box:before {
  content : "";
  position: absolute;
  left    : 0;
  top     : 0;
  height  : 10px;
  width   : 50%;
  border-top:1px solid magenta;
}
*/

.tab {
  /* background-color: #efefef; */
}

.tab-box {
  background-color: #fff;
  padding: 12px;
  margin-bottom: 12px;
}


/**
 * =============================================================================
 * Dropdown menu for Navbar
 * We are using 2 examples to achieve what we need
 * (1) Expand Dropdown on Hover: https://bootsnipp.com/snippets/xr4GW
 * (2) Multi-level dropdown:     https://codepen.io/svnt/pen/beEgre
 * (3) TODO: Test menu for responsive behavior (hamburger menu)
 * Other Notes:
 * https://github.com/twbs/bootstrap/issues/21026
 * =============================================================================
 */

nav .dropdown-menu {
  margin-top: -5px;
  padding-top: 2px;
  padding-bottom: 1px;
}

nav .dropdown-item {
  padding-left: 0.5rem;
  padding-top: 0.1rem;
  font-size: 0.8rem;
}

nav .dropdown-divider {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

/**
 * (2) Multi-level dropdown
 * HTML example is in views/layouts/partials/nav/example.hbs
 */

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.dropdown-item > a {
  color: inherit;
}

.dropdown-item > a:hover {
  text-decoration: none;
}

/**
 * =============================================================================
 * Table sorter
 * =============================================================================
 */
.tablesorter-header-inner {
  /* font-size: 0.85em; */
  font-weight: 600;
  padding-left: 0px;
}
.tablesorter-bootstrap .tablesorter-header-inner {
  padding-left: 0px;
}
.tablesorter-bootstrap .tablesorter-header i.tablesorter-icon {
  font-size: 9px;
}

/**
 * =============================================================================
 * Add an even smaller table table-xs (in table-sm)
 * =============================================================================
 */
.table-xs > thead > tr > th,
.table-xs > tbody > tr > th,
.table-xs > tfoot > tr > th,
.table-xs > thead > tr > td,
.table-xs > tbody > tr > td,
.table-xs > tfoot > tr > td {
  font-size: 0.95em;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 2px;
  /* border-top: 1; */
}
.table-xs > thead > tr > th {
  padding-bottom: 2px;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}
.table-xs > tfoot > tr.total > th,
.table-xs > tfoot > tr.total > td,
.table-xs > tbody > tr.total > td {
  border-top: 1px solid #5E5E5E;
}
.table-xs > tfoot > tr.gray > td,
.table-xs > tbody > tr.gray > td {
  background-color: #F9F9F9;
}
.table-xs .table-title {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.table-xs .table-title:before, .table-xs .table-title:after {
  position: absolute;
  top: 40%;
  overflow: hidden;
  width: 50%;
  height: 4px;
  content: '\a0';
  border-bottom: 1px solid #cccccc;
  box-sizing: content-box; /* + vendor specific versions here */
}
.table-xs .table-title:before {
  margin-left: -52%;
  text-align: right;
}
.table-xs .table-title:after {
  margin-left: 2%;
  text-align: left;
}

/**
 * =============================================================================
 * Rotated table headers
 * https://www.jimmybonney.com/articles/column_header_rotation_css/
 * =============================================================================
 */

.table-header-rotated th.row-header {
  width: auto;
}

.table-header-rotated th {
  border-top: 0px;
}

.table-header-rotated th.rotate-45 {
  height: 80px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div {
  position: relative;
  top: 0px;
  left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  /* border-left: 1px solid #dddddd; */
  border-right: 1px solid #dddddd;
  /* border-top: 1px solid #dddddd; */
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -20px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  // width: 100%;
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  // white-space: nowrap; /*whether to display in one line or not*/
}

/**
 * ======================================================================
 * Bootstrap notify progress bar
 * ======================================================================
 */

[data-notify="container"] > .alert {
  /*
  /* background-color: rgb(255, 255, 238);
  border-width: 0px;
  border-left: 15px solid rgb(255, 240, 106);
  border-radius: 0px;
  box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
  font-family: 'Old Standard TT', serif;
  letter-spacing: 1px; */
  */
  /* font-size: 0.85rem;
  padding: 0.4rem;
  border-radius: 0px;
  border: 0px; */
}
[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  border-radius: 0px;
}

/**
 * ======================================================================
 * Table Detail
 * ======================================================================
 */
table.table-detail > tbody > tr > td {
  /* vertical-align: top; */
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  border: 0px !important;
}
table.table-detail > tbody > tr > td:first-child {
  color: #808080;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.7rem;
  white-space: nowrap;
  padding-top: 4px !important;
  padding-right: 8px;
}
table.table-detail > tbody > tr > td:last-child {
  min-width: 80%;
  font-weight: 600;
}
table.table-detail input[type=text] {
  height: 22px;
  border-radius: 2px;
}
table.table-detail th,
table.table-detail td {
  padding: 0.1rem;
}

/**
 * ======================================================================
 * TABS (Bootstrap)
 * Colors Options: #9ac125
 * ======================================================================
 */

.nav-tabs {
  padding: 0;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 0.8rem;
  margin-left: -16px;
  margin-right: -16px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.nav-tabs > .nav-link {
  padding-right: 1em;
  padding-left: 1em;
}

.nav-tabs > .nav-link.active,
.nav-tabs > .nav-item.show > .nav-link {
  border-bottom: 4px solid #9ac125;
}

/*
 * This is the css to try to fix so that hovering on tab row
 * does not trigger the graying out
 * https://stackoverflow.com/questions/37959686/on-child-hover-change-the-css-of-parent
 * https://webdesign.tutsplus.com/tutorials/selecting-parent-elements-with-css-and-jquery--cms-26423
 */
/*
.nav-tabs:hover > .nav-link {
  color: #bbb;
  border-bottom: 4px solid #fff;
}
*/

.nav-tabs > .nav-link:hover {
  color: #333333;
  border-bottom: 4px solid #9ac125;
}

.nav-tabs > .nav-link {
  color: #333333;
  border: 0px;
}

.nav-tabs > .nav-link > .active {
  border-bottom: 4px solid #9ac125;
}

.nav-tabs > .nav-item {
  margin-bottom: 0px;
}

/**
 * ======================================================================
 * Loading panel
 * ======================================================================
 */

#div-loading {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #808080;
  color: #fff;
  padding: 8px;
  white-space: nowrap;
  zoom: 1;
  filter: alpha(opacity = 80);
  opacity: 0.8;
  font-weight: 400;
}

.loading .progress {
  width: 50px;
  margin-bottom: 0px;
  display: inline-block;
}

/**
 * ======================================================================
 * Form overrides
 * ======================================================================
 */

.form-control::-webkit-input-placeholder {
  color: #ccc;
}

.form-control::-moz-placeholder {
  color: #ccc;
}

.form-control:-ms-input-placeholder {
  color: #ccc;
}

.form-control::placeholder {
  color: #ccc;
}

/**
 * ======================================================================
 * User Badge / Avatar
 * ======================================================================
 */

.user-badge {
    background: #ddd; /* yellow; */
    border-radius: 50%;
    color: #a7a7a7;
    display: block; /* block makes vertical spacing break */
    line-height: 0.95em;
    overflow:auto;
    height: 30px !important;
    width: 30px !important;
}

.user-badge-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 30px !important;
    width: 30px !important;
}

/** TODO: Clean up **/
.user-badge-blank {
    background: transparent; /* #fff; */ /* yellow; */
    border: 1px dotted #a7a7a7;
    border-radius: 50%;
    color: #a7a7a7;
    display: block; /* table-cell; */
    height: 30px;
    line-height: 2.4em;
    max-height: 30px;
    max-width: 30px;
    /*overflow:auto;*/
    text-align: center;
    vertical-align: middle;
    width: 30px;
}



/**
 * ========================================================
 * Colors for labels, buttons and badges
 * ========================================================
 */

/** Using palette at http://flatuicolors.com **/

.label-turquoise, .btn-turquoise, .badge-turquoise              { background-color: #1abc9c; color: #fff; }
.label-emerald, .btn-emerald, .badge-emerald                    { background-color: #2ecc71; color: #fff; }
.label-peter-river, .btn-peter-river, .badge-peter-river        { background-color: #3498db; color: #fff; }
.btn-peter-river:hover                                          { background-color: #2c86c1; color: #fff; }
.label-amethyst, .btn-amethyst, .badge-amethyst                 { background-color: #9b59b6; color: #fff; }
.label-wet-asphalt, .btn-asphalt, .badge-asphalt                { background-color: #34495e; color: #fff; }
.label-green-sea, .btn-green-sea, .badge-green-sea              { background-color: #16a085; color: #fff; }
.label-nephritis, .btn-nephritis, .badge-nephritis              { background-color: #16a085; color: #fff; }
.label-belize-hole, .btn-belize-hole, .badge-belize-hole        { background-color: #2980b9; color: #fff; }
.label-wisteria, .btn-wisteria, .badge-wisteria                 { background-color: #8e44ad; color: #fff; }
.label-midnight-blue, .btn-midnight-blue, .badge-midnight-blue  { background-color: #2c3e50; color: #fff; }
.label-sun-flower, .btn-sun-flower, .badge-sunflower            { background-color: #f1c40f; color: #fff; }
.label-carrot, .btn-carrot, .badge-carrot                       { background-color: #e67e22; color: #fff; }
.label-alizarin, .btn-alizarin, .badge-alizarin                 { background-color: #e74c3c; color: #fff; }
.label-clouds, .btn-clouds, .badge-clouds                       { background-color: #ecf0f1; color: #6D6D6D; }
.label-concrete, .btn-concrete, .badge-concrete                 { background-color: #95a5a6; color: #fff; }
.label-orange, .btn-orange, .badge-orange                       { background-color: #f39c12; color: #fff; }
.label-pumpkin, .btn-pumpkin, .badge-pumpkin                    { background-color: #d35400; color: #fff; }
.label-pomegranate, .btn-pomegranate, .badge-pomegranate        { background-color: #c0392b; color: #fff; }
.label-silver, .btn-silver, .badge-silver                       { background-color: #bdc3c7; color: #fff; }
.label-asbestos, .btn-asbestos, .badge-asbestos                 { background-color: #7f8c8d; color: #fff; }

.text-turquoise                                                 { color: #1abc9c; }
.text-emerald                                                   { color: #2ecc71; }
.text-peter-river                                               { color: #3498db; }
.text-amethyst                                                  { color: #9b59b6; }
.text-wet-asphalt                                               { color: #34495e; }
.text-green-sea                                                 { color: #16a085; }
.text-nephritis                                                 { color: #16a085; }
.text-belize-hole                                               { color: #2980b9; }
.text-wisteria                                                  { color: #8e44ad; }
.text-midnight-blue                                             { color: #2c3e50; }
.text-sun-flower                                                { color: #f1c40f; }
.text-carrot                                                    { color: #e67e22; }
.text-alizarin                                                  { color: #e74c3c; }
.text-clouds                                                    { color: #6D6D6D; }
.text-concrete                                                  { color: #95a5a6; }
.text-orange                                                    { color: #f39c12; }
.text-pumpkin                                                   { color: #d35400; }
.text-pomegranate                                               { color: #c0392b; }
.text-silver                                                    { color: #bdc3c7; }
.text-asbestos                                                  { color: #7f8c8d; }

/** Using palette at http://www.materialui.co/colors **/

.label-red,              .btn-red,              .badge-red              { background-color: #f44336; color: #fff; }
.label-red-50,           .btn-red-50,           .badge-red-50           { background-color: #ffebee; color: #fff; }
.label-red-100,          .btn-red-100,          .badge-red-100          { background-color: #ffcdd2; color: #fff; }
.label-red-200,          .btn-red-200,          .badge-red-200          { background-color: #ef9a9a; color: #fff; }
.label-red-300,          .btn-red-300,          .badge-red-300          { background-color: #e57373; color: #fff; }
.label-red-400,          .btn-red-400,          .badge-red-400          { background-color: #ef5350; color: #fff; }
.label-red-500,          .btn-red-500,          .badge-red-500          { background-color: #f44336; color: #fff; }
.label-red-600,          .btn-red-600,          .badge-red-600          { background-color: #e53935; color: #fff; }
.label-red-700,          .btn-red-700,          .badge-red-700          { background-color: #d32f2f; color: #fff; }
.label-red-800,          .btn-red-800,          .badge-red-800          { background-color: #c62828; color: #fff; }
.label-red-900,          .btn-red-900,          .badge-red-900          { background-color: #b71c1c; color: #fff; }
.label-red-a100,         .btn-red-a100,         .badge-red-a100         { background-color: #ff8a80; color: #fff; }
.label-red-a200,         .btn-red-a200,         .badge-red-a200         { background-color: #ff5252; color: #fff; }
.label-red-a400,         .btn-red-a400,         .badge-red-a400         { background-color: #ff1744; color: #fff; }
.label-red-a700,         .btn-red-a700,         .badge-red-a700         { background-color: #d50000; color: #fff; }

.label-pink,             .btn-pink,             .badge-pink             { background-color: #f44336; color: #fff; }
.label-pink-50,          .btn-pink-50,          .badge-pink-50          { background-color: #FCE4EC; color: #fff; }
.label-pink-100,         .btn-pink-100,         .badge-pink-100         { background-color: #F8BBD0; color: #fff; }
.label-pink-200,         .btn-pink-200,         .badge-pink-200         { background-color: #F48FB1; color: #fff; }
.label-pink-300,         .btn-pink-300,         .badge-pink-300         { background-color: #F06292; color: #fff; }
.label-pink-400,         .btn-pink-400,         .badge-pink-400         { background-color: #EC407A; color: #fff; }
.label-pink-500,         .btn-pink-500,         .badge-pink-500         { background-color: #E91E63; color: #fff; }
.label-pink-600,         .btn-pink-600,         .badge-pink-600         { background-color: #D81B60; color: #fff; }
.label-pink-700,         .btn-pink-700,         .badge-pink-700         { background-color: #C2185B; color: #fff; }
.label-pink-800,         .btn-pink-800,         .badge-pink-800         { background-color: #AD1457; color: #fff; }
.label-pink-900,         .btn-pink-900,         .badge-pink-900         { background-color: #880E4F; color: #fff; }
.label-pink-a100,        .btn-pink-a100,        .badge-pink-a100        { background-color: #FF80AB; color: #fff; }
.label-pink-a200,        .btn-pink-a200,        .badge-pink-a200        { background-color: #FF4081; color: #fff; }
.label-pink-a400,        .btn-pink-a400,        .badge-pink-a400        { background-color: #F50057; color: #fff; }
.label-pink-a700,        .btn-pink-a700,        .badge-pink-a700        { background-color: #C51162; color: #fff; }

.label-purple,           .btn-purple,           .badge-purple           { background-color: #9C27B0; color: #fff; }
.label-purple-50,        .btn-purple-50,        .badge-purple-50        { background-color: #F3E5F5; color: #fff; }
.label-purple-100,       .btn-purple-100,       .badge-purple-100       { background-color: #E1BEE7; color: #fff; }
.label-purple-200,       .btn-purple-200,       .badge-purple-200       { background-color: #CE93D8; color: #fff; }
.label-purple-300,       .btn-purple-300,       .badge-purple-300       { background-color: #BA68C8; color: #fff; }
.label-purple-400,       .btn-purple-400,       .badge-purple-400       { background-color: #AB47BC; color: #fff; }
.label-purple-500,       .btn-purple-500,       .badge-purple-500       { background-color: #9C27B0; color: #fff; }
.label-purple-600,       .btn-purple-600,       .badge-purple-600       { background-color: #8E24AA; color: #fff; }
.label-purple-700,       .btn-purple-700,       .badge-purple-700       { background-color: #7B1FA2; color: #fff; }
.label-purple-800,       .btn-purple-800,       .badge-purple-800       { background-color: #6A1B9A; color: #fff; }
.label-purple-900,       .btn-purple-900,       .badge-purple-900       { background-color: #4A148C; color: #fff; }
.label-purple-a100,      .btn-purple-a100,      .badge-purple-a100      { background-color: #EA80FC; color: #fff; }
.label-purple-a200,      .btn-purple-a200,      .badge-purple-a200      { background-color: #E040FB; color: #fff; }
.label-purple-a400,      .btn-purple-a400,      .badge-purple-a400      { background-color: #D500F9; color: #fff; }
.label-purple-a700,      .btn-purple-a700,      .badge-purple-a700      { background-color: #AA00FF; color: #fff; }

.label-deep-purple,      .btn-deep-purple,      .badge-deep-purple      { background-color: #673AB7; color: #fff; }
.label-deep-purple-50,   .btn-deep-purple-50,   .badge-deep-purple-50   { background-color: #EDE7F6; color: #fff; }
.label-deep-purple-100,  .btn-deep-purple-100,  .badge-deep-purple-100  { background-color: #D1C4E9; color: #fff; }
.label-deep-purple-200,  .btn-deep-purple-200,  .badge-deep-purple-200  { background-color: #B39DDB; color: #fff; }
.label-deep-purple-300,  .btn-deep-purple-300,  .badge-deep-purple-300  { background-color: #9575CD; color: #fff; }
.label-deep-purple-400,  .btn-deep-purple-400,  .badge-deep-purple-400  { background-color: #7E57C2; color: #fff; }
.label-deep-purple-500,  .btn-deep-purple-500,  .badge-deep-purple-500  { background-color: #673AB7; color: #fff; }
.label-deep-purple-600,  .btn-deep-purple-600,  .badge-deep-purple-600  { background-color: #5E35B1; color: #fff; }
.label-deep-purple-700,  .btn-deep-purple-700,  .badge-deep-purple-700  { background-color: #512DA8; color: #fff; }
.label-deep-purple-800,  .btn-deep-purple-800,  .badge-deep-purple-800  { background-color: #4527A0; color: #fff; }
.label-deep-purple-900,  .btn-deep-purple-900,  .badge-deep-purple-900  { background-color: #311B92; color: #fff; }
.label-deep-purple-a100, .btn-deep-purple-a100, .badge-deep-purple-a100 { background-color: #B388FF; color: #fff; }
.label-deep-purple-a200, .btn-deep-purple-a200, .badge-deep-purple-a200 { background-color: #7C4DFF; color: #fff; }
.label-deep-purple-a400, .btn-deep-purple-a400, .badge-deep-purple-a400 { background-color: #651FFF; color: #fff; }
.label-deep-purple-a700, .btn-deep-purple-a700, .badge-deep-purple-a700 { background-color: #6200EA; color: #fff; }

.label-indigo,           .btn-indigo,           .badge-indigo           { background-color: #3F51B5; color: #fff; }
.label-indigo-50,        .btn-indigo-50,        .badge-indigo-50        { background-color: #E8EAF6; color: #fff; }
.label-indigo-100,       .btn-indigo-100,       .badge-indigo-100       { background-color: #C5CAE9; color: #fff; }
.label-indigo-200,       .btn-indigo-200,       .badge-indigo-200       { background-color: #9FA8DA; color: #fff; }
.label-indigo-300,       .btn-indigo-300,       .badge-indigo-300       { background-color: #7986CB; color: #fff; }
.label-indigo-400,       .btn-indigo-400,       .badge-indigo-400       { background-color: #5C6BC0; color: #fff; }
.label-indigo-500,       .btn-indigo-500,       .badge-indigo-500       { background-color: #3F51B5; color: #fff; }
.label-indigo-600,       .btn-indigo-600,       .badge-indigo-600       { background-color: #3949AB; color: #fff; }
.label-indigo-700,       .btn-indigo-700,       .badge-indigo-700       { background-color: #303F9F; color: #fff; }
.label-indigo-800,       .btn-indigo-800,       .badge-indigo-800       { background-color: #283593; color: #fff; }
.label-indigo-900,       .btn-indigo-900,       .badge-indigo-900       { background-color: #1A237E; color: #fff; }
.label-indigo-a100,      .btn-indigo-a100,      .badge-indigo-a100      { background-color: #8C9EFF; color: #fff; }
.label-indigo-a200,      .btn-indigo-a200,      .badge-indigo-a200      { background-color: #536DFE; color: #fff; }
.label-indigo-a400,      .btn-indigo-a400,      .badge-indigo-a400      { background-color: #3D5AFE; color: #fff; }
.label-indigo-a700,      .btn-indigo-a700,      .badge-indigo-a700      { background-color: #304FFE; color: #fff; }

.label-blue,             .btn-blue,             .badge-blue             { background-color: #2196F3; color: #fff; }
.label-blue-50,          .btn-blue-50,          .badge-blue-50          { background-color: #E3F2FD; color: #fff; }
.label-blue-100,         .btn-blue-100,         .badge-blue-100         { background-color: #BBDEFB; color: #fff; }
.label-blue-200,         .btn-blue-200,         .badge-blue-200         { background-color: #90CAF9; color: #fff; }
.label-blue-300,         .btn-blue-300,         .badge-blue-300         { background-color: #64B5F6; color: #fff; }
.label-blue-400,         .btn-blue-400,         .badge-blue-400         { background-color: #42A5F5; color: #fff; }
.label-blue-500,         .btn-blue-500,         .badge-blue-500         { background-color: #2196F3; color: #fff; }
.label-blue-600,         .btn-blue-600,         .badge-blue-600         { background-color: #1E88E5; color: #fff; }
.label-blue-700,         .btn-blue-700,         .badge-blue-700         { background-color: #1976D2; color: #fff; }
.label-blue-800,         .btn-blue-800,         .badge-blue-800         { background-color: #1565C0; color: #fff; }
.label-blue-900,         .btn-blue-900,         .badge-blue-900         { background-color: #0D47A1; color: #fff; }
.label-blue-a100,        .btn-blue-a100,        .badge-blue-a100        { background-color: #82B1FF; color: #fff; }
.label-blue-a200,        .btn-blue-a200,        .badge-blue-a200        { background-color: #448AFF; color: #fff; }
.label-blue-a400,        .btn-blue-a400,        .badge-blue-a400        { background-color: #2979FF; color: #fff; }
.label-blue-a700,        .btn-blue-a700,        .badge-blue-a700        { background-color: #2962FF; color: #fff; }

.label-light-blue,       .btn-light-blue,       .badge-light-blue       { background-color: #03A9F4; color: #fff; }
.label-light-blue-50,    .btn-light-blue-50,    .badge-light-blue-50    { background-color: #E1F5FE; color: #fff; }
.label-light-blue-100,   .btn-light-blue-100,   .badge-light-blue-100   { background-color: #B3E5FC; color: #fff; }
.label-light-blue-200,   .btn-light-blue-200,   .badge-light-blue-200   { background-color: #81D4FA; color: #fff; }
.label-light-blue-300,   .btn-light-blue-300,   .badge-light-blue-300   { background-color: #4FC3F7; color: #fff; }
.label-light-blue-400,   .btn-light-blue-400,   .badge-light-blue-400   { background-color: #29B6F6; color: #fff; }
.label-light-blue-500,   .btn-light-blue-500,   .badge-light-blue-500   { background-color: #03A9F4; color: #fff; }
.label-light-blue-600,   .btn-light-blue-600,   .badge-light-blue-600   { background-color: #039BE5; color: #fff; }
.label-light-blue-700,   .btn-light-blue-700,   .badge-light-blue-700   { background-color: #0288D1; color: #fff; }
.label-light-blue-800,   .btn-light-blue-800,   .badge-light-blue-800   { background-color: #0277BD; color: #fff; }
.label-light-blue-900,   .btn-light-blue-900,   .badge-light-blue-900   { background-color: #01579B; color: #fff; }
.label-light-blue-a100,  .btn-light-blue-a100,  .badge-light-blue-a100  { background-color: #80D8FF; color: #fff; }
.label-light-blue-a200,  .btn-light-blue-a200,  .badge-light-blue-a200  { background-color: #40C4FF; color: #fff; }
.label-light-blue-a400,  .btn-light-blue-a400,  .badge-light-blue-a400  { background-color: #00B0FF; color: #fff; }
.label-light-blue-a700,  .btn-light-blue-a700,  .badge-light-blue-a700  { background-color: #0091EA; color: #fff; }

.label-cyan,             .btn-cyan,             .badge-cyan             { background-color: #00BCD4; color: #fff; }
.label-cyan-50,          .btn-cyan-50,          .badge-cyan-50          { background-color: #E0F7FA; color: #fff; }
.label-cyan-100,         .btn-cyan-100,         .badge-cyan-100         { background-color: #B2EBF2; color: #fff; }
.label-cyan-200,         .btn-cyan-200,         .badge-cyan-200         { background-color: #80DEEA; color: #fff; }
.label-cyan-300,         .btn-cyan-300,         .badge-cyan-300         { background-color: #4DD0E1; color: #fff; }
.label-cyan-400,         .btn-cyan-400,         .badge-cyan-400         { background-color: #26C6DA; color: #fff; }
.label-cyan-500,         .btn-cyan-500,         .badge-cyan-500         { background-color: #00BCD4; color: #fff; }
.label-cyan-600,         .btn-cyan-600,         .badge-cyan-600         { background-color: #00ACC1; color: #fff; }
.label-cyan-700,         .btn-cyan-700,         .badge-cyan-700         { background-color: #0097A7; color: #fff; }
.label-cyan-800,         .btn-cyan-800,         .badge-cyan-800         { background-color: #00838F; color: #fff; }
.label-cyan-900,         .btn-cyan-900,         .badge-cyan-900         { background-color: #006064; color: #fff; }
.label-cyan-a100,        .btn-cyan-a100,        .badge-cyan-a100        { background-color: #84FFFF; color: #fff; }
.label-cyan-a200,        .btn-cyan-a200,        .badge-cyan-a200        { background-color: #18FFFF; color: #fff; }
.label-cyan-a400,        .btn-cyan-a400,        .badge-cyan-a400        { background-color: #00E5FF; color: #fff; }
.label-cyan-a700,        .btn-cyan-a700,        .badge-cyan-a700        { background-color: #00B8D4; color: #fff; }

.label-teal,             .btn-teal,             .badge-teal             { background-color: #009688; color: #fff; }
.label-teal-50,          .btn-teal-50,          .badge-teal-50          { background-color: #E0F2F1; color: #fff; }
.label-teal-100,         .btn-teal-100,         .badge-teal-100         { background-color: #B2DFDB; color: #fff; }
.label-teal-200,         .btn-teal-200,         .badge-teal-200         { background-color: #80CBC4; color: #fff; }
.label-teal-300,         .btn-teal-300,         .badge-teal-300         { background-color: #4DB6AC; color: #fff; }
.label-teal-400,         .btn-teal-400,         .badge-teal-400         { background-color: #26A69A; color: #fff; }
.label-teal-500,         .btn-teal-500,         .badge-teal-500         { background-color: #009688; color: #fff; }
.label-teal-600,         .btn-teal-600,         .badge-teal-600         { background-color: #00897B; color: #fff; }
.label-teal-700,         .btn-teal-700,         .badge-teal-700         { background-color: #00796B; color: #fff; }
.label-teal-800,         .btn-teal-800,         .badge-teal-800         { background-color: #00695C; color: #fff; }
.label-teal-900,         .btn-teal-900,         .badge-teal-900         { background-color: #004D40; color: #fff; }
.label-teal-a100,        .btn-teal-a100,        .badge-teal-a100        { background-color: #A7FFEB; color: #fff; }
.label-teal-a200,        .btn-teal-a200,        .badge-teal-a200        { background-color: #64FFDA; color: #fff; }
.label-teal-a400,        .btn-teal-a400,        .badge-teal-a400        { background-color: #1DE9B6; color: #fff; }
.label-teal-a700,        .btn-teal-a700,        .badge-teal-a700        { background-color: #00BFA5; color: #fff; }

.label-green,            .btn-green,            .badge-green            { background-color: #4CAF50; color: #fff; }
.label-green-50,         .btn-green-50,         .badge-green-50         { background-color: #E8F5E9; color: #fff; }
.label-green-100,        .btn-green-100,        .badge-green-100        { background-color: #C8E6C9; color: #fff; }
.label-green-200,        .btn-green-200,        .badge-green-200        { background-color: #A5D6A7; color: #fff; }
.label-green-300,        .btn-green-300,        .badge-green-300        { background-color: #81C784; color: #fff; }
.label-green-400,        .btn-green-400,        .badge-green-400        { background-color: #66BB6A; color: #fff; }
.label-green-500,        .btn-green-500,        .badge-green-500        { background-color: #4CAF50; color: #fff; }
.label-green-600,        .btn-green-600,        .badge-green-600        { background-color: #43A047; color: #fff; }
.label-green-700,        .btn-green-700,        .badge-green-700        { background-color: #388E3C; color: #fff; }
.label-green-800,        .btn-green-800,        .badge-green-800        { background-color: #2E7D32; color: #fff; }
.label-green-900,        .btn-green-900,        .badge-green-900        { background-color: #1B5E20; color: #fff; }
.label-green-a100,       .btn-green-a100,       .badge-green-a100       { background-color: #B9F6CA; color: #fff; }
.label-green-a200,       .btn-green-a200,       .badge-green-a200       { background-color: #69F0AE; color: #fff; }
.label-green-a400,       .btn-green-a400,       .badge-green-a400       { background-color: #00E676; color: #fff; }
.label-green-a700,       .btn-green-a700,       .badge-green-a700       { background-color: #00C853; color: #fff; }

.label-light-green,      .btn-light-green,      .badge-light-green      { background-color: #8BC34A; color: #fff; }
.label-light-green-50,   .btn-light-green-50,   .badge-light-green-50   { background-color: #F1F8E9; color: #fff; }
.label-light-green-100,  .btn-light-green-100,  .badge-light-green-100  { background-color: #DCEDC8; color: #fff; }
.label-light-green-200,  .btn-light-green-200,  .badge-light-green-200  { background-color: #C5E1A5; color: #fff; }
.label-light-green-300,  .btn-light-green-300,  .badge-light-green-300  { background-color: #AED581; color: #fff; }
.label-light-green-400,  .btn-light-green-400,  .badge-light-green-400  { background-color: #9CCC65; color: #fff; }
.label-light-green-500,  .btn-light-green-500,  .badge-light-green-500  { background-color: #8BC34A; color: #fff; }
.label-light-green-600,  .btn-light-green-600,  .badge-light-green-600  { background-color: #7CB342; color: #fff; }
.label-light-green-700,  .btn-light-green-700,  .badge-light-green-700  { background-color: #689F38; color: #fff; }
.label-light-green-800,  .btn-light-green-800,  .badge-light-green-800  { background-color: #558B2F; color: #fff; }
.label-light-green-900,  .btn-light-green-900,  .badge-light-green-900  { background-color: #33691E; color: #fff; }
.label-light-green-a100, .btn-light-green-a100, .badge-light-green-a100 { background-color: #CCFF90; color: #fff; }
.label-light-green-a200, .btn-light-green-a200, .badge-light-green-a200 { background-color: #B2FF59; color: #fff; }
.label-light-green-a400, .btn-light-green-a400, .badge-light-green-a400 { background-color: #76FF03; color: #fff; }
.label-light-green-a700, .btn-light-green-a700, .badge-light-green-a700 { background-color: #64DD17; color: #fff; }

.label-lime,             .btn-lime,             .badge-lime             { background-color: #CDDC39; color: #fff; }
.label-lime-50,          .btn-lime-50,          .badge-lime-50          { background-color: #F9FBE7; color: #fff; }
.label-lime-100,         .btn-lime-100,         .badge-lime-100         { background-color: #F0F4C3; color: #fff; }
.label-lime-200,         .btn-lime-200,         .badge-lime-200         { background-color: #E6EE9C; color: #fff; }
.label-lime-300,         .btn-lime-300,         .badge-lime-300         { background-color: #DCE775; color: #fff; }
.label-lime-400,         .btn-lime-400,         .badge-lime-400         { background-color: #D4E157; color: #fff; }
.label-lime-500,         .btn-lime-500,         .badge-lime-500         { background-color: #CDDC39; color: #fff; }
.label-lime-600,         .btn-lime-600,         .badge-lime-600         { background-color: #C0CA33; color: #fff; }
.label-lime-700,         .btn-lime-700,         .badge-lime-700         { background-color: #AFB42B; color: #fff; }
.label-lime-800,         .btn-lime-800,         .badge-lime-800         { background-color: #9E9D24; color: #fff; }
.label-lime-900,         .btn-lime-900,         .badge-lime-900         { background-color: #827717; color: #fff; }
.label-lime-a100,        .btn-lime-a100,        .badge-lime-a100        { background-color: #F4FF81; color: #fff; }
.label-lime-a200,        .btn-lime-a200,        .badge-lime-a200        { background-color: #EEFF41; color: #fff; }
.label-lime-a400,        .btn-lime-a400,        .badge-lime-a400        { background-color: #C6FF00; color: #fff; }
.label-lime-a700,        .btn-lime-a700,        .badge-lime-a700        { background-color: #AEEA00; color: #fff; }

.label-yellow,           .btn-yellow,           .badge-yellow           { background-color: #FFEB3B; color: #000; }
.label-yellow-50,        .btn-yellow-50,        .badge-yellow-50        { background-color: #FFFDE7; color: #000; }
.label-yellow-100,       .btn-yellow-100,       .badge-yellow-100       { background-color: #FFF9C4; color: #000; }
.label-yellow-200,       .btn-yellow-200,       .badge-yellow-200       { background-color: #FFF59D; color: #000; }
.label-yellow-300,       .btn-yellow-300,       .badge-yellow-300       { background-color: #FFF176; color: #000; }
.label-yellow-400,       .btn-yellow-400,       .badge-yellow-400       { background-color: #FFEE58; color: #000; }
.label-yellow-500,       .btn-yellow-500,       .badge-yellow-500       { background-color: #FFEB3B; color: #000; }
.label-yellow-600,       .btn-yellow-600,       .badge-yellow-600       { background-color: #FDD835; color: #000; }
.label-yellow-700,       .btn-yellow-700,       .badge-yellow-700       { background-color: #FBC02D; color: #fff; }
.label-yellow-800,       .btn-yellow-800,       .badge-yellow-800       { background-color: #F9A825; color: #fff; }
.label-yellow-900,       .btn-yellow-900,       .badge-yellow-900       { background-color: #F57F17; color: #fff; }
.label-yellow-a100,      .btn-yellow-a100,      .badge-yellow-a100      { background-color: #FFFF8D; color: #000; }
.label-yellow-a200,      .btn-yellow-a200,      .badge-yellow-a200      { background-color: #FFFF00; color: #000; }
.label-yellow-a400,      .btn-yellow-a400,      .badge-yellow-a400      { background-color: #FFEA00; color: #000; }
.label-yellow-a700,      .btn-yellow-a700,      .badge-yellow-a700      { background-color: #FFD600; color: #000; }

.label-amber,            .btn-amber,            .badge-amber            { background-color: #FFC107; color: #fff; }
.label-amber-50,         .btn-amber-50,         .badge-amber-50         { background-color: #FFF8E1; color: #fff; }
.label-amber-100,        .btn-amber-100,        .badge-amber-100        { background-color: #FFECB3; color: #fff; }
.label-amber-200,        .btn-amber-200,        .badge-amber-200        { background-color: #FFE082; color: #fff; }
.label-amber-300,        .btn-amber-300,        .badge-amber-300        { background-color: #FFD54F; color: #fff; }
.label-amber-400,        .btn-amber-400,        .badge-amber-400        { background-color: #FFCA28; color: #fff; }
.label-amber-500,        .btn-amber-500,        .badge-amber-500        { background-color: #FFC107; color: #fff; }
.label-amber-600,        .btn-amber-600,        .badge-amber-600        { background-color: #FFB300; color: #fff; }
.label-amber-700,        .btn-amber-700,        .badge-amber-700        { background-color: #FFA000; color: #fff; }
.label-amber-800,        .btn-amber-800,        .badge-amber-800        { background-color: #FF8F00; color: #fff; }
.label-amber-900,        .btn-amber-900,        .badge-amber-900        { background-color: #FF6F00; color: #fff; }
.label-amber-a100,       .btn-amber-a100,       .badge-amber-a100       { background-color: #FFE57F; color: #fff; }
.label-amber-a200,       .btn-amber-a200,       .badge-amber-a200       { background-color: #FFD740; color: #fff; }
.label-amber-a400,       .btn-amber-a400,       .badge-amber-a400       { background-color: #FFC400; color: #fff; }
.label-amber-a700,       .btn-amber-a700,       .badge-amber-a700       { background-color: #FFAB00; color: #fff; }

.label-orange,           .btn-orange,           .badge-orange           { background-color: #FF9800; color: #fff; }
.label-orange-50,        .btn-orange-50,        .badge-orange-50        { background-color: #FFF3E0; color: #fff; }
.label-orange-100,       .btn-orange-100,       .badge-orange-100       { background-color: #FFE0B2; color: #fff; }
.label-orange-200,       .btn-orange-200,       .badge-orange-200       { background-color: #FFCC80; color: #fff; }
.label-orange-300,       .btn-orange-300,       .badge-orange-300       { background-color: #FFB74D; color: #fff; }
.label-orange-400,       .btn-orange-400,       .badge-orange-400       { background-color: #FFA726; color: #fff; }
.label-orange-500,       .btn-orange-500,       .badge-orange-500       { background-color: #FF9800; color: #fff; }
.label-orange-600,       .btn-orange-600,       .badge-orange-600       { background-color: #FB8C00; color: #fff; }
.label-orange-700,       .btn-orange-700,       .badge-orange-700       { background-color: #F57C00; color: #fff; }
.label-orange-800,       .btn-orange-800,       .badge-orange-800       { background-color: #EF6C00; color: #fff; }
.label-orange-900,       .btn-orange-900,       .badge-orange-900       { background-color: #E65100; color: #fff; }
.label-orange-a100,      .btn-orange-a100,      .badge-orange-a100      { background-color: #FFD180; color: #fff; }
.label-orange-a200,      .btn-orange-a200,      .badge-orange-a200      { background-color: #FFAB40; color: #fff; }
.label-orange-a400,      .btn-orange-a400,      .badge-orange-a400      { background-color: #FF9100; color: #fff; }
.label-orange-a700,      .btn-orange-a700,      .badge-orange-a700      { background-color: #FF6D00; color: #fff; }

.label-deep-orange,      .btn-deep-orange,      .badge-deep-orange      { background-color: #FF5722; color: #fff; }
.label-deep-orange-50,   .btn-deep-orange-50,   .badge-deep-orange-50   { background-color: #FBE9E7; color: #fff; }
.label-deep-orange-100,  .btn-deep-orange-100,  .badge-deep-orange-100  { background-color: #FFCCBC; color: #fff; }
.label-deep-orange-200,  .btn-deep-orange-200,  .badge-deep-orange-200  { background-color: #FFAB91; color: #fff; }
.label-deep-orange-300,  .btn-deep-orange-300,  .badge-deep-orange-300  { background-color: #FF8A65; color: #fff; }
.label-deep-orange-400,  .btn-deep-orange-400,  .badge-deep-orange-400  { background-color: #FF7043; color: #fff; }
.label-deep-orange-500,  .btn-deep-orange-500,  .badge-deep-orange-500  { background-color: #FF5722; color: #fff; }
.label-deep-orange-600,  .btn-deep-orange-600,  .badge-deep-orange-600  { background-color: #F4511E; color: #fff; }
.label-deep-orange-700,  .btn-deep-orange-700,  .badge-deep-orange-700  { background-color: #E64A19; color: #fff; }
.label-deep-orange-800,  .btn-deep-orange-800,  .badge-deep-orange-800  { background-color: #D84315; color: #fff; }
.label-deep-orange-900,  .btn-deep-orange-900,  .badge-deep-orange-900  { background-color: #BF360C; color: #fff; }
.label-deep-orange-a100, .btn-deep-orange-a100, .badge-deep-orange-a100 { background-color: #FF9E80; color: #fff; }
.label-deep-orange-a200, .btn-deep-orange-a200, .badge-deep-orange-a200 { background-color: #FF6E40; color: #fff; }
.label-deep-orange-a400, .btn-deep-orange-a400, .badge-deep-orange-a400 { background-color: #FF3D00; color: #fff; }
.label-deep-orange-a700, .btn-deep-orange-a700, .badge-deep-orange-a700 { background-color: #DD2C00; color: #fff; }

.label-brown,            .btn-brown,            .badge-brown            { background-color: #795548; color: #fff; }
.label-brown-50,         .btn-brown-50,         .badge-brown-50         { background-color: #EFEBE9; color: #fff; }
.label-brown-100,        .btn-brown-100,        .badge-brown-100        { background-color: #D7CCC8; color: #fff; }
.label-brown-200,        .btn-brown-200,        .badge-brown-200        { background-color: #BCAAA4; color: #fff; }
.label-brown-300,        .btn-brown-300,        .badge-brown-300        { background-color: #A1887F; color: #fff; }
.label-brown-400,        .btn-brown-400,        .badge-brown-400        { background-color: #8D6E63; color: #fff; }
.label-brown-500,        .btn-brown-500,        .badge-brown-500        { background-color: #795548; color: #fff; }
.label-brown-600,        .btn-brown-600,        .badge-brown-600        { background-color: #6D4C41; color: #fff; }
.label-brown-700,        .btn-brown-700,        .badge-brown-700        { background-color: #5D4037; color: #fff; }
.label-brown-800,        .btn-brown-800,        .badge-brown-800        { background-color: #4E342E; color: #fff; }
.label-brown-900,        .btn-brown-900,        .badge-brown-900        { background-color: #3E2723; color: #fff; }
.label-brown-a100,       .btn-brown-a100,       .badge-brown-a100       { background-color: #; color: #fff; }
.label-brown-a200,       .btn-brown-a200,       .badge-brown-a200       { background-color: #; color: #fff; }
.label-brown-a400,       .btn-brown-a400,       .badge-brown-a400       { background-color: #; color: #fff; }
.label-brown-a700,       .btn-brown-a700,       .badge-brown-a700       { background-color: #; color: #fff; }

.label-grey,             .btn-grey,             .badge-grey             { background-color: #9E9E9E; color: #fff; }
.label-grey-50,          .btn-grey-50,          .badge-grey-50          { background-color: #FAFAFA; color: #fff; }
.label-grey-100,         .btn-grey-100,         .badge-grey-100         { background-color: #F5F5F5; color: #fff; }
.label-grey-200,         .btn-grey-200,         .badge-grey-200         { background-color: #EEEEEE; color: #fff; }
.label-grey-300,         .btn-grey-300,         .badge-grey-300         { background-color: #E0E0E0; color: #fff; }
.label-grey-400,         .btn-grey-400,         .badge-grey-400         { background-color: #BDBDBD; color: #fff; }
.label-grey-500,         .btn-grey-500,         .badge-grey-500         { background-color: #9E9E9E; color: #fff; }
.label-grey-600,         .btn-grey-600,         .badge-grey-600         { background-color: #757575; color: #fff; }
.label-grey-700,         .btn-grey-700,         .badge-grey-700         { background-color: #616161; color: #fff; }
.label-grey-800,         .btn-grey-800,         .badge-grey-800         { background-color: #424242; color: #fff; }
.label-grey-900,         .btn-grey-900,         .badge-grey-900         { background-color: #212121; color: #fff; }
.label-grey-a100,        .btn-grey-a100,        .badge-grey-a100        { background-color: #; color: #fff; }
.label-grey-a200,        .btn-grey-a200,        .badge-grey-a200        { background-color: #; color: #fff; }
.label-grey-a400,        .btn-grey-a400,        .badge-grey-a400        { background-color: #; color: #fff; }
.label-grey-a700,        .btn-grey-a700,        .badge-grey-a700        { background-color: #; color: #fff; }

.label-blue-grey,        .btn-blue-grey,        .badge-blue-grey        { background-color: #607D8B; color: #fff; }
.label-blue-grey-50,     .btn-blue-grey-50,     .badge-blue-grey-50     { background-color: #ECEFF1; color: #fff; }
.label-blue-grey-100,    .btn-blue-grey-100,    .badge-blue-grey-100    { background-color: #CFD8DC; color: #fff; }
.label-blue-grey-200,    .btn-blue-grey-200,    .badge-blue-grey-200    { background-color: #B0BEC5; color: #fff; }
.label-blue-grey-300,    .btn-blue-grey-300,    .badge-blue-grey-300    { background-color: #90A4AE; color: #fff; }
.label-blue-grey-400,    .btn-blue-grey-400,    .badge-blue-grey-400    { background-color: #78909C; color: #fff; }
.label-blue-grey-500,    .btn-blue-grey-500,    .badge-blue-grey-500    { background-color: #607D8B; color: #fff; }
.label-blue-grey-600,    .btn-blue-grey-600,    .badge-blue-grey-600    { background-color: #546E7A; color: #fff; }
.label-blue-grey-700,    .btn-blue-grey-700,    .badge-blue-grey-700    { background-color: #455A64; color: #fff; }
.label-blue-grey-800,    .btn-blue-grey-800,    .badge-blue-grey-800    { background-color: #37474F; color: #fff; }
.label-blue-grey-900,    .btn-blue-grey-900,    .badge-blue-grey-900    { background-color: #263238; color: #fff; }
.label-blue-grey-a100,   .btn-blue-grey-a100,   .badge-blue-grey-a100   { background-color: #; color: #fff; }
.label-blue-grey-a200,   .btn-blue-grey-a200,   .badge-blue-grey-a200   { background-color: #; color: #fff; }
.label-blue-grey-a400,   .btn-blue-grey-a400,   .badge-blue-grey-a400   { background-color: #; color: #fff; }
.label-blue-grey-a700,   .btn-blue-grey-a700,   .badge-blue-grey-a700   { background-color: #; color: #fff; }

/**
 * ========================================================
 * End colors for labels, buttons and badges
 * ========================================================
 */