.red { background-color: #f44336; color: #fff; }
.pink { background-color: #e91e63; color: #fff; }
.purple { background-color: #9c27b0; color: #fff; }
.deep-purple { background-color: #673ab7; color: #fff; }
.indigo { background-color: #3f51b5; color: #fff; }
.blue { background-color: #2196f3; color: #fff; }
.light-blue { background-color: #03a9f4; color: #fff; }
.cyan { background-color: #00bcd4; color: #fff; }
.teal { background-color: #009688; color: #fff; }
.green { background-color: #4caf50; color: #fff; }
.light-green { background-color: #8bc34a; color: rgba(0,0,0,.85); }
.lime { background-color: #cddc39; color: rgba(0,0,0,.85); }
.yellow { background-color: #ffeb3b; color: rgba(0,0,0,.85); }
.amber { background-color: #ffc107; color: rgba(0,0,0,.85); }
.orange { background-color: #ff9800; color: rgba(0,0,0,.85); }
.deep-orange { background-color: #ff5722; color: #fff; }
.brown { background-color: #795548; color: #fff; }
.blue-grey{ background-color: #607d8b; color: #fff; }
.grey { background-color: #9e9e9e; color: #fff; }
