/*1-red
2-pink
3-purple
4-indigo
5-blue
6-cyan
7-teal
8-green
9-lime
10-yellow
11-amber
12-orange
13-brown
14-grey
15-black
16-white
*/
.bg-1 {
    background-color: #f44336
}

.bg-1-50 {
    background-color: #ffebee
}

.bg-1-100 {
    background-color: #ffcdd2
}

.bg-1-200 {
    background-color: #ef9a9a
}

.bg-1-300 {
    background-color: #e57373
}

.bg-1-400 {
    background-color: #ef5350
}

.bg-1-500 {
    background-color: #f44336
}

.bg-1-600 {
    background-color: #e53935
}

.bg-1-700 {
    background-color: #d32f2f
}

.bg-1-800 {
    background-color: #c62828
}

.bg-1-900 {
    background-color: #b71c1c
}

.bg-1-a100 {
    background-color: #ff8a80
}

.bg-1-a200 {
    background-color: #ff5252
}

.bg-1-a400 {
    background-color: #ff1744
}

.bg-1-a700 {
    background-color: #d50000
}

.bg-2 {
    background-color: #e91e63
}

.bg-2-50 {
    background-color: #fce4ec
}

.bg-2-100 {
    background-color: #f8bbd0
}

.bg-2-200 {
    background-color: #f48fb1
}

.bg-2-300 {
    background-color: #f06292
}

.bg-2-400 {
    background-color: #ec407a
}

.bg-2-500 {
    background-color: #e91e63
}

.bg-2-600 {
    background-color: #d81b60
}

.bg-2-700 {
    background-color: #c2185b
}

.bg-2-800 {
    background-color: #ad1457
}

.bg-2-900 {
    background-color: #880e4f
}

.bg-2-a100 {
    background-color: #ff80ab
}

.bg-2-a200 {
    background-color: #ff4081
}

.bg-2-a400 {
    background-color: #f50057
}

.bg-2-a700 {
    background-color: #c51162
}

.bg-3 {
    background-color: #9c27b0
}

.bg-3-50 {
    background-color: #f3e5f5
}

.bg-3-100 {
    background-color: #e1bee7
}

.bg-3-200 {
    background-color: #ce93d8
}

.bg-3-300 {
    background-color: #ba68c8
}

.bg-3-400 {
    background-color: #ab47bc
}

.bg-3-500 {
    background-color: #9c27b0
}

.bg-3-600 {
    background-color: #8e24aa
}

.bg-3-700 {
    background-color: #7b1fa2
}

.bg-3-800 {
    background-color: #6a1b9a
}

.bg-3-900 {
    background-color: #4a148c
}

.bg-3-a100 {
    background-color: #ea80fc
}

.bg-3-a200 {
    background-color: #e040fb
}

.bg-3-a400 {
    background-color: #d500f9
}

.bg-3-a700 {
    background-color: #a0f
}

.bg-deep-3 {
    background-color: #673ab7
}

.bg-deep-3-50 {
    background-color: #ede7f6
}

.bg-deep-3-100 {
    background-color: #d1c4e9
}

.bg-deep-3-200 {
    background-color: #b39ddb
}

.bg-deep-3-300 {
    background-color: #9575cd
}

.bg-deep-3-400 {
    background-color: #7e57c2
}

.bg-deep-3-500 {
    background-color: #673ab7
}

.bg-deep-3-600 {
    background-color: #5e35b1
}

.bg-deep-3-700 {
    background-color: #512da8
}

.bg-deep-3-800 {
    background-color: #4527a0
}

.bg-deep-3-900 {
    background-color: #311b92
}

.bg-deep-3-a100 {
    background-color: #b388ff
}

.bg-deep-3-a200 {
    background-color: #7c4dff
}

.bg-deep-3-a400 {
    background-color: #651fff
}

.bg-deep-3-a700 {
    background-color: #6200ea
}

.bg-4 {
    background-color: #3f51b5
}

.bg-4-50 {
    background-color: #e8eaf6
}

