/* Color theme: brown-red-blue-green-purple */

/* Color: Basic */
.c-black, .ch-black:hover{color:#000000}
.bc-black, .bch-black:hover{background-color:#000000}
.c-brend1, .ch-brend1:hover{color:#BA0000}
.bc-brend1, .bch-brend1:hover{background-color:#BA0000}
.c-brend2, .ch-brend2:hover{color:#000000}
.bc-brend2, .bch-brend2:hover{background-color:#000000}
.c-none, .ch-none:hover{color:transparent}
.bc-none, .bch-none:hover{background-color:transparent}
.c-white, .ch-white:hover{color:#FFFFFF}
.bc-white, .bch-white:hover{background-color:#FFFFFF}

/* Color: brown */
.c1-50, .c1h-50:hover{color:#EFEBE9}
.bc1-50, .bc1h-50:hover{background-color:#EFEBE9}
.c1-100, .c1h-100:hover{color:#D7CCC8}
.bc1-100, .bc1h-100:hover{background-color:#D7CCC8}
.c1-200, .c1h-200:hover{color:#BCAAA4}
.bc1-200, .bc1h-200:hover{background-color:#BCAAA4}
.c1-300, .c1h-300:hover{color:#A1887F}
.bc1-300, .bc1h-300:hover{background-color:#A1887F}
.c1-400, .c1h-400:hover{color:#8D6E63}
.bc1-400, .bc1h-400:hover{background-color:#8D6E63}
.c1-500, .c1h-500:hover{color:#795548}
.bc1-500, .bc1h-500:hover{background-color:#795548}
.c1-600, .c1h-600:hover{color:#6D4C41}
.bc1-600, .bc1h-600:hover{background-color:#6D4C41}
.c1-700, .c1h-700:hover{color:#5D4037}
.bc1-700, .bc1h-700:hover{background-color:#5D4037}
.c1-800, .c1h-800:hover{color:#4E342E}
.bc1-800, .bc1h-800:hover{background-color:#4E342E}
.c1-900, .c1h-900:hover{color:#3E2723}
.bc1-900, .bc1h-900:hover{background-color:#3E2723}

/* Color: red */
.c2-a100, .c2h-a100:hover{color:#FF8A80}
.bc2-a100, .bc2h-a100:hover{background-color:#FF8A80}
.c2-a200, .c2h-a200:hover{color:#FF5252}
.bc2-a200, .bc2h-a200:hover{background-color:#FF5252}
.c2-a400, .c2h-a400:hover{color:#FF1744}
.bc2-a400, .bc2h-a400:hover{background-color:#FF1744}
.c2-a700, .c2h-a700:hover{color:#D50000}
.bc2-a700, .bc2h-a700:hover{background-color:#D50000}
.c2-50, .c2h-50:hover{color:#FFEBEE}
.bc2-50, .bc2h-50:hover{background-color:#FFEBEE}
.c2-100, .c2h-100:hover{color:#FFCDD2}
.bc2-100, .bc2h-100:hover{background-color:#FFCDD2}
.c2-200, .c2h-200:hover{color:#EF9A9A}
.bc2-200, .bc2h-200:hover{background-color:#EF9A9A}
.c2-300, .c2h-300:hover{color:#E57373}
.bc2-300, .bc2h-300:hover{background-color:#E57373}
.c2-400, .c2h-400:hover{color:#EF5350}
.bc2-400, .bc2h-400:hover{background-color:#EF5350}
.c2-500, .c2h-500:hover{color:#F44336}
.bc2-500, .bc2h-500:hover{background-color:#F44336}
.c2-600, .c2h-600:hover{color:#E53935}
.bc2-600, .bc2h-600:hover{background-color:#E53935}
.c2-700, .c2h-700:hover{color:#D32F2F}
.bc2-700, .bc2h-700:hover{background-color:#D32F2F}
.c2-800, .c2h-800:hover{color:#C62828}
.bc2-800, .bc2h-800:hover{background-color:#C62828}
.c2-900, .c2h-900:hover{color:#B71C1C}
.bc2-900, .bc2h-900:hover{background-color:#B71C1C}

/* Color: blue */
.c3-a100, .c3h-a100:hover{color:#82B1FF}
.bc3-a100, .bc3h-a100:hover{background-color:#82B1FF}
.c3-a200, .c3h-a200:hover{color:#448AFF}
.bc3-a200, .bc3h-a200:hover{background-color:#448AFF}
.c3-a400, .c3h-a400:hover{color:#2979FF}
.bc3-a400, .bc3h-a400:hover{background-color:#2979FF}
.c3-a700, .c3h-a700:hover{color:#2962FF}
.bc3-a700, .bc3h-a700:hover{background-color:#2962FF}
.c3-50, .c3h-50:hover{color:#E3F2FD}
.bc3-50, .bc3h-50:hover{background-color:#E3F2FD}
.c3-100, .c3h-100:hover{color:#BBDEFB}
.bc3-100, .bc3h-100:hover{background-color:#BBDEFB}
.c3-200, .c3h-200:hover{color:#90CAF9}
.bc3-200, .bc3h-200:hover{background-color:#90CAF9}
.c3-300, .c3h-300:hover{color:#64B5F6}
.bc3-300, .bc3h-300:hover{background-color:#64B5F6}
.c3-400, .c3h-400:hover{color:#42A5F5}
.bc3-400, .bc3h-400:hover{background-color:#42A5F5}
.c3-500, .c3h-500:hover{color:#2196F3}
.bc3-500, .bc3h-500:hover{background-color:#2196F3}
.c3-600, .c3h-600:hover{color:#1E88E5}
.bc3-600, .bc3h-600:hover{background-color:#1E88E5}
.c3-700, .c3h-700:hover{color:#1976D2}
.bc3-700, .bc3h-700:hover{background-color:#1976D2}
.c3-800, .c3h-800:hover{color:#1565C0}
.bc3-800, .bc3h-800:hover{background-color:#1565C0}
.c3-900, .c3h-900:hover{color:#0D47A1}
.bc3-900, .bc3h-900:hover{background-color:#0D47A1}

/* Color: green */
.c4-a100, .c4h-a100:hover{color:#B9F6CA}
.bc4-a100, .bc4h-a100:hover{background-color:#B9F6CA}
.c4-a200, .c4h-a200:hover{color:#69F0AE}
.bc4-a200, .bc4h-a200:hover{background-color:#69F0AE}
.c4-a400, .c4h-a400:hover{color:#00E676}
.bc4-a400, .bc4h-a400:hover{background-color:#00E676}
.c4-a700, .c4h-a700:hover{color:#00C853}
.bc4-a700, .bc4h-a700:hover{background-color:#00C853}
.c4-50, .c4h-50:hover{color:#E8F5E9}
.bc4-50, .bc4h-50:hover{background-color:#E8F5E9}
.c4-100, .c4h-100:hover{color:#C8E6C9}
.bc4-100, .bc4h-100:hover{background-color:#C8E6C9}
.c4-200, .c4h-200:hover{color:#A5D6A7}
.bc4-200, .bc4h-200:hover{background-color:#A5D6A7}
.c4-300, .c4h-300:hover{color:#81C784}
.bc4-300, .bc4h-300:hover{background-color:#81C784}
.c4-400, .c4h-400:hover{color:#66BB6A}
.bc4-400, .bc4h-400:hover{background-color:#66BB6A}
.c4-500, .c4h-500:hover{color:#4CAF50}
.bc4-500, .bc4h-500:hover{background-color:#4CAF50}
.c4-600, .c4h-600:hover{color:#43A047}
.bc4-600, .bc4h-600:hover{background-color:#43A047}
.c4-700, .c4h-700:hover{color:#388E3C}
.bc4-700, .bc4h-700:hover{background-color:#388E3C}
.c4-800, .c4h-800:hover{color:#2E7D32}
.bc4-800, .bc4h-800:hover{background-color:#2E7D32}
.c4-900, .c4h-900:hover{color:#1B5E20}
.bc4-900, .bc4h-900:hover{background-color:#1B5E20}

/* Color: purple */
.c5-a100, .c5h-a100:hover{color:#EA80FC}
.bc5-a100, .bc5h-a100:hover{background-color:#EA80FC}
.c5-a200, .c5h-a200:hover{color:#E040FB}
.bc5-a200, .bc5h-a200:hover{background-color:#E040FB}
.c5-a400, .c5h-a400:hover{color:#D500F9}
.bc5-a400, .bc5h-a400:hover{background-color:#D500F9}
.c5-a700, .c5h-a700:hover{color:#AA00FF}
.bc5-a700, .bc5h-a700:hover{background-color:#AA00FF}
.c5-50, .c5h-50:hover{color:#F3E5F5}
.bc5-50, .bc5h-50:hover{background-color:#F3E5F5}
.c5-100, .c5h-100:hover{color:#E1BEE7}
.bc5-100, .bc5h-100:hover{background-color:#E1BEE7}
.c5-200, .c5h-200:hover{color:#CE93D8}
.bc5-200, .bc5h-200:hover{background-color:#CE93D8}
.c5-300, .c5h-300:hover{color:#BA68C8}
.bc5-300, .bc5h-300:hover{background-color:#BA68C8}
.c5-400, .c5h-400:hover{color:#AB47BC}
.bc5-400, .bc5h-400:hover{background-color:#AB47BC}
.c5-500, .c5h-500:hover{color:#9C27B0}
.bc5-500, .bc5h-500:hover{background-color:#9C27B0}
.c5-600, .c5h-600:hover{color:#8E24AA}
.bc5-600, .bc5h-600:hover{background-color:#8E24AA}
.c5-700, .c5h-700:hover{color:#7B1FA2}
.bc5-700, .bc5h-700:hover{background-color:#7B1FA2}
.c5-800, .c5h-800:hover{color:#6A1B9A}
.bc5-800, .bc5h-800:hover{background-color:#6A1B9A}
.c5-900, .c5h-900:hover{color:#4A148C}
.bc5-900, .bc5h-900:hover{background-color:#4A148C}