.background-coal {
  background: #231f20 !important;
}
.background-coal.unit:after,
.background-coal.unit:before {
  border-left-color: #231f20;
  border-right-color: #231f20;
}
.text-coal {
  color: #231f20;
}
.triangle.coal {
  border-left-color: #231f20;
  border-right-color: #231f20;
}
.fill-coal {
  fill: #231f20;
}
.border-coal {
  border-color: #231f20;
}
.background-white {
  background: #fff !important;
}
.background-white.unit:after,
.background-white.unit:before {
  border-left-color: #fff;
  border-right-color: #fff;
}
.text-white {
  color: #fff;
}
.triangle.white {
  border-left-color: #fff;
  border-right-color: #fff;
}
.fill-white {
  fill: #fff;
}
.border-white {
  border-color: #fff;
}
.background-slate {
  background: #919296 !important;
}
.background-slate.unit:after,
.background-slate.unit:before {
  border-left-color: #919296;
  border-right-color: #919296;
}
.text-slate {
  color: #919296;
}
.triangle.slate {
  border-left-color: #919296;
  border-right-color: #919296;
}
.fill-slate {
  fill: #919296;
}
.border-slate {
  border-color: #919296;
}
.background-smoke {
  background: #bbbcbe !important;
}
.background-smoke.unit:after,
.background-smoke.unit:before {
  border-left-color: #bbbcbe;
  border-right-color: #bbbcbe;
}
.text-smoke {
  color: #bbbcbe;
}
.triangle.smoke {
  border-left-color: #bbbcbe;
  border-right-color: #bbbcbe;
}
.fill-smoke {
  fill: #bbbcbe;
}
.border-smoke {
  border-color: #bbbcbe;
}
.background-mist {
  background: #d8d9db !important;
}
.background-mist.unit:after,
.background-mist.unit:before {
  border-left-color: #d8d9db;
  border-right-color: #d8d9db;
}
.text-mist {
  color: #d8d9db;
}
.triangle.mist {
  border-left-color: #d8d9db;
  border-right-color: #d8d9db;
}
.fill-mist {
  fill: #d8d9db;
}
.border-mist {
  border-color: #d8d9db;
}
.background-rose {
  background: #c88d87 !important;
}
.background-rose.unit:after,
.background-rose.unit:before {
  border-left-color: #c88d87;
  border-right-color: #c88d87;
}
.text-rose {
  color: #c88d87;
}
.triangle.rose {
  border-left-color: #c88d87;
  border-right-color: #c88d87;
}
.fill-rose {
  fill: #c88d87;
}
.border-rose {
  border-color: #c88d87;
}
.background-orchid {
  background: #daafa8 !important;
}
.background-orchid.unit:after,
.background-orchid.unit:before {
  border-left-color: #daafa8;
  border-right-color: #daafa8;
}
.text-orchid {
  color: #daafa8;
}
.triangle.orchid {
  border-left-color: #daafa8;
  border-right-color: #daafa8;
}
.fill-orchid {
  fill: #daafa8;
}
.border-orchid {
  border-color: #daafa8;
}
.background-carnation {
  background: #ebd3cf !important;
}
.background-carnation.unit:after,
.background-carnation.unit:before {
  border-left-color: #ebd3cf;
  border-right-color: #ebd3cf;
}
.text-carnation {
  color: #ebd3cf;
}
.triangle.carnation {
  border-left-color: #ebd3cf;
  border-right-color: #ebd3cf;
}
.fill-carnation {
  fill: #ebd3cf;
}
.border-carnation {
  border-color: #ebd3cf;
}
.background-periwinkle {
  background: #8ca3d5 !important;
}
.background-periwinkle.unit:after,
.background-periwinkle.unit:before {
  border-left-color: #8ca3d5;
  border-right-color: #8ca3d5;
}
.text-periwinkle {
  color: #8ca3d5;
}
.triangle.periwinkle {
  border-left-color: #8ca3d5;
  border-right-color: #8ca3d5;
}
.fill-periwinkle {
  fill: #8ca3d5;
}
.border-periwinkle {
  border-color: #8ca3d5;
}
.background- {
  background: #b0bee3 !important;
}
.background-.unit:after,
.background-.unit:before {
  border-left-color: #b0bee3;
  border-right-color: #b0bee3;
}
.text- {
  color: #b0bee3;
}
.triangle. {
  border-left-color: #b0bee3;
  border-right-color: #b0bee3;
}
.fill- {
  fill: #b0bee3;
}
.border- {
  border-color: #b0bee3;
}
.background- {
  background: "wisteria" !important;
}
.background-.unit:after,
.background-.unit:before {
  border-left-color: "wisteria";
  border-right-color: "wisteria";
}
.text- {
  color: "wisteria";
}
.triangle. {
  border-left-color: "wisteria";
  border-right-color: "wisteria";
}
.fill- {
  fill: "wisteria";
}
.border- {
  border-color: "wisteria";
}
.background-lilac {
  background: #d4dcef !important;
}
.background-lilac.unit:after,
.background-lilac.unit:before {
  border-left-color: #d4dcef;
  border-right-color: #d4dcef;
}
.text-lilac {
  color: #d4dcef;
}
.triangle.lilac {
  border-left-color: #d4dcef;
  border-right-color: #d4dcef;
}
.fill-lilac {
  fill: #d4dcef;
}
.border-lilac {
  border-color: #d4dcef;
}
.background-lake {
  background: #8fc3ea !important;
}
.background-lake.unit:after,
.background-lake.unit:before {
  border-left-color: #8fc3ea;
  border-right-color: #8fc3ea;
}
.text-lake {
  color: #8fc3ea;
}
.triangle.lake {
  border-left-color: #8fc3ea;
  border-right-color: #8fc3ea;
}
.fill-lake {
  fill: #8fc3ea;
}
.border-lake {
  border-color: #8fc3ea;
}
.background-sky {
  background: #b4d6f1 !important;
}
.background-sky.unit:after,
.background-sky.unit:before {
  border-left-color: #b4d6f1;
  border-right-color: #b4d6f1;
}
.text-sky {
  color: #b4d6f1;
}
.triangle.sky {
  border-left-color: #b4d6f1;
  border-right-color: #b4d6f1;
}
.fill-sky {
  fill: #b4d6f1;
}
.border-sky {
  border-color: #b4d6f1;
}
.background-powder {
  background: #d9e9f8 !important;
}
.background-powder.unit:after,
.background-powder.unit:before {
  border-left-color: #d9e9f8;
  border-right-color: #d9e9f8;
}
.text-powder {
  color: #d9e9f8;
}
.triangle.powder {
  border-left-color: #d9e9f8;
  border-right-color: #d9e9f8;
}
.fill-powder {
  fill: #d9e9f8;
}
.border-powder {
  border-color: #d9e9f8;
}
.background-mustard {
  background: #e6b53c !important;
}
.background-mustard.unit:after,
.background-mustard.unit:before {
  border-left-color: #e6b53c;
  border-right-color: #e6b53c;
}
.text-mustard {
  color: #e6b53c;
}
.triangle.mustard {
  border-left-color: #e6b53c;
  border-right-color: #e6b53c;
}
.fill-mustard {
  fill: #e6b53c;
}
.border-mustard {
  border-color: #e6b53c;
}
.background-dijon {
  background: #f0cc7e !important;
}
.background-dijon.unit:after,
.background-dijon.unit:before {
  border-left-color: #f0cc7e;
  border-right-color: #f0cc7e;
}
.text-dijon {
  color: #f0cc7e;
}
.triangle.dijon {
  border-left-color: #f0cc7e;
  border-right-color: #f0cc7e;
}
.fill-dijon {
  fill: #f0cc7e;
}
.border-dijon {
  border-color: #f0cc7e;
}
.background-horseradish {
  background: #f8e5bb !important;
}
.background-horseradish.unit:after,
.background-horseradish.unit:before {
  border-left-color: #f8e5bb;
  border-right-color: #f8e5bb;
}
.text-horseradish {
  color: #f8e5bb;
}
.triangle.horseradish {
  border-left-color: #f8e5bb;
  border-right-color: #f8e5bb;
}
.fill-horseradish {
  fill: #f8e5bb;
}
.border-horseradish {
  border-color: #f8e5bb;
}
.background-orange {
  background: #eb951a !important;
}
.background-orange.unit:after,
.background-orange.unit:before {
  border-left-color: #eb951a;
  border-right-color: #eb951a;
}
.text-orange {
  color: #eb951a;
}
.triangle.orange {
  border-left-color: #eb951a;
  border-right-color: #eb951a;
}
.fill-orange {
  fill: #eb951a;
}
.border-orange {
  border-color: #eb951a;
}
.background-mango {
  background: #f1b668 !important;
}
.background-mango.unit:after,
.background-mango.unit:before {
  border-left-color: #f1b668;
  border-right-color: #f1b668;
}
.text-mango {
  color: #f1b668;
}
.triangle.mango {
  border-left-color: #f1b668;
  border-right-color: #f1b668;
}
.fill-mango {
  fill: #f1b668;
}
.border-mango {
  border-color: #f1b668;
}
.background-peach {
  background: #f9d6ac !important;
}
.background-peach.unit:after,
.background-peach.unit:before {
  border-left-color: #f9d6ac;
  border-right-color: #f9d6ac;
}
.text-peach {
  color: #f9d6ac;
}
.triangle.peach {
  border-left-color: #f9d6ac;
  border-right-color: #f9d6ac;
}
.fill-peach {
  fill: #f9d6ac;
}
.border-peach {
  border-color: #f9d6ac;
}
.background-olive {
  background: #b0b67a !important;
}
.background-olive.unit:after,
.background-olive.unit:before {
  border-left-color: #b0b67a;
  border-right-color: #b0b67a;
}
.text-olive {
  color: #b0b67a;
}
.triangle.olive {
  border-left-color: #b0b67a;
  border-right-color: #b0b67a;
}
.fill-olive {
  fill: #b0b67a;
}
.border-olive {
  border-color: #b0b67a;
}
.background-leaf {
  background: #cacda2 !important;
}
.background-leaf.unit:after,
.background-leaf.unit:before {
  border-left-color: #cacda2;
  border-right-color: #cacda2;
}
.text-leaf {
  color: #cacda2;
}
.triangle.leaf {
  border-left-color: #cacda2;
  border-right-color: #cacda2;
}
.fill-leaf {
  fill: #cacda2;
}
.border-leaf {
  border-color: #cacda2;
}
.background-oil {
  background: #e4e4cc !important;
}
.background-oil.unit:after,
.background-oil.unit:before {
  border-left-color: #e4e4cc;
  border-right-color: #e4e4cc;
}
.text-oil {
  color: #e4e4cc;
}
.triangle.oil {
  border-left-color: #e4e4cc;
  border-right-color: #e4e4cc;
}
.fill-oil {
  fill: #e4e4cc;
}
.border-oil {
  border-color: #e4e4cc;
}
.background-sysblue {
  background: #4d91b8 !important;
}
.background-sysblue.unit:after,
.background-sysblue.unit:before {
  border-left-color: #4d91b8;
  border-right-color: #4d91b8;
}
.text-sysblue {
  color: #4d91b8;
}
.triangle.sysblue {
  border-left-color: #4d91b8;
  border-right-color: #4d91b8;
}
.fill-sysblue {
  fill: #4d91b8;
}
.border-sysblue {
  border-color: #4d91b8;
}
.background-shadow {
  background: #88aece !important;
}
.background-shadow.unit:after,
.background-shadow.unit:before {
  border-left-color: #88aece;
  border-right-color: #88aece;
}
.text-shadow {
  color: #88aece;
}
.triangle.shadow {
  border-left-color: #88aece;
  border-right-color: #88aece;
}
.fill-shadow {
  fill: #88aece;
}
.border-shadow {
  border-color: #88aece;
}
.background-ice {
  background: #c0d1e4 !important;
}
.background-ice.unit:after,
.background-ice.unit:before {
  border-left-color: #c0d1e4;
  border-right-color: #c0d1e4;
}
.text-ice {
  color: #c0d1e4;
}
.triangle.ice {
  border-left-color: #c0d1e4;
  border-right-color: #c0d1e4;
}
.fill-ice {
  fill: #c0d1e4;
}
.border-ice {
  border-color: #c0d1e4;
}
.background-sysred {
  background: #e8252b !important;
}
.background-sysred.unit:after,
.background-sysred.unit:before {
  border-left-color: #e8252b;
  border-right-color: #e8252b;
}
.text-sysred {
  color: #e8252b;
}
.triangle.sysred {
  border-left-color: #e8252b;
  border-right-color: #e8252b;
}
.fill-sysred {
  fill: #e8252b;
}
.border-sysred {
  border-color: #e8252b;
}
.background-salmon {
  background: #f07b61 !important;
}
.background-salmon.unit:after,
.background-salmon.unit:before {
  border-left-color: #f07b61;
  border-right-color: #f07b61;
}
.text-salmon {
  color: #f07b61;
}
.triangle.salmon {
  border-left-color: #f07b61;
  border-right-color: #f07b61;
}
.fill-salmon {
  fill: #f07b61;
}
.border-salmon {
  border-color: #f07b61;
}
.background-trout {
  background: #f8b9a4 !important;
}
.background-trout.unit:after,
.background-trout.unit:before {
  border-left-color: #f8b9a4;
  border-right-color: #f8b9a4;
}
.text-trout {
  color: #f8b9a4;
}
.triangle.trout {
  border-left-color: #f8b9a4;
  border-right-color: #f8b9a4;
}
.fill-trout {
  fill: #f8b9a4;
}
.border-trout {
  border-color: #f8b9a4;
}