.bg-4-100 {
    background-color: #c5cae9
}

.bg-4-200 {
    background-color: #9fa8da
}

.bg-4-300 {
    background-color: #7986cb
}

.bg-4-400 {
    background-color: #5c6bc0
}

.bg-4-500 {
    background-color: #3f51b5
}

.bg-4-600 {
    background-color: #3949ab
}

.bg-4-700 {
    background-color: #303f9f
}

.bg-4-800 {
    background-color: #283593
}

.bg-4-900 {
    background-color: #1a237e
}

.bg-4-a100 {
    background-color: #8c9eff
}

.bg-4-a200 {
    background-color: #536dfe
}

.bg-4-a400 {
    background-color: #3d5afe
}

.bg-4-a700 {
    background-color: #304ffe
}

.bg-5 {
    background-color: #2196f3
}

.bg-5-50 {
    background-color: #e3f2fd
}

.bg-5-100 {
    background-color: #bbdefb
}

.bg-5-200 {
    background-color: #90caf9
}

.bg-5-300 {
    background-color: #64b5f6
}

.bg-5-400 {
    background-color: #42a5f5
}

.bg-5-500 {
    background-color: #2196f3
}

.bg-5-600 {
    background-color: #1e88e5
}

.bg-5-700 {
    background-color: #1976d2
}

.bg-5-800 {
    background-color: #1565c0
}

.bg-5-900 {
    background-color: #0d47a1
}

.bg-5-a100 {
    background-color: #82b1ff
}

.bg-5-a200 {
    background-color: #448aff
}

.bg-5-a400 {
    background-color: #2979ff
}

.bg-5-a700 {
    background-color: #2962ff
}

.bg-light-5 {
    background-color: #03a9f4
}

.bg-light-5-50 {
    background-color: #e1f5fe
}

.bg-light-5-100 {
    background-color: #b3e5fc
}

.bg-light-5-200 {
    background-color: #81d4fa
}

.bg-light-5-300 {
    background-color: #4fc3f7
}

.bg-light-5-400 {
    background-color: #29b6f6
}

.bg-light-5-500 {
    background-color: #03a9f4
}

.bg-light-5-600 {
    background-color: #039be5
}

.bg-light-5-700 {
    background-color: #0288d1
}

.bg-light-5-800 {
    background-color: #0277bd
}

.bg-light-5-900 {
    background-color: #01579b
}

.bg-light-5-a100 {
    background-color: #80d8ff
}

.bg-light-5-a200 {
    background-color: #40c4ff
}

.bg-light-5-a400 {
    background-color: #00b0ff
}

.bg-light-5-a700 {
    background-color: #0091ea
}

.bg-6 {
    background-color: #00bcd4
}

.bg-6-50 {
    background-color: #e0f7fa
}

.bg-6-100 {
    background-color: #b2ebf2
}

.bg-6-200 {
    background-color: #80deea
}

.bg-6-300 {
    background-color: #4dd0e1
}

.bg-6-400 {
    background-color: #26c6da
}

.bg-6-500 {
    background-color: #00bcd4
}

.bg-6-600 {
    background-color: #00acc1
}

.bg-6-700 {
    background-color: #0097a7
}

.bg-6-800 {
    background-color: #00838f
}

.bg-6-900 {
    background-color: #006064
}

.bg-6-a100 {
    background-color: #84ffff
}

.bg-6-a200 {
    background-color: #18ffff
}

.bg-6-a400 {
    background-color: #00e5ff
}

.bg-6-a700 {
    background-color: #00b8d4
}

.bg-7 {
    background-color: #009688
}

.bg-7-50 {
    background-color: #e0f2f1
}

.bg-7-100 {
    background-color: #b2dfdb
}

.bg-7-200 {
    background-color: #80cbc4
}

.bg-7-300 {
    background-color: #4db6ac
}

.bg-7-400 {
    background-color: #26a69a
}

.bg-7-500 {
    background-color: #009688
}

.bg-7-600 {
    background-color: #00897b
}

