.text-primary {
  color: var(--primary) !important;
}

.text-dark-primary {
  color: var(--dark-primary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.text-dark-grey {
  color: var(--dark-grey) !important;
}

.text-black {
  color: var(--dark) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.bg-primary {
  background: var(--primary) !important;
}

.bg-dark-primary {
  background: var(--dark-primary) !important;
}

.bg-success {
  background: var(--success) !important;
}

.bg-info {
  background: var(--info) !important;
}

.bg-warning {
  background: var(--warning) !important;
}

.bg-danger {
  background: var(--danger) !important;
}

.bg-secondary {
  background: var(--secondary) !important;
}

.bg-dark {
  background: var(--dark) !important;
}

.bg-black {
  background: var(--dark) !important;
}

.bg-info-light {
  background: var(--info-light) !important;
}
.bg-success-light {
  background: var(--success-light) !important;
}

.bg-warning-light {
  background: var(--warning-light) !important;
}

.bg-danger-light {
  background: var(--danger-light) !important;
}

.bg-dark-light {
  background: var(--dark-light) !important;
}

.bg-black-light {
  background: var(--dark-light) !important;
}

.text-muted {
  color: var(--text-muted) !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}