.c1 {
  color: #f44336;
}

.c1b {
  background-color: #f44336;
  color: whitesmoke;
}

.c1b:hover {
  background-color: #ba160a;
  color: whitesmoke;
}

.c1b::selection {
  background-color: #f44336;
  color: whitesmoke;
}

.c1b:active {
  background-color: #f44336;
  color: whitesmoke;
}

.c1b:focus {
  background-color: #f44336;
  color: whitesmoke;
}

.c2 {
  color: #2196f3;
}

.c2b {
  background-color: #2196f3;
  color: whitesmoke;
}

.c2b:hover {
  background-color: #0960a5;
  color: whitesmoke;
}

.c2b::selection {
  background-color: #2196f3;
  color: whitesmoke;
}

.c2b:active {
  background-color: #2196f3;
  color: whitesmoke;
}

.c2b:focus {
  background-color: #2196f3;
  color: whitesmoke;
}

.c3 {
  color: #4caf50;
}

.c3b {
  background-color: #4caf50;
  color: whitesmoke;
}

.c3b:hover {
  background-color: #2d682f;
  color: whitesmoke;
}

.c3b::selection {
  background-color: #4caf50;
  color: whitesmoke;
}

.c3b:active {
  background-color: #4caf50;
  color: whitesmoke;
}

.c3b:focus {
  background-color: #4caf50;
  color: whitesmoke;
}

.c4 {
  color: #fbc02d;
}

.c4b {
  background-color: #fbc02d;
  color: whitesmoke;
}

.c4b:hover {
  background-color: #be8904;
  color: whitesmoke;
}

.c4b::selection {
  background-color: #fbc02d;
  color: whitesmoke;
}

.c4b:active {
  background-color: #fbc02d;
  color: whitesmoke;
}

.c4b:focus {
  background-color: #fbc02d;
  color: whitesmoke;
}

.c5 {
  color: #ff5722;
}

.c5b {
  background-color: #ff5722;
  color: whitesmoke;
}

.c5b:hover {
  background-color: #bb2d00;
  color: whitesmoke;
}

.c5b::selection {
  background-color: #ff5722;
  color: whitesmoke;
}

.c5b:active {
  background-color: #ff5722;
  color: whitesmoke;
}

.c5b:focus {
  background-color: #ff5722;
  color: whitesmoke;
}

.c6 {
  color: #795548;
}

.c6b {
  background-color: #795548;
  color: whitesmoke;
}

.c6b:hover {
  background-color: #392822;
  color: whitesmoke;
}

.c6b::selection {
  background-color: #795548;
  color: whitesmoke;
}

.c6b:active {
  background-color: #795548;
  color: whitesmoke;
}

.c6b:focus {
  background-color: #795548;
  color: whitesmoke;
}

.c7 {
  color: #9e9e9e;
}

.c7b {
  background-color: #9e9e9e;
  color: whitesmoke;
}

.c7b:hover {
  background-color: #6b6b6b;
  color: whitesmoke;
}

.c7b::selection {
  background-color: #9e9e9e;
  color: whitesmoke;
}

.c7b:active {
  background-color: #9e9e9e;
  color: whitesmoke;
}

.c7b:focus {
  background-color: #9e9e9e;
  color: whitesmoke;
}

.c8 {
  color: #607d8b;
}

.c8b {
  background-color: #607d8b;
  color: whitesmoke;
}

.c8b:hover {
  background-color: #36474f;
  color: whitesmoke;
}

.c8b::selection {
  background-color: #607d8b;
  color: whitesmoke;
}

.c8b:active {
  background-color: #607d8b;
  color: whitesmoke;
}

.c8b:focus {
  background-color: #607d8b;
  color: whitesmoke;
}

.c9 {
  color: #3f51bf;
}

.c9b {
  background-color: #3f51bf;
  color: whitesmoke;
}

.c9b:hover {
  background-color: #263072;
  color: whitesmoke;
}

.c9b::selection {
  background-color: #3f51bf;
  color: whitesmoke;
}

.c9b:active {
  background-color: #3f51bf;
  color: whitesmoke;
}

.c9b:focus {
  background-color: #3f51bf;
  color: whitesmoke;
}

.c10 {
  color: #673ab7;
}

.c10b {
  background-color: #673ab7;
  color: whitesmoke;
}

.c10b:hover {
  background-color: #3b216a;
  color: whitesmoke;
}

.c10b::selection {
  background-color: #673ab7;
  color: whitesmoke;
}

.c10b:active {
  background-color: #673ab7;
  color: whitesmoke;
}

.c10b:focus {
  background-color: #673ab7;
  color: whitesmoke;
}

.c11 {
  color: #e91e63;
}

.c11b {
  background-color: #e91e63;
  color: whitesmoke;
}

.c11b:hover {
  background-color: #930e3b;
  color: whitesmoke;
}

.c11b::selection {
  background-color: #e91e63;
  color: whitesmoke;
}

.c11b:active {
  background-color: #e91e63;
  color: whitesmoke;
}

.c11b:focus {
  background-color: #e91e63;
  color: whitesmoke;
}

.c12 {
  color: #ff9800;
}

.c12b {
  background-color: #ff9800;
  color: whitesmoke;
}

.c12b:hover {
  background-color: #995b00;
  color: whitesmoke;
}

.c12b::selection {
  background-color: #ff9800;
  color: whitesmoke;
}

.c12b:active {
  background-color: #ff9800;
  color: whitesmoke;
}

.c12b:focus {
  background-color: #ff9800;
  color: whitesmoke;
}

.c13 {
  color: #009688;
}

.c13b {
  background-color: #009688;
  color: whitesmoke;
}

.c13b:hover {
  background-color: #00302c;
  color: whitesmoke;
}

.c13b::selection {
  background-color: #009688;
  color: whitesmoke;
}

.c13b:active {
  background-color: #009688;
  color: whitesmoke;
}

.c13b:focus {
  background-color: #009688;
  color: whitesmoke;
}