/* Black */
.has-black-background-color {
  background-color: #000000;
}

.has-black-color {
  color: #000000;
}
.has-inline-background-color.has-black-background-color {
  background-color: #000000;
}

/* Gray (Dark Gray) */
.has-darkgray-background-color {
  background-color: #CED4E2;
}

.has-inline-color.has-darkgray-color {
  color: #CED4E2;
}

.has-inline-background-color.has-darkgray-background-color {
  background-color: #CED4E2;
}
/* White */
.has-white-background-color {
  background-color: #ffffff;
}

.has-inline-color.has-white-color {
  color: #ffffff;
}

.has-inline-background-color.has-white-background-color {
  background-color: #ffffff;
}
/* Light Gray */
.has-lightgray-background-color {
  background-color: #EBEDED;
}

.has-inline-color.has-lightgray-color {
  color: #EBEDED;
}

.has-inline-background-color.has-lightgray-background-color {
  background-color: #EBEDED;
}

/* Blue */
.has-blue-background-color {
  background-color: #19325F;
}

.has-inline-color.has-blue-color {
  color: #19325F;
}

.has-inline-background-color.has-blue-background-color {
  background-color: #19325F;
}
/* Aqua Blue */
.has-aqua-blue-background-color {
  background-color: #0084CB;
}

.has-inline-color.has-aqua-blue-color {
  color: #0084CB;
}

.has-inline-background-color.has-aqua-blue-background-color {
  background-color: #0084CB;
}

/* Green */
.has-green-background-color {
  background-color: #008885;
}
.has-green-color,
.has-inline-color.has-green-color {
  color: #008885;
}

.has-inline-background-color.has-green-background-color {
  background-color: #008885;
}

/* Purple */
.has-purple-background-color {
  background-color: #5A61AA;
}
.has-purple-color,
.has-inline-color.has-purple-color {
  color: #5A61AA;
}

.has-inline-background-color.has-purple-background-color {
  background-color: #5A61AA;
}
/* Yellow */
.has-yellow-background-color {
  background-color: #DAE000;
}
.has-yellow-color,
.has-inline-color.has-yellow-color {
  color: #DAE000;
}

.has-inline-background-color.has-yellow-background-color {
  background-color: #DAE000;
}

/* Red */
.has-red-background-color {
  background-color: #ff0000;
}
.has-red-color,
.has-inline-color.has-red-color {
  color: #ff0000;
}

.has-inline-background-color.has-red-background-color {
  background-color: #ff0000;
}