.bg-7-700 {
    background-color: #00796b
}

.bg-7-800 {
    background-color: #00695c
}

.bg-7-900 {
    background-color: #004d40
}

.bg-7-a100 {
    background-color: #a7ffeb
}

.bg-7-a200 {
    background-color: #64ffda
}

.bg-7-a400 {
    background-color: #1de9b6
}

.bg-7-a700 {
    background-color: #00bfa5
}

.bg-8 {
    background-color: #4caf50
}

.bg-8-50 {
    background-color: #e8f5e9
}

.bg-8-100 {
    background-color: #c8e6c9
}

.bg-8-200 {
    background-color: #a5d6a7
}

.bg-8-300 {
    background-color: #81c784
}

.bg-8-400 {
    background-color: #66bb6a
}

.bg-8-500 {
    background-color: #4caf50
}

.bg-8-600 {
    background-color: #43a047
}

.bg-8-700 {
    background-color: #388e3c
}

.bg-8-800 {
    background-color: #2e7d32
}

.bg-8-900 {
    background-color: #1b5e20
}

.bg-8-a100 {
    background-color: #b9f6ca
}

.bg-8-a200 {
    background-color: #69f0ae
}

.bg-8-a400 {
    background-color: #00e676
}

.bg-8-a700 {
    background-color: #00c853
}

.bg-light-8 {
    background-color: #8bc34a
}

.bg-light-8-50 {
    background-color: #f1f8e9
}

.bg-light-8-100 {
    background-color: #dcedc8
}

.bg-light-8-200 {
    background-color: #c5e1a5
}

.bg-light-8-300 {
    background-color: #aed581
}

.bg-light-8-400 {
    background-color: #9ccc65
}

.bg-light-8-500 {
    background-color: #8bc34a
}

.bg-light-8-600 {
    background-color: #7cb342
}

.bg-light-8-700 {
    background-color: #689f38
}

.bg-light-8-800 {
    background-color: #558b2f
}

.bg-light-8-900 {
    background-color: #33691e
}

.bg-light-8-a100 {
    background-color: #ccff90
}

.bg-light-8-a200 {
    background-color: #b2ff59
}

.bg-light-8-a400 {
    background-color: #76ff03
}

.bg-light-8-a700 {
    background-color: #64dd17
}

.bg-9 {
    background-color: #cddc39
}

.bg-9-50 {
    background-color: #dce775
}

.bg-9-100 {
    background-color: #f0f4c3
}

.bg-9-200 {
    background-color: #e6ee9c
}

.bg-9-300 {
    background-color: #dce775
}

.bg-9-400 {
    background-color: #d4e157
}

.bg-9-500 {
    background-color: #cddc39
}

.bg-9-600 {
    background-color: #c0ca33
}

.bg-9-700 {
    background-color: #afb42b
}

.bg-9-800 {
    background-color: #9e9d24
}

.bg-9-900 {
    background-color: #827717
}

.bg-9-a100 {
    background-color: #f4ff81
}

.bg-9-a200 {
    background-color: #eeff41
}

.bg-9-a400 {
    background-color: #c6ff00
}

.bg-9-a700 {
    background-color: #aeea00
}

.bg-10 {
    background-color: #ffeb3b
}



.bg-10-100 {
    background-color: #fff9c4
}

.bg-10-200 {
    background-color: #fff59d
}

.bg-10-300 {
    background-color: #fff176
}

.bg-10-400 {
    background-color: #ffee58
}

.bg-10-500 {
    background-color: #ffeb3b
}

.bg-10-600 {
    background-color: #fdd835
}

.bg-10-700 {
    background-color: #fbc02d
}

.bg-10-800 {
    background-color: #f9a825
}

.bg-10-900 {
    background-color: #f57f17
}

.bg-10-a100 {
    background-color: #ffff8d
}

.bg-10-a200 {
    background-color: #ff0
}

.bg-10-a400 {
    background-color: #ffea00
}

.bg-10-a700 {
    background-color: #ffd600
}

.bg-11 {
    background-color: #ffc107
}



