.bgc-white {
  color: #000;
  background-color: #fff;
}

.bgc-black {
  color: #fff;
  background-color: #000;
}

.bgc-green {
  color: #fff;
  background-color: #8BC34A;
}

.bgc-darkGreen {
  color: #fff;
  background-color: #689F38;
}
.bgc-lightGreen {
  color: #212121;
  background-color: #DCEDC8;
}
.bgc-accentGreen {
  color: #fff;
  background-color: #4CAF50;
}

.bgc-red {
  color: #fff;
  background-color: #F44336;
}

.bgc-lightRed {
  color: #000;
  background-color: #FFCDD2;
}

.bgc-darkRed {
  color: #fff;
  background-color: #D32F2F;
}

.bgc-accentRed {
  color: #fff;
  background-color: #FF4081;
}


.bgc-grey {
  color: #000;
  background-color: #9E9E9E;
}

.bgc-lightGrey {
  color: #000;
  background-color: #F5F5F5;
}

.bgc-darkGrey {
  color: #fff;
  background-color: #616161;
}

.bgc-accentGrey {
  color: #fff;
  background-color: #607D8B;
}


.bgc-yellow {
  color: #000;
  background-color: #FFEB3B;
}

.bgc-lightYellow {
  color: #000;
  background-color: #FFF9C4;
}

.bgc-darkYellow {
  color: #000;
  background-color: #FBC02D;
}

.bgc-accentYellow {
  color: #fff;
  background-color: #FF9800;
}


.bgc-blue {
  color: #fff;
  background-color: #03A9F4;
}

.bgc-lightBlue {
  color: #000;
  background-color: #B3E5FC;
}

.bgc-darkBlue {
  color: #fff;
  background-color: #0288D1;
}

.bgc-accentBlue {
  color: #fff;
  background-color: #448AFF;
}

.bgc-orange {
  color: #000;
  background-color: #FF9800;
}
.bgc-lightOrange {
  color: #000;
  background-color: #FFE0B2;
}
.bgc-darkOrange {
  color: #fff;
  background-color: #F57C00;
}
.bgc-accentOrange {
  color: #fff;
  background-color: #FFC107;
}
.bgc-purple {
  color: #fff;
  background-color: #9C27B0;
}
.bgc-lightPurple {
  color: #000;
  background-color: #E1BEE7;
}
.bgc-darkPurple {
  color: #fff;
  background-color: #7B1FA2;
}
.bgc-accentPurple {
  color: #fff;
  background-color: #7C4DFF;
}