.color0,
.color0 > td {
  background-color: #e1f5fe;
  color: #000;
}
.color0,.color1,.color2,.color3,.color4,.color5,.color6,.color7,.color8,.color9,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19,.color20,
.color21,.color22,.color23,.color24,.color25,.color26,.color27,.color28,.color29,.color30 {
  &:hover{
    >td {
      color: #fff;
    }
  }
}
.color1,
.color1 > td {
  background-color: #e8eaf6;
  color: #000;
}
.color2,
.color2 > td {
  background-color: #f3e5f5;
  color: #000;
}
.color3,
.color3 > td {
  background-color: #fff3e0;
  color: #000;
}
.color4,
.color4 > td {
  background-color: #fce4ec;
  color: #000;
}
.color5,
.color5 > td {
  background-color: #ffebee;
  color: #000;
}
.color6,
.color6 > td {
  background-color: #fffde7;
  color: #000;
}
.color7,
.color7 > td {
  background-color: #efebe9;
  color: #000;
}
.color8,
.color8 > td {
  background-color: #f0f4c3;
  color: #000;
}
.color9,
.color9 > td {
  background-color: #e8f5e9;
  color: #000;
}
.color10,
.color10 > td {
  background-color: #e0f2f1;
  color: #000;
}
.color11,
.color11 > td {
  background-color: #cfd8dc;
  color: #000;
}
.color12,
.color12 > td {
  background-color: #d7ccc8;
  color: #000;
}
.color13,
.color13 > td {
  background-color: #ffccbc;
  color: #000;
}
.color14,
.color14 > td {
  background-color: #ffecb3;
  color: #000;
}
.color15,
.color15 > td {
  background-color: #f0f4c3;
  color: #000;
}
.color16,
.color16 > td {
  background-color: #dcedc8;
  color: #000;
}
.color17,
.color17 > td {
  background-color: #c8e6c9;
  color: #000;
}
.color18,
.color18 > td {
  background-color: #b2dfdb;
  color: #000;
}
.color19,
.color19 > td {
  background-color: #b2ebf2;
  color: #000;
}
.color21,
.color21 > td {
  background-color: #b3e5fc;
  color: #000;
}
.color22,
.color22 > td {
  background-color: #bbdefb;
  color: #000;
}
.color23,
.color23 > td {
  background-color: #c5cae9;
  color: #000;
}
.color24,
.color24 > td {
  background-color: #d1c4e9;
  color: #000;
}
.color25,
.color25 > td {
  background-color: #e1bee7;
  color: #000;
}
.color26,
.color26 > td {
  background-color: #f8bbd0;
  color: #000;
}
.color27,
.color27 > td {
  background-color: #ffcdd2;
  color: #000;
}
.color28,
.color28 > td {
  background-color: #a5d6a7;
  color: #000;
}
.color29,
.color29 > td {
  background-color: #ffcc80;
  color: #000;
}
.color20,
.color20 > td {
  background-color: #80deea;
  color: #000;
}