.bg-11-100 {
    background-color: #ffecb3
}

.bg-11-200 {
    background-color: #ffe082
}

.bg-11-300 {
    background-color: #ffd54f
}

.bg-11-400 {
    background-color: #ffca28
}

.bg-11-500 {
    background-color: #ffc107
}

.bg-11-600 {
    background-color: #ffb300
}

.bg-11-700 {
    background-color: #ffa000
}

.bg-11-800 {
    background-color: #ff8f00
}

.bg-11-900 {
    background-color: #ff6f00
}

.bg-11-a100 {
    background-color: #ffe57f
}

.bg-11-a200 {
    background-color: #ffd740
}

.bg-11-a400 {
    background-color: #ffc400
}

.bg-11-a700 {
    background-color: #ffab00
}

.bg-12 {
    background-color: #ff9800
}

.bg-12-50 {
    background-color: #fff3e0
}

.bg-12-100 {
    background-color: #ffe0b2
}

.bg-12-200 {
    background-color: #ffcc80
}

.bg-12-300 {
    background-color: #ffb74d
}

.bg-12-400 {
    background-color: #ffa726
}

.bg-12-500 {
    background-color: #ff9800
}

.bg-12-600 {
    background-color: #fb8c00
}

.bg-12-700 {
    background-color: #f57c00
}

.bg-12-800 {
    background-color: #ef6c00
}

.bg-12-900 {
    background-color: #e65100
}

.bg-12-a100 {
    background-color: #ffd180
}

.bg-12-a200 {
    background-color: #ffab40
}

.bg-12-a400 {
    background-color: #ff9100
}

.bg-12-a700 {
    background-color: #ff6d00
}

.bg-deep-12 {
    background-color: #ff5722
}

.bg-deep-12-50 {
    background-color: #fbe9e7
}

.bg-deep-12-100 {
    background-color: #ffccbc
}

.bg-deep-12-200 {
    background-color: #ffab91
}

.bg-deep-12-300 {
    background-color: #ff8a65
}

.bg-deep-12-400 {
    background-color: #ff7043
}

.bg-deep-12-500 {
    background-color: #ff5722
}

.bg-deep-12-600 {
    background-color: #f4511e
}

.bg-deep-12-700 {
    background-color: #e64a19
}

.bg-deep-12-800 {
    background-color: #d84315
}

.bg-deep-12-900 {
    background-color: #bf360c
}

.bg-deep-12-a100 {
    background-color: #ff9e80
}

.bg-deep-12-a200 {
    background-color: #ff6e40
}

.bg-deep-12-a400 {
    background-color: #ff3d00
}

.bg-deep-12-a700 {
    background-color: #dd2c00
}

.bg-13 {
    background-color: #795548
}

.bg-13-50 {
    background-color: #efebe9
}

.bg-13-100 {
    background-color: #d7ccc8
}

.bg-13-200 {
    background-color: #bcaaa4
}

.bg-13-300 {
    background-color: #a1887f
}

.bg-13-400 {
    background-color: #8d6e63
}

.bg-13-500 {
    background-color: #795548
}

.bg-13-600 {
    background-color: #6d4c41
}

.bg-13-700 {
    background-color: #5d4037
}

.bg-13-800 {
    background-color: #4e342e
}

.bg-13-900 {
    background-color: #3e2723
}

.bg-14 {
    background-color: #9e9e9e
}

.bg-14-50 {
    background-color: #fafafa
}

.bg-14-100 {
    background-color: #f5f5f5
}

.bg-14-200 {
    background-color: #bdbdbd
}

.bg-14-300 {
    background-color: #e0e0e0
}

.bg-14-400 {
    background-color: #bdbdbd
}

.bg-14-500 {
    background-color: #9e9e9e
}

.bg-14-600 {
    background-color: #757575
}

.bg-14-700 {
    background-color: #616161
}

.bg-14-800 {
    background-color: #424242
}

.bg-14-900 {
    background-color: #212121
}

.bg-5-14 {
    background-color: #607d8b
}

