/* Red */
.cs-red { background-color: #f44336; }
.cs-red-50 { background-color: #ffebee; }
.cs-red-100 { background-color: #ffcdd2; }
.cs-red-200 { background-color: #ef9a9a; }
.cs-red-300 { background-color: #e57373; }
.cs-red-400 { background-color: #ef5350; }
.cs-red-500 { background-color: #f44336; }
.cs-red-600 { background-color: #e53935; }
.cs-red-700 { background-color: #d32f2f; }
.cs-red-800 { background-color: #c62828; }
.cs-red-900 { background-color: #b71c1c; }
.cs-red-a100 { background-color: #ff8a80; }
.cs-red-a200 { background-color: #ff5252; }
.cs-red-a400 { background-color: #ff1744; }
.cs-red-a700 { background-color: #d50000; }

/* Pink */
.cs-pink { background-color: #e91e63; }
.cs-pink-50 { background-color: #fce4ec; }
.cs-pink-100 { background-color: #f8bbd0; }
.cs-pink-200 { background-color: #f48fb1; }
.cs-pink-300 { background-color: #f06292; }
.cs-pink-400 { background-color: #ec407a; }
.cs-pink-500 { background-color: #e91e63; }
.cs-pink-600 { background-color: #d81b60; }
.cs-pink-700 { background-color: #c2185b; }
.cs-pink-800 { background-color: #ad1457; }
.cs-pink-900 { background-color: #880e4f; }
.cs-pink-a100 { background-color: #ff80ab; }
.cs-pink-a200 { background-color: #ff4081; }
.cs-pink-a400 { background-color: #f50057; }
.cs-pink-a700 { background-color: #c51162; }

/* Purple */
.cs-purple { background-color: #9c27b0; }
.cs-purple-50 { background-color: #f3e5f5; }
.cs-purple-100 { background-color: #e1bee7; }
.cs-purple-200 { background-color: #ce93d8; }
.cs-purple-300 { background-color: #ba68c8; }
.cs-purple-400 { background-color: #ab47bc; }
.cs-purple-500 { background-color: #9c27b0; }
.cs-purple-600 { background-color: #8e24aa; }
.cs-purple-700 { background-color: #7b1fa2; }
.cs-purple-800 { background-color: #6a1b9a; }
.cs-purple-900 { background-color: #4a148c; }
.cs-purple-a100 { background-color: #ea80fc; }
.cs-purple-a200 { background-color: #e040fb; }
.cs-purple-a400 { background-color: #d500f9; }
.cs-purple-a700 { background-color: #aa00ff; }

/* Deep Purple */
.cs-deep-purple { background-color: #673ab7; }
.cs-deep-purple-50 { background-color: #ede7f6; }
.cs-deep-purple-100 { background-color: #d1c4e9; }
.cs-deep-purple-200 { background-color: #b39ddb; }
.cs-deep-purple-300 { background-color: #9575cd; }
.cs-deep-purple-400 { background-color: #7e57c2; }
.cs-deep-purple-500 { background-color: #673ab7; }
.cs-deep-purple-600 { background-color: #5e35b1; }
.cs-deep-purple-700 { background-color: #512da8; }
.cs-deep-purple-800 { background-color: #4527a0; }
.cs-deep-purple-900 { background-color: #311b92; }
.cs-deep-purple-a100 { background-color: #b388ff; }
.cs-deep-purple-a200 { background-color: #7c4dff; }
.cs-deep-purple-a400 { background-color: #651fff; }
.cs-deep-purple-a700 { background-color: #6200ea; }

/* Indigo */
.cs-indigo { background-color: #3f51b5; }
.cs-indigo-50 { background-color: #e8eaf6; }
.cs-indigo-100 { background-color: #c5cae9; }
.cs-indigo-200 { background-color: #9fa8da; }
.cs-indigo-300 { background-color: #7986cb; }
.cs-indigo-400 { background-color: #5c6bc0; }
.cs-indigo-500 { background-color: #3f51b5; }
.cs-indigo-600 { background-color: #3949ab; }
.cs-indigo-700 { background-color: #303f9f; }
.cs-indigo-800 { background-color: #283593; }
.cs-indigo-900 { background-color: #1a237e; }
.cs-indigo-a100 { background-color: #8c9eff; }
.cs-indigo-a200 { background-color: #536dfe; }
.cs-indigo-a400 { background-color: #3d5afe; }
.cs-indigo-a700 { background-color: #304ffe; }

/* Blue */
.cs-blue { background-color: #2196f3; }
.cs-blue-50 { background-color: #e3f2fd; }
.cs-blue-100 { background-color: #bbdefb; }
.cs-blue-200 { background-color: #90caf9; }
.cs-blue-300 { background-color: #64b5f6; }
.cs-blue-400 { background-color: #42a5f5; }
.cs-blue-500 { background-color: #2196f3; }
.cs-blue-600 { background-color: #1e88e5; }
.cs-blue-700 { background-color: #1976d2; }
.cs-blue-800 { background-color: #1565c0; }
.cs-blue-900 { background-color: #0d47a1; }
.cs-blue-a100 { background-color: #82b1ff; }
.cs-blue-a200 { background-color: #448aff; }
.cs-blue-a400 { background-color: #2979ff; }
.cs-blue-a700 { background-color: #2962ff; }

/* Light Blue */
.cs-light-blue { background-color: #03a9f4; }
.cs-light-blue-50 { background-color: #e1f5fe; }
.cs-light-blue-100 { background-color: #b3e5fc; }
.cs-light-blue-200 { background-color: #81d4fa; }
.cs-light-blue-300 { background-color: #4fc3f7; }
.cs-light-blue-400 { background-color: #29b6f6; }
.cs-light-blue-500 { background-color: #03a9f4; }
.cs-light-blue-600 { background-color: #039be5; }
.cs-light-blue-700 { background-color: #0288d1; }
.cs-light-blue-800 { background-color: #0277bd; }
.cs-light-blue-900 { background-color: #01579b; }
.cs-light-blue-a100 { background-color: #80d8ff; }
.cs-light-blue-a200 { background-color: #40c4ff; }
.cs-light-blue-a400 { background-color: #00b0ff; }
.cs-light-blue-a700 { background-color: #0091ea; }

/* Cyan */
.cs-cyan { background-color: #00bcd4; }
.cs-cyan-50 { background-color: #e0f7fa; }
.cs-cyan-100 { background-color: #b2ebf2; }
.cs-cyan-200 { background-color: #80deea; }
.cs-cyan-300 { background-color: #4dd0e1; }
.cs-cyan-400 { background-color: #26c6da; }
.cs-cyan-500 { background-color: #00bcd4; }
.cs-cyan-600 { background-color: #00acc1; }
.cs-cyan-700 { background-color: #0097a7; }
.cs-cyan-800 { background-color: #00838f; }
.cs-cyan-900 { background-color: #006064; }
.cs-cyan-a100 { background-color: #84ffff; }
.cs-cyan-a200 { background-color: #18ffff; }
.cs-cyan-a400 { background-color: #00e5ff; }
.cs-cyan-a700 { background-color: #00b8d4; }

/* Teal */
.cs-teal { background-color: #009688; }
.cs-teal-50 { background-color: #e0f2f1; }
.cs-teal-100 { background-color: #b2dfdb; }
.cs-teal-200 { background-color: #80cbc4; }
.cs-teal-300 { background-color: #4db6ac; }
.cs-teal-400 { background-color: #26a69a; }
.cs-teal-500 { background-color: #009688; }
.cs-teal-600 { background-color: #00897b; }
.cs-teal-700 { background-color: #00796b; }
.cs-teal-800 { background-color: #00695c; }
.cs-teal-900 { background-color: #004d40; }
.cs-teal-a100 { background-color: #a7ffeb; }
.cs-teal-a200 { background-color: #64ffda; }
.cs-teal-a400 { background-color: #1de9b6; }
.cs-teal-a700 { background-color: #00bfa5; }

/* Green */
.cs-green { background-color: #4caf50; }
.cs-green-50 { background-color: #e8f5e9; }
.cs-green-100 { background-color: #c8e6c9; }
.cs-green-200 { background-color: #a5d6a7; }
.cs-green-300 { background-color: #81c784; }
.cs-green-400 { background-color: #66bb6a; }
.cs-green-500 { background-color: #4caf50; }
.cs-green-600 { background-color: #43a047; }
.cs-green-700 { background-color: #388e3c; }
.cs-green-800 { background-color: #2e7d32; }
.cs-green-900 { background-color: #1b5e20; }
.cs-green-a100 { background-color: #b9f6ca; }
.cs-green-a200 { background-color: #69f0ae; }
.cs-green-a400 { background-color: #00e676; }
.cs-green-a700 { background-color: #00c853; }

/* Light Green */
.cs-light-green { background-color: #8bc34a; }
.cs-light-green-50 { background-color: #f1f8e9; }
.cs-light-green-100 { background-color: #dcedc8; }
.cs-light-green-200 { background-color: #c5e1a5; }
.cs-light-green-300 { background-color: #aed581; }
.cs-light-green-400 { background-color: #9ccc65; }
.cs-light-green-500 { background-color: #8bc34a; }
.cs-light-green-600 { background-color: #7cb342; }
.cs-light-green-700 { background-color: #689f38; }
.cs-light-green-800 { background-color: #558b2f; }
.cs-light-green-900 { background-color: #33691e; }
.cs-light-green-a100 { background-color: #ccff90; }
.cs-light-green-a200 { background-color: #b2ff59; }
.cs-light-green-a400 { background-color: #76ff03; }
.cs-light-green-a700 { background-color: #64dd17; }

/* Lime */
.cs-lime { background-color: #cddc39; }
.cs-lime-50 { background-color: #f9fbe7; }
.cs-lime-100 { background-color: #f0f4c3; }
.cs-lime-200 { background-color: #e6ee9c; }
.cs-lime-300 { background-color: #dce775; }
.cs-lime-400 { background-color: #d4e157; }
.cs-lime-500 { background-color: #cddc39; }
.cs-lime-600 { background-color: #c0ca33; }
.cs-lime-700 { background-color: #afb42b; }
.cs-lime-800 { background-color: #9e9d24; }
.cs-lime-900 { background-color: #827717; }
.cs-lime-a100 { background-color: #f4ff81; }
.cs-lime-a200 { background-color: #eeff41; }
.cs-lime-a400 { background-color: #c6ff00; }
.cs-lime-a700 { background-color: #aeea00; }

/* Yellow */
.cs-yellow { background-color: #ffeb3b; }
.cs-yellow-50 { background-color: #fffde7; }
.cs-yellow-100 { background-color: #fff9c4; }
.cs-yellow-200 { background-color: #fff59d; }
.cs-yellow-300 { background-color: #fff176; }
.cs-yellow-400 { background-color: #ffee58; }
.cs-yellow-500 { background-color: #ffeb3b; }
.cs-yellow-600 { background-color: #fdd835; }
.cs-yellow-700 { background-color: #fbc02d; }
.cs-yellow-800 { background-color: #f9a825; }
.cs-yellow-900 { background-color: #f57f17; }
.cs-yellow-a100 { background-color: #ffff8d; }
.cs-yellow-a200 { background-color: #ffff00; }
.cs-yellow-a400 { background-color: #ffea00; }
.cs-yellow-a700 { background-color: #ffd600; }

/* Amber */
.cs-amber { background-color: #ffc107; }
.cs-amber-50 { background-color: #fff8e1; }
.cs-amber-100 { background-color: #ffecb3; }
.cs-amber-200 { background-color: #ffe082; }
.cs-amber-300 { background-color: #ffd54f; }
.cs-amber-400 { background-color: #ffca28; }
.cs-amber-500 { background-color: #ffc107; }
.cs-amber-600 { background-color: #ffb300; }
.cs-amber-700 { background-color: #ffa000; }
.cs-amber-800 { background-color: #ff8f00; }
.cs-amber-900 { background-color: #ff6f00; }
.cs-amber-a100 { background-color: #ffe57f; }
.cs-amber-a200 { background-color: #ffd740; }
.cs-amber-a400 { background-color: #ffc400; }
.cs-amber-a700 { background-color: #ffab00; }

/* Orange */
.cs-orange { background-color: #ff9800; }
.cs-orange-50 { background-color: #fff3e0; }
.cs-orange-100 { background-color: #ffe0b2; }
.cs-orange-200 { background-color: #ffcc80; }
.cs-orange-300 { background-color: #ffb74d; }
.cs-orange-400 { background-color: #ffa726; }
.cs-orange-500 { background-color: #ff9800; }
.cs-orange-600 { background-color: #fb8c00; }
.cs-orange-700 { background-color: #f57c00; }
.cs-orange-800 { background-color: #ef6c00; }
.cs-orange-900 { background-color: #e65100; }
.cs-orange-a100 { background-color: #ffd180; }
.cs-orange-a200 { background-color: #ffab40; }
.cs-orange-a400 { background-color: #ff9100; }
.cs-orange-a700 { background-color: #ff6d00; }

/* Deep Orange */
.cs-deep-orange { background-color: #ff5722; }
.cs-deep-orange-50 { background-color: #fbe9e7; }
.cs-deep-orange-100 { background-color: #ffccbc; }
.cs-deep-orange-200 { background-color: #ffab91; }
.cs-deep-orange-300 { background-color: #ff8a65; }
.cs-deep-orange-400 { background-color: #ff7043; }
.cs-deep-orange-500 { background-color: #ff5722; }
.cs-deep-orange-600 { background-color: #f4511e; }
.cs-deep-orange-700 { background-color: #e64a19; }
.cs-deep-orange-800 { background-color: #d84315; }
.cs-deep-orange-900 { background-color: #bf360c; }
.cs-deep-orange-a100 { background-color: #ff9e80; }
.cs-deep-orange-a200 { background-color: #ff6e40; }
.cs-deep-orange-a400 { background-color: #ff3d00; }
.cs-deep-orange-a700 { background-color: #dd2c00; }

/* Brown */
.cs-brown { background-color: #795548; }
.cs-brown-50 { background-color: #efebe9; }
.cs-brown-100 { background-color: #d7ccc8; }
.cs-brown-200 { background-color: #bcaaa4; }
.cs-brown-300 { background-color: #a1887f; }
.cs-brown-400 { background-color: #8d6e63; }
.cs-brown-500 { background-color: #795548; }
.cs-brown-600 { background-color: #6d4c41; }
.cs-brown-700 { background-color: #5d4037; }
.cs-brown-800 { background-color: #4e342e; }
.cs-brown-900 { background-color: #3e2723; }

/* Grey */
.cs-grey { background-color: #9e9e9e; }
.cs-grey-50 { background-color: #fafafa; }
.cs-grey-100 { background-color: #f5f5f5; }
.cs-grey-200 { background-color: #eeeeee; }
.cs-grey-300 { background-color: #e0e0e0; }
.cs-grey-400 { background-color: #bdbdbd; }
.cs-grey-500 { background-color: #9e9e9e; }
.cs-grey-600 { background-color: #757575; }
.cs-grey-700 { background-color: #616161; }
.cs-grey-800 { background-color: #424242; }
.cs-grey-900 { background-color: #212121; }

/* Blue Grey */
.cs-blue-grey { background-color: #607d8b; }
.cs-blue-grey-50 { background-color: #eceff1; }
.cs-blue-grey-100 { background-color: #cfd8dc; }
.cs-blue-grey-200 { background-color: #b0bec5; }
.cs-blue-grey-300 { background-color: #90a4ae; }
.cs-blue-grey-400 { background-color: #78909c; }
.cs-blue-grey-500 { background-color: #607d8b; }
.cs-blue-grey-600 { background-color: #546e7a; }
.cs-blue-grey-700 { background-color: #455a64; }
.cs-blue-grey-800 { background-color: #37474f; }
.cs-blue-grey-900 { background-color: #263238; }

/* White / Black */
.cs-white { background-color: #ffffff; }
.cs-black { background-color: #000000; }

.cs-basic-white-100 { background-color: #f7f7f7; }
.cs-basic-white-200 { background-color: #D4D4D4; }
.cs-basic-white-300 { background-color: #A7A7A7; }
.cs-basic-white-400 { background-color: #8A8A8A; }
.cs-basic-black-100 { background-color: #5E5E5E; }
.cs-basic-black-200 { background-color: #3A3A3A; }
.cs-basic-black-300 { background-color: #1E1E1E; }
.cs-basic-black-400 { background-color: #0e0e0e; }

.cs-basic-red-100 { background-color: #FFCDD2; }
.cs-basic-red-200 { background-color: #EC7063; }
.cs-basic-red-300 { background-color: #E74C3C; }
.cs-basic-red-400 { background-color: #922B21; }

.cs-basic-pink-100 { background-color: #e3abec; }
.cs-basic-pink-200 { background-color: #d073e0; }
.cs-basic-pink-300 { background-color: #bd35bd; }
.cs-basic-pink-400 { background-color: #580d8c; }

.cs-basic-purple-100 { background-color: #c2dbf7; }
.cs-basic-purple-200 { background-color: #86baf3; }
.cs-basic-purple-300 { background-color: #5779c1; }
.cs-basic-purple-400 { background-color: #001970; }

.cs-basic-blue-100 { background-color: #9fd6ff; }
.cs-basic-blue-200 { background-color: #5ebbff; }
.cs-basic-blue-300 { background-color: #3C91CF; }
.cs-basic-blue-400 { background-color: #0a2399; }

.cs-basic-mint-100 { background-color: #9de7da; }
.cs-basic-mint-200 { background-color: #44d8be; }
.cs-basic-mint-300 { background-color: #00aea9; }
.cs-basic-mint-400 { background-color: #0b7477; }

.cs-basic-green-100 { background-color: #9df0c0; }
.cs-basic-green-200 { background-color: #3be282; }
.cs-basic-green-300 { background-color: #3cba4c; }
.cs-basic-green-400 { background-color: #0b6b50; }

.cs-basic-yellow-100 { background-color: #fff099; }
.cs-basic-yellow-200 { background-color: #ffe654; }
.cs-basic-yellow-300 { background-color: #f5bc25; }
.cs-basic-yellow-400 { background-color: #b67e11; }

.cs-basic-orange-100 { background-color: #fed49a; }
.cs-basic-orange-200 { background-color: #ffb758; }
.cs-basic-orange-300 { background-color: #f99221; }
.cs-basic-orange-400 { background-color: #b85d0d; }