.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;
}

.text-white{
  color :#fff;
}
.text-kol1{
  color: var(--color-kol1);
}
.text-kol2{
  color: var(--color-kol2);
}
.text-kol2A{
  color: var(--color-kol2);
}
.text-kol2B{
  color: var(--color-kol2);
}
.text-kol2C{
  color: var(--color-kol2);
}
.text-kol3{
  color: var(--color-kol3);
}
.text-kol4{
  color: var(--color-kol4);
}
.text-kol5{
  color: var(--color-kol5);
}

.bg-kol1{
  background: var(--color-kol1-light);
}
.bg-kol2{
  background: var(--color-kol2-light);
}
.bg-kol2A{
  background: var(--color-kol2-light);
}
.bg-kol2B{
  background: var(--color-kol2-light);
}
.bg-kol2C{
  background: var(--color-kol2-light);
}
.bg-kol3{
  background: var(--color-kol3-light);
}
.bg-kol4{
  background: var(--color-kol4-light);
}
.bg-kol5{
   background: var(--color-kol5-light);
 }


.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;
}


.text-light{
  color: #ffffff78;
}