.bg-5-14-50 {
    background-color: #eceff1
}

.bg-5-14-100 {
    background-color: #cfd8dc
}

.bg-5-14-200 {
    background-color: #b0bec5
}

.bg-5-14-300 {
    background-color: #90a4ae
}

.bg-5-14-400 {
    background-color: #78909c
}

.bg-5-14-500 {
    background-color: #607d8b
}

.bg-5-14-600 {
    background-color: #546e7a
}

.bg-5-14-700 {
    background-color: #455a64
}

.bg-5-14-800 {
    background-color: #37474f
}

.bg-5-14-900 {
    background-color: #263238
}

.bg-15 {
    background-color: #000
}

.bg-16 {
    background-color: #fff
}

.fg-1 {
    color: #f44336
}

.fg-1-50 {
    color: #ffebee
}

.fg-1-100 {
    color: #ffcdd2
}

.fg-1-200 {
    color: #ef9a9a
}

.fg-1-300 {
    color: #e57373
}

.fg-1-400 {
    color: #ef5350
}

.fg-1-500 {
    color: #f44336
}

.fg-1-600 {
    color: #e53935
}

.fg-1-700 {
    color: #d32f2f
}

.fg-1-800 {
    color: #c62828
}

.fg-1-900 {
    color: #b71c1c
}

.fg-1-a100 {
    color: #ff8a80
}

.fg-1-a200 {
    color: #ff5252
}

.fg-1-a400 {
    color: #ff1744
}

.fg-1-a700 {
    color: #d50000
}

.fg-2 {
    color: #e91e63
}

.fg-2-50 {
    color: #fce4ec
}

.fg-2-100 {
    color: #f8bbd0
}

.fg-2-200 {
    color: #f48fb1
}

.fg-2-300 {
    color: #f06292
}

.fg-2-400 {
    color: #ec407a
}

.fg-2-500 {
    color: #e91e63
}

.fg-2-600 {
    color: #d81b60
}

.fg-2-700 {
    color: #c2185b
}

.fg-2-800 {
    color: #ad1457
}

.fg-2-900 {
    color: #880e4f
}

.fg-2-a100 {
    color: #ff80ab
}

.fg-2-a200 {
    color: #ff4081
}

.fg-2-a400 {
    color: #f50057
}

.fg-2-a700 {
    color: #c51162
}

.fg-3 {
    color: #9c27b0
}

.fg-3-50 {
    color: #f3e5f5
}

.fg-3-100 {
    color: #e1bee7
}

.fg-3-200 {
    color: #ce93d8
}

.fg-3-300 {
    color: #ba68c8
}

.fg-3-400 {
    color: #ab47bc
}

.fg-3-500 {
    color: #9c27b0
}

.fg-3-600 {
    color: #8e24aa
}

.fg-3-700 {
    color: #7b1fa2
}

.fg-3-800 {
    color: #6a1b9a
}

.fg-3-900 {
    color: #4a148c
}

.fg-3-a100 {
    color: #ea80fc
}

.fg-3-a200 {
    color: #e040fb
}

.fg-3-a400 {
    color: #d500f9
}

.fg-3-a700 {
    color: #a0f
}

.fg-deep-3 {
    color: #673ab7
}

.fg-deep-3-50 {
    color: #ede7f6
}

.fg-deep-3-100 {
    color: #d1c4e9
}

.fg-deep-3-200 {
    color: #b39ddb
}

.fg-deep-3-300 {
    color: #9575cd
}

.fg-deep-3-400 {
    color: #7e57c2
}

.fg-deep-3-500 {
    color: #673ab7
}

.fg-deep-3-600 {
    color: #5e35b1
}

.fg-deep-3-700 {
    color: #512da8
}

.fg-deep-3-800 {
    color: #4527a0
}

.fg-deep-3-900 {
    color: #311b92
}

.fg-deep-3-a100 {
    color: #b388ff
}

.fg-deep-3-a200 {
    color: #7c4dff
}

.fg-deep-3-a400 {
    color: #651fff
}

.fg-deep-3-a700 {
    color: #6200ea
}

.fg-4 {
    color: #3f51b5
}

.fg-4-50 {
    color: #e8eaf6
}

.fg-4-100 {
    color: #c5cae9
}

.fg-4-200 {
    color: #9fa8da
}

.fg-4-300 {
    color: #7986cb
}

.fg-4-400 {
    color: #5c6bc0
}

.fg-4-500 {
    color: #3f51b5
}

.fg-4-600 {
    color: #3949ab
}

.fg-4-700 {
    color: #303f9f
}

.fg-4-800 {
    color: #283593
}

.fg-4-900 {
    color: #1a237e
}

.fg-4-a100 {
    color: #8c9eff
}

.fg-4-a200 {
    color: #536dfe
}

.fg-4-a400 {
    color: #3d5afe
}

.fg-4-a700 {
    color: #304ffe
}

.fg-5 {
    color: #2196f3
}

.fg-5-50 {
    color: #e3f2fd
}

.fg-5-100 {
    color: #bbdefb
}

.fg-5-200 {
    color: #90caf9
}

.fg-5-300 {
    color: #64b5f6
}

.fg-5-400 {
    color: #42a5f5
}

.fg-5-500 {
    color: #2196f3
}

.fg-5-600 {
    color: #1e88e5
}

.fg-5-700 {
    color: #1976d2
}

.fg-5-800 {
    color: #1565c0
}

.fg-5-900 {
    color: #0d47a1
}

.fg-5-a100 {
    color: #82b1ff
}

.fg-5-a200 {
    color: #448aff
}

.fg-5-a400 {
    color: #2979ff
}

.fg-5-a700 {
    color: #2962ff
}

.fg-light-5 {
    color: #03a9f4
}

.fg-light-5-50 {
    color: #e1f5fe
}

.fg-light-5-100 {
    color: #b3e5fc
}

.fg-light-5-200 {
    color: #81d4fa
}

.fg-light-5-300 {
    color: #4fc3f7
}

.fg-light-5-400 {
    color: #29b6f6
}

.fg-light-5-500 {
    color: #03a9f4
}

.fg-light-5-600 {
    color: #039be5
}

.fg-light-5-700 {
    color: #0288d1
}

.fg-light-5-800 {
    color: #0277bd
}

.fg-light-5-900 {
    color: #01579b
}

.fg-light-5-a100 {
    color: #80d8ff
}

.fg-light-5-a200 {
    color: #40c4ff
}

.fg-light-5-a400 {
    color: #00b0ff
}

.fg-light-5-a700 {
    color: #0091ea
}

.fg-6 {
    color: #00bcd4
}

.fg-6-50 {
    color: #e0f7fa
}

.fg-6-100 {
    color: #b2ebf2
}

.fg-6-200 {
    color: #80deea
}

.fg-6-300 {
    color: #4dd0e1
}

.fg-6-400 {
    color: #26c6da
}

.fg-6-500 {
    color: #00bcd4
}

.fg-6-600 {
    color: #00acc1
}

.fg-6-700 {
    color: #0097a7
}

.fg-6-800 {
    color: #00838f
}

.fg-6-900 {
    color: #006064
}

.fg-6-a100 {
    color: #84ffff
}

.fg-6-a200 {
    color: #18ffff
}

.fg-6-a400 {
    color: #00e5ff
}

.fg-6-a700 {
    color: #00b8d4
}

.fg-7 {
    color: #009688
}

.fg-7-50 {
    color: #e0f2f1
}

.fg-7-100 {
    color: #b2dfdb
}

.fg-7-200 {
    color: #80cbc4
}

.fg-7-300 {
    color: #4db6ac
}

.fg-7-400 {
    color: #26a69a
}

.fg-7-500 {
    color: #009688
}

.fg-7-600 {
    color: #00897b
}

.fg-7-700 {
    color: #00796b
}

.fg-7-800 {
    color: #00695c
}

.fg-7-900 {
    color: #004d40
}

.fg-7-a100 {
    color: #a7ffeb
}

.fg-7-a200 {
    color: #64ffda
}

.fg-7-a400 {
    color: #1de9b6
}

.fg-7-a700 {
    color: #00bfa5
}

.fg-8 {
    color: #4caf50
}

.fg-8-50 {
    color: #e8f5e9
}

.fg-8-100 {
    color: #c8e6c9
}

.fg-8-200 {
    color: #a5d6a7
}

.fg-8-300 {
    color: #81c784
}

.fg-8-400 {
    color: #66bb6a
}

.fg-8-500 {
    color: #4caf50
}

.fg-8-600 {
    color: #43a047
}

.fg-8-700 {
    color: #388e3c
}

.fg-8-800 {
    color: #2e7d32
}

.fg-8-900 {
    color: #1b5e20
}

.fg-8-a100 {
    color: #b9f6ca
}

.fg-8-a200 {
    color: #69f0ae
}

.fg-8-a400 {
    color: #00e676
}

.fg-8-a700 {
    color: #00c853
}

.fg-light-8 {
    color: #8bc34a
}

.fg-light-8-50 {
    color: #f1f8e9
}

.fg-light-8-100 {
    color: #dcedc8
}

.fg-light-8-200 {
    color: #c5e1a5
}

.fg-light-8-300 {
    color: #aed581
}

.fg-light-8-400 {
    color: #9ccc65
}

.fg-light-8-500 {
    color: #8bc34a
}

.fg-light-8-600 {
    color: #7cb342
}

.fg-light-8-700 {
    color: #689f38
}

.fg-light-8-800 {
    color: #558b2f
}

.fg-light-8-900 {
    color: #33691e
}

.fg-light-8-a100 {
    color: #ccff90
}

.fg-light-8-a200 {
    color: #b2ff59
}

.fg-light-8-a400 {
    color: #76ff03
}

.fg-light-8-a700 {
    color: #64dd17
}

.fg-9 {
    color: #cddc39
}

.fg-9-50 {
    color: #f9fbe7
}

.fg-9-100 {
    color: #f0f4c3
}

.fg-9-200 {
    color: #e6ee9c
}

.fg-9-300 {
    color: #dce775
}

.fg-9-400 {
    color: #d4e157
}

.fg-9-500 {
    color: #cddc39
}

.fg-9-600 {
    color: #c0ca33
}

.fg-9-700 {
    color: #afb42b
}

.fg-9-800 {
    color: #9e9d24
}

.fg-9-900 {
    color: #827717
}

.fg-9-a100 {
    color: #f4ff81
}

.fg-9-a200 {
    color: #eeff41
}

.fg-9-a400 {
    color: #c6ff00
}

.fg-9-a700 {
    color: #aeea00
}

.fg-10 {
    color: #ffeb3b
}

.fg-10-50 {
    color: #fffde7
}

.fg-10-100 {
    color: #fff9c4
}

.fg-10-200 {
    color: #fff59d
}

.fg-10-300 {
    color: #fff176
}

.fg-10-400 {
    color: #ffee58
}

.fg-10-500 {
    color: #ffeb3b
}

.fg-10-600 {
    color: #fdd835
}

.fg-10-700 {
    color: #fbc02d
}

.fg-10-800 {
    color: #f9a825
}

.fg-10-900 {
    color: #f57f17
}

.fg-10-a100 {
    color: #ffff8d
}

.fg-10-a200 {
    color: #ff0
}

.fg-10-a400 {
    color: #ffea00
}

.fg-10-a700 {
    color: #ffd600
}

.fg-11 {
    color: #ffc107
}

.fg-11-50 {
    color: #fff8e1
}

.fg-11-100 {
    color: #ffecb3
}

.fg-11-200 {
    color: #ffe082
}

.fg-11-300 {
    color: #ffd54f
}

.fg-11-400 {
    color: #ffca28
}

.fg-11-500 {
    color: #ffc107
}

.fg-11-600 {
    color: #ffb300
}

.fg-11-700 {
    color: #ffa000
}

.fg-11-800 {
    color: #ff8f00
}

.fg-11-900 {
    color: #ff6f00
}

.fg-11-a100 {
    color: #ffe57f
}

.fg-11-a200 {
    color: #ffd740
}

.fg-11-a400 {
    color: #ffc400
}

.fg-11-a700 {
    color: #ffab00
}

.fg-12 {
    color: #ff9800
}

.fg-12-50 {
    color: #fff3e0
}

.fg-12-100 {
    color: #ffe0b2
}

.fg-12-200 {
    color: #ffcc80
}

.fg-12-300 {
    color: #ffb74d
}

.fg-12-400 {
    color: #ffa726
}

.fg-12-500 {
    color: #ff9800
}

.fg-12-600 {
    color: #fb8c00
}

.fg-12-700 {
    color: #f57c00
}

.fg-12-800 {
    color: #ef6c00
}

.fg-12-900 {
    color: #e65100
}

.fg-12-a100 {
    color: #ffd180
}

.fg-12-a200 {
    color: #ffab40
}

.fg-12-a400 {
    color: #ff9100
}

.fg-12-a700 {
    color: #ff6d00
}

.fg-deep-12 {
    color: #ff5722
}

.fg-deep-12-50 {
    color: #fbe9e7
}

.fg-deep-12-100 {
    color: #ffccbc
}

.fg-deep-12-200 {
    color: #ffab91
}

.fg-deep-12-300 {
    color: #ff8a65
}

.fg-deep-12-400 {
    color: #ff7043
}

.fg-deep-12-500 {
    color: #ff5722
}

.fg-deep-12-600 {
    color: #f4511e
}

.fg-deep-12-700 {
    color: #e64a19
}

.fg-deep-12-800 {
    color: #d84315
}

.fg-deep-12-900 {
    color: #bf360c
}

.fg-deep-12-a100 {
    color: #ff9e80
}

.fg-deep-12-a200 {
    color: #ff6e40
}

.fg-deep-12-a400 {
    color: #ff3d00
}

.fg-deep-12-a700 {
    color: #dd2c00
}

.fg-13 {
    color: #795548
}

.fg-13-50 {
    color: #efebe9
}

.fg-13-100 {
    color: #d7ccc8
}

.fg-13-200 {
    color: #bcaaa4
}

.fg-13-300 {
    color: #a1887f
}

.fg-13-400 {
    color: #8d6e63
}

.fg-13-500 {
    color: #795548
}

.fg-13-600 {
    color: #6d4c41
}

.fg-13-700 {
    color: #5d4037
}

.fg-13-800 {
    color: #4e342e
}

.fg-13-900 {
    color: #3e2723
}

.fg-14 {
    color: #9e9e9e
}

.fg-14-50 {
    color: #fafafa
}

.fg-14-100 {
    color: #f5f5f5
}

.fg-14-200 {
    color: #eee
}

.fg-14-300 {
    color: #e0e0e0
}

.fg-14-400 {
    color: #bdbdbd
}

.fg-14-500 {
    color: #9e9e9e
}

.fg-14-600 {
    color: #757575
}

.fg-14-700 {
    color: #616161
}

.fg-14-800 {
    color: #424242
}

.fg-14-900 {
    color: #212121
}

.fg-5-14 {
    color: #607d8b
}

.fg-5-14-50 {
    color: #eceff1
}

.fg-5-14-100 {
    color: #cfd8dc
}

.fg-5-14-200 {
    color: #b0bec5
}

.fg-5-14-300 {
    color: #90a4ae
}

.fg-5-14-400 {
    color: #78909c
}

.fg-5-14-500 {
    color: #607d8b
}

.fg-5-14-600 {
    color: #546e7a
}

.fg-5-14-700 {
    color: #455a64
}

.fg-5-14-800 {
    color: #37474f
}

.fg-5-14-900 {
    color: #263238
}

.fg-15 {
    color: #000
}

.fg-16 {
    color: #fff
}