/*背景顏色*/


/*Red */

.Red50b {
    background-color: #ffebee !important;
}

.Red100b {
    background-color: #ffcdd2 !important;
}

.Red200b {
    background-color: #ef9a9a !important;
}

.Red300b {
    background-color: #e57373 !important;
}

.Red400b {
    background-color: #ef5350 !important;
}

.Red500b {
    background-color: #f44336 !important;
}

.Red600b {
    background-color: #e53935 !important;
}

.Red700b {
    background-color: #d32f2f !important;
}

.Red800b {
    background-color: #c62828 !important;
}

.Red900b {
    background-color: #b71c1c !important;
}

.RedA100b {
    background-color: #ff8a80 !important;
}

.RedA200b {
    background-color: #ff5252 !important;
}

.RedA400b {
    background-color: #ff1744 !important;
}

.RedA700b {
    background-color: #d50000 !important;
}


/*Pink*/

.Pink50b {
    background-color: #fce4ec !important;
}

.Pink100b {
    background-color: #f8bbd0 !important;
}

.Pink200b {
    background-color: #f48fb1 !important;
}

.Pink300b {
    background-color: #f06292 !important;
}

.Pink400b {
    background-color: #ec407a !important;
}

.Pink500b {
    background-color: #e91e63 !important;
}

.Pink600b {
    background-color: #d81b60 !important;
}

.Pink700b {
    background-color: #c2185b !important;
}

.Pink800b {
    background-color: #ad1457 !important;
}

.Pink900b {
    background-color: #880e4f !important;
}

.PinkA100b {
    background-color: #ff80ab !important;
}

.PinkA200b {
    background-color: #ff4081 !important;
}

.PinkA400b {
    background-color: #f50057 !important;
}

.PinkA700b {
    background-color: #c51162 !important;
}


/*Purple 500 #9c27b0*/

.Purple50b {
    background-color: #f3e5f5 !important;
}

.Purple200b {
    background-color: #ce93d8 !important;
}

.Purple300b {
    background-color: #ba68c8 !important;
}

.Purple400b {
    background-color: #ab47bc !important;
}

.Purple500b {
    background-color: #9c27b0 !important;
}

.Purple600b {
    background-color: #8e24aa !important;
}

.Purple700b {
    background-color: #7b1fa2 !important;
}

.Purple800b {
    background-color: #6a1b9a !important;
}

.Purple900b {
    background-color: #4a148c !important;
}

.PurpleA100b {
    background-color: #ea80fc !important;
}

.PurpleA200b {
    background-color: #e040fb !important;
}

.PurpleA400b {
    background-color: #d500f9 !important;
}

.PurpleA700b {
    background-color: #aa00ff !important;
}


/*Deep Purple*/

.DeepPurple50b {
    background-color: #ede7f6 !important;
}

.DeepPurple100b {
    background-color: #d1c4e9 !important;
}

.DeepPurple200b {
    background-color: #b39ddb !important;
}

.DeepPurple300b {
    background-color: #9575cd !important;
}

.DeepPurple400b {
    background-color: #7e57c2 !important;
}

.DeepPurple500b {
    background-color: #673ab7 !important;
}

.DeepPurple600b {
    background-color: #5e35b1 !important;
}

.DeepPurple700b {
    background-color: #512da8 !important;
}

.DeepPurple800b {
    background-color: #4527a0 !important;
}

.DeepPurple900b {
    background-color: #311b92 !important;
}

.DeepPurpleA100b {
    background-color: #b388ff !important;
}

.DeepPurpleA200b {
    background-color: #7c4dff !important;
}

.DeepPurpleA400b {
    background-color: #651fff !important;
}

.DeepPurpleA700b {
    background-color: #6200ea !important;
}


/*  Indigo 500 #3f51b5*/

.Indigo50b {
    background-color: #e8eaf6 !important;
}

.Indigo100b {
    background-color: #c5cae9 !important;
}

.Indigo200b {
    background-color: #9fa8da !important;
}

.Indigo300b {
    background-color: #7986cb !important;
}

.Indigo400b {
    background-color: #5c6bc0 !important;
}

.Indigo500b {
    background-color: #3f51b5 !important;
}

.Indigo600b {
    background-color: #3949ab !important;
}

.Indigo700b {
    background-color: #303f9f !important;
}

.Indigo800b {
    background-color: #283593 !important;
}

.Indigo900b {
    background-color: #1a237e !important;
}

.IndigoA100b {
    background-color: #8c9eff !important;
}

.IndigoA200b {
    background-color: #536dfe !important;
}

.IndigoA400b {
    background-color: #3d5afe !important;
}

.IndigoA700b {
    background-color: #304ffe !important;
}


/*  Blue 500 #006bff*/

.Blue50b {
    background-color: #e3f2fd !important;
}

.Blue100b {
    background-color: #bbdefb !important;
}

.Blue200b {
    background-color: #90caf9 !important;
}

.Blue300b {
    background-color: #64b5f6 !important;
}

.Blue400b {
    background-color: #42a5f5 !important;
}

.Blue500b {
    background-color: #006bff !important;
}

.Blue600b {
    background-color: #1e88e5 !important;
}

.Blue700b {
    background-color: #1976d2 !important;
}

.Blue800b {
    background-color: #1565c0 !important;
}


/*.Blue800b:hover{
color: #fff;
!important;       
background-color: #1565c0 !important;
}*/

.Blue900b {
    background-color: #0d47a1 !important;
}

.BlueA100b {
    background-color: #82b1ff !important;
}

.BlueA200b {
    background-color: #448aff !important;
}

.BlueA400b {
    background-color: #2979ff !important;
}

.BlueA700b {
    background-color: #2962ff !important;
}


/*   Light Blue 500 #03a9f4*/

.LightBlue50b {
    background-color: #e1f5fe !important;
}

.LightBlue100b {
    background-color: #b3e5fc !important;
}

.LightBlue200b {
    background-color: #81d4fa !important;
}

.LightBlue300b {
    background-color: #4fc3f7 !important;
}

.LightBlue400b {
    background-color: #29b6f6 !important;
}

.LightBlue500b {
    background-color: #03a9f4 !important;
}

.LightBlue600b {
    background-color: #039be5 !important;
}

.LightBlue700b {
    background-color: #0288d1 !important;
}

.LightBlue800b {
    background-color: #0277bd !important;
}

.LightBlue900b {
    background-color: #01579b !important;
}

.LightBlueA100b {
    background-color: #80d8ff !important;
}

.LightBlueA200b {
    background-color: #40c4ff !important;
}

.LightBlueA400b {
    background-color: #00b0ff !important;
}

.LightBlueA700b {
    background-color: #0091ea !important;
}


/*   Cyan 500 #00bcd4*/

.Cyan50b {
    background-color: #e0f7fa !important;
}

.Cyan100b {
    background-color: #b2ebf2 !important;
}

.Cyan200b {
    background-color: #80deea !important;
}

.Cyan300b {
    background-color: #4dd0e1 !important;
}

.Cyan400b {
    background-color: #26c6da !important;
}

.Cyan500b {
    background-color: #00bcd4 !important;
}

.Cyan600b {
    background-color: #00acc1 !important;
}

.Cyan700b {
    background-color: #0097a7 !important;
}

.Cyan800b {
    background-color: #00838f !important;
}

.Cyan900b {
    background-color: #006064 !important;
}

.CyanA100b {
    background-color: #84ffff !important;
}

.CyanA200b {
    background-color: #18ffff !important;
}

.CyanA400b {
    background-color: #00e5ff !important;
}

.CyanA700b {
    background-color: #00b8d4 !important;
}


/*   Teal 500 #009688*/

.Teal50b {
    background-color: #e0f2f1 !important;
}

.Teal100b {
    background-color: #b2dfdb !important;
}

.Teal200b {
    background-color: #80cbc4 !important;
}

.Teal300b {
    background-color: #4db6ac !important;
}

.Teal400b {
    background-color: #26a69a !important;
}

.Teal500b {
    background-color: #009688 !important;
}

.Teal600b {
    background-color: #00897b !important;
}

.Teal700b {
    background-color: #00796b !important;
}

.Teal800b {
    background-color: #00695c !important;
}

.Teal900b {
    background-color: #004d40 !important;
}

.TealA100b {
    background-color: #a7ffeb !important;
}

.TealA200b {
    background-color: #64ffda !important;
}

.TealA400b {
    background-color: #1de9b6 !important;
}

.TealA700b {
    background-color: #00bfa5 !important;
}


/*   Green 500 #4caf50*/

.Green50b {
    background-color: #e8f5e9 !important;
}

.Green100b {
    background-color: #c8e6c9 !important;
}

.Green200b {
    background-color: #a5d6a7 !important;
}

.Green300b {
    background-color: #81c784 !important;
}

.Green400b {
    background-color: #66bb6a !important;
}

.Green500b {
    background-color: #4caf50 !important;
}

.Green600b {
    background-color: #43a047 !important;
}

.Green700b {
    background-color: #388e3c !important;
}

.Green800b {
    background-color: #2e7d32 !important;
}

.Green900b {
    background-color: #1b5e20 !important;
}

.GreenA100b {
    background-color: #b9f6ca !important;
}

.GreenA200b {
    background-color: #69f0ae !important;
}

.GreenA400b {
    background-color: #00e676 !important;
}

.GreenA700b {
    background-color: #00c853 !important;
}


/*   Light Green 500 #8bc34a*/

.LightGreen50b {
    background-color: #f1f8e9 !important;
}

.LightGreen100b {
    background-color: #dcedc8 !important;
}

.LightGreen200b {
    background-color: #c5e1a5 !important;
}

.LightGreen300b {
    background-color: #aed581 !important;
}

.LightGreen400b {
    background-color: #9ccc65 !important;
}

.LightGreen500b {
    background-color: #8bc34a !important;
}

.LightGreen600b {
    background-color: #7cb342 !important;
}

.LightGreen700b {
    background-color: #689f38 !important;
}

.LightGreen800b {
    background-color: #558b2f !important;
}

.LightGreen900b {
    background-color: #33691e !important;
}

.LightGreenA100b {
    background-color: #ccff90 !important;
}

.LightGreenA200b {
    background-color: #b2ff59 !important;
}

.LightGreenA400b {
    background-color: #76ff03 !important;
}

.LightGreenA700b {
    background-color: #64dd17 !important;
}


/*   Lime 500 #cddc39*/

.Lime50b {
    background-color: #f9fbe7 !important;
}

.Lime100b {
    background-color: #f0f4c3 !important;
}

.Lime200b {
    background-color: #e6ee9c !important;
}

.Lime300b {
    background-color: #dce775 !important;
}

.Lime400b {
    background-color: #d4e157 !important;
}

.Lime500b {
    background-color: #cddc39 !important;
}

.Lime600b {
    background-color: #c0ca33 !important;
}

.Lime700b {
    background-color: #afb42b !important;
}

.Lime800b {
    background-color: #9e9d24 !important;
}

.Lime900b {
    background-color: #827717 !important;
}

.LimeA100b {
    background-color: #f4ff81 !important;
}

.LimeA200b {
    background-color: #eeff41 !important;
}

.LimeA400b {
    background-color: #c6ff00 !important;
}

.LimeA700b {
    background-color: #aeea00 !important;
}


/*   Yellow 500 #ffeb3b*/

.Yellow50b {
    background-color: #fffde7 !important;
}

.Yellow100b {
    background-color: #fff9c4 !important;
}

.Yellow200b {
    background-color: #fff59d !important;
}

.Yellow300b {
    background-color: #fff176 !important;
}

.Yellow400b {
    background-color: #ffee58 !important;
}

.Yellow500b {
    background-color: #ffeb3b !important;
}

.Yellow600b {
    background-color: #fdd835 !important;
}

.Yellow700b {
    background-color: #fbc02d !important;
}

.Yellow800b {
    background-color: #f9a825 !important;
}

.Yellow900b {
    background-color: #f57f17 !important;
}

.YellowA100b {
    background-color: #ffff8d !important;
}

.YellowA200b {
    background-color: #ffff00 !important;
}

.YellowA400b {
    background-color: #ffea00 !important;
}

.YellowA700b {
    background-color: #ffd600 !important;
}


/*.Amber 500 #ffc107*/

.Amber50b {
    background-color: #fff8e1 !important;
}

.Amber100b {
    color: #576475 !important;
    background-color: #ffecb3 !important;
}

.Amber200b {
    background-color: #ffe082 !important;
}

.Amber300b {
    background-color: #ffd54f !important;
}

.Amber400b {
    background-color: #ffca28 !important;
}

.Amber500b {
    background-color: #ffc107 !important;
}

.Amber600b {
    background-color: #ffb300 !important;
}

.Amber700b {
    background-color: #ffa000 !important;
}

.Amber800b {
    background-color: #ff8f00 !important;
}

.Amber900b {
    background-color: #ff6f00 !important;
}

.AmberA100b {
    background-color: #ffe57f !important;
}

.AmberA200b {
    background-color: #ffd740 !important;
}

.AmberA400b {
    background-color: #ffc400 !important;
}

.AmberA700b {
    background-color: #ffab00 !important;
}


/*   Orange 500 #ff9800*/

.Orange50b {
    background-color: #fff3e0 !important;
}

.Orange100b {
    background-color: #ffe0b2 !important;
}

.Orange200b {
    background-color: #ffcc80 !important;
}

.Orange300b {
    background-color: #ffb74d !important;
}

.Orange400b {
    background-color: #ffa726 !important;
}

.Orange500b {
    background-color: #ff9800 !important;
}

.Orange600b {
    background-color: #fb8c00 !important;
}

.Orange700b {
    background-color: #f57c00 !important;
}

.Orange800b {
    background-color: #ef6c00 !important;
}

.Orange900b {
    background-color: #e65100 !important;
}

.OrangeA100b {
    background-color: #ffd180 !important;
}

.OrangeA200b {
    background-color: #ffab40 !important;
}

.OrangeA400b {
    background-color: #ff9100 !important;
}

.OrangeA700b {
    background-color: #ff6d00 !important;
}


/*Deep Orange 500 #ff5722*/

.DeepOrange50b {
    background-color: #fbe9e7 !important;
}

.DeepOrange100b {
    background-color: #ffccbc !important;
}

.DeepOrange200b {
    background-color: #ffab91 !important;
}

.DeepOrange300b {
    background-color: #ff8a65 !important;
}

.DeepOrange400b {
    background-color: #ff7043 !important;
}

.DeepOrange500b {
    background-color: #ff5722 !important;
}

.DeepOrange600b {
    background-color: #f4511e !important;
}

.DeepOrange700b {
    background-color: #e64a19 !important;
}

.DeepOrange800b {
    background-color: #d84315 !important;
}

.DeepOrange900b {
    background-color: #bf360c !important;
}

.DeepOrangeA100b {
    background-color: #ff9e80 !important;
}

.DeepOrangeA200b {
    background-color: #ff6e40 !important;
}

.DeepOrangeA400b {
    background-color: #ff3d00 !important;
}

.DeepOrangeA700b {
    background-color: #dd2c00 !important;
}


/*Brown 500 #795548*/

.Brown50b {
    background-color: #efebe9 !important;
}

.Brown100b {
    background-color: #d7ccc8 !important;
}

.Brown200b {
    background-color: #bcaaa4 !important;
}

.Brown300b {
    background-color: #a1887f !important;
}

.Brown400b {
    background-color: #8d6e63 !important;
}

.Brown500b {
    background-color: #795548 !important;
}

.Brown600b {
    background-color: #6d4c41 !important;
}

.Brown700b {
    background-color: #5d4037 !important;
}

.Brown800b {
    background-color: #4e342e !important;
}

.Brown900b {
    background-color: #3e2723 !important;
}


/*Gray 500 #9e9e9e*/

.Gray50b {
    background-color: #fafafa !important;
}

.Gray100b {
    background-color: #f5f5f5 !important;
}

.Gray200b {
    background-color: #eeeeee !important;
}

.Gray300b {
    background-color: #e0e0e0 !important;
}

.Gray400b {
    background-color: #bdbdbd !important;
}

.Gray500b {
    background-color: #9e9e9e !important;
}

.Gray600b {
    background-color: #757575 !important;
}

.Gray700b {
    background-color: #616161 !important;
}

.Gray800b {
    background-color: #424242 !important;
}

.Gray900b {
    background-color: #212121 !important;
}


/*Blue Gray 500 #607d8b*/

.BlueGray50b {
    background-color: #eceff1 !important;
}

.BlueGray100b {
    background-color: #cfd8dc !important;
}

.BlueGray200b {
    background-color: #b0bec5 !important;
}

.BlueGray300b {
    background-color: #90a4ae !important;
}

.BlueGray400b {
    background-color: #78909c !important;
}

.BlueGray500b {
    background-color: #607d8b !important;
}

.BlueGray600b {
    background-color: #546e7a !important;
}

.BlueGray700b {
    background-color: #455a64 !important;
}

.BlueGray800b {
    background-color: #37474f !important;
}

.BlueGray900b {
    background-color: #263238 !important;
}

.Whiteb {
    background-color: #fff !important;
}

.White {
    color: #fff !important;
}

.Blackb {
    background-color: #000 !important;
}

.Black {
    color: #000 !important;
}


/*Red */

.Red50 {
    color: #ffebee !important;
}

.Red100 {
    color: #ffcdd2 !important;
}

.Red200 {
    color: #ef9a9a !important;
}

.Red300 {
    color: #e57373 !important;
}

.Red400 {
    color: #ef5350 !important;
}

.Red500 {
    color: #f44336 !important;
}

.Red600 {
    color: #e53935 !important;
}

.Red700 {
    color: #d32f2f !important;
}

.Red800 {
    color: #c62828 !important;
}

.Red900 {
    color: #b71c1c !important;
}

.RedA100 {
    color: #ff8a80 !important;
}

.RedA200 {
    color: #ff5252 !important;
}

.RedA400 {
    color: #ff1744 !important;
}

.RedA700 {
    color: #d50000 !important;
}


/*Pink*/

.Pink50 {
    color: #fce4ec !important;
}

.Pink100 {
    color: #f8bbd0 !important;
}

.Pink200 {
    color: #f48fb1 !important;
}

.Pink300 {
    color: #f06292 !important;
}

.Pink400 {
    color: #ec407a !important;
}

.Pink500 {
    color: #e91e63 !important;
}

.Pink600 {
    color: #d81b60 !important;
}

.Pink700 {
    color: #c2185b !important;
}

.Pink800 {
    color: #ad1457 !important;
}

.Pink900 {
    color: #880e4f !important;
}

.PinkA100 {
    color: #ff80ab !important;
}

.PinkA200 {
    color: #ff4081 !important;
}

.PinkA400 {
    color: #f50057 !important;
}

.PinkA700 {
    color: #c51162 !important;
}


/*Purple 500 #9c27b0*/

.Purple50 {
    color: #f3e5f5 !important;
}

.Purple200 {
    color: #ce93d8 !important;
}

.Purple300 {
    color: #ba68c8 !important;
}

.Purple400 {
    color: #ab47bc !important;
}

.Purple500 {
    color: #9c27b0 !important;
}

.Purple600 {
    color: #8e24aa !important;
}

.Purple700 {
    color: #7b1fa2 !important;
}

.Purple800 {
    color: #6a1b9a !important;
}

.Purple900 {
    color: #4a148c !important;
}

.PurpleA100 {
    color: #ea80fc !important;
}

.PurpleA200 {
    color: #e040fb !important;
}

.PurpleA400 {
    color: #d500f9 !important;
}

.PurpleA700 {
    color: #aa00ff !important;
}


/*Deep Purple*/

.DeepPurple50 {
    color: #ede7f6 !important;
}

.DeepPurple100 {
    color: #d1c4e9 !important;
}

.DeepPurple200 {
    color: #b39ddb !important;
}

.DeepPurple300 {
    color: #9575cd !important;
}

.DeepPurple400 {
    color: #7e57c2 !important;
}

.DeepPurple500 {
    color: #673ab7 !important;
}

.DeepPurple600 {
    color: #5e35b1 !important;
}

.DeepPurple700 {
    color: #512da8 !important;
}

.DeepPurple800 {
    color: #4527a0 !important;
}

.DeepPurple900 {
    color: #311b92 !important;
}

.DeepPurpleA100 {
    color: #b388ff !important;
}

.DeepPurpleA200 {
    color: #7c4dff !important;
}

.DeepPurpleA400 {
    color: #651fff !important;
}

.DeepPurpleA700 {
    color: #6200ea !important;
}


/*Indigo 500 #3f51b5*/

.Indigo50 {
    color: #e8eaf6 !important;
}

.Indigo100 {
    color: #c5cae9 !important;
}

.Indigo200 {
    color: #9fa8da !important;
}

.Indigo300 {
    color: #7986cb !important;
}

.Indigo400 {
    color: #5c6bc0 !important;
}

.Indigo500 {
    color: #3f51b5 !important;
}

.Indigo600 {
    color: #3949ab !important;
}

.Indigo700 {
    color: #303f9f !important;
}

.Indigo800 {
    color: #283593 !important;
}

.Indigo900 {
    color: #1a237e !important;
}

.IndigoA100 {
    color: #8c9eff !important;
}

.IndigoA200 {
    color: #536dfe !important;
}

.IndigoA400 {
    color: #3d5afe !important;
}

.IndigoA700 {
    color: #304ffe !important;
}


/*Blue 500 #006bff*/

.Blue50 {
    color: #e3f2fd !important;
}

.Blue100 {
    color: #bbdefb !important;
}

.Blue200 {
    color: #90caf9 !important;
}

.Blue300 {
    color: #64b5f6 !important;
}

.Blue400 {
    color: #42a5f5 !important;
}

.Blue500 {
    color: #006bff !important;
}

.Blue600 {
    color: #1e88e5 !important;
}

.Blue700 {
    color: #1976d2 !important;
}

.Blue800 {
    color: #1565c0 !important;
}

.Blue900 {
    color: #0d47a1 !important;
}

.BlueA100 {
    color: #82b1ff !important;
}

.BlueA200 {
    color: #448aff !important;
}

.BlueA400 {
    color: #2979ff !important;
}

.BlueA700 {
    color: #2962ff !important;
}


/* Light Blue 500 #03a9f4*/

.LightBlue50 {
    color: #e1f5fe !important;
}

.LightBlue100 {
    color: #b3e5fc !important;
}

.LightBlue200 {
    color: #81d4fa !important;
}

.LightBlue300 {
    color: #4fc3f7 !important;
}

.LightBlue400 {
    color: #29b6f6 !important;
}

.LightBlue500 {
    color: #03a9f4 !important;
}

.LightBlue600 {
    color: #039be5 !important;
}

.LightBlue700 {
    color: #0288d1 !important;
}

.LightBlue800 {
    color: #0277bd !important;
}

.LightBlue900 {
    color: #01579b !important;
}

.LightBlueA100 {
    color: #80d8ff !important;
}

.LightBlueA200 {
    color: #40c4ff !important;
}

.LightBlueA400 {
    color: #00b0ff !important;
}

.LightBlueA700 {
    color: #0091ea !important;
}


/*Cyan 500 #00bcd4*/

.Cyan50 {
    color: #e0f7fa !important;
}

.Cyan100 {
    color: #b2ebf2 !important;
}

.Cyan200 {
    color: #80deea !important;
}

.Cyan300 {
    color: #4dd0e1 !important;
}

.Cyan400 {
    color: #26c6da !important;
}

.Cyan500 {
    color: #00bcd4 !important;
}

.Cyan600 {
    color: #00acc1 !important;
}

.Cyan700 {
    color: #0097a7 !important;
}

.Cyan800 {
    color: #00838f !important;
}

.Cyan900 {
    color: #006064 !important;
}

.CyanA100 {
    color: #84ffff !important;
}

.CyanA200 {
    color: #18ffff !important;
}

.CyanA400 {
    color: #00e5ff !important;
}

.CyanA700 {
    color: #00b8d4 !important;
}


/*Teal 500 #009688*/

.Teal50 {
    color: #e0f2f1 !important;
}

.Teal100 {
    color: #b2dfdb !important;
}

.Teal200 {
    color: #80cbc4 !important;
}

.Teal300 {
    color: #4db6ac !important;
}

.Teal400 {
    color: #26a69a !important;
}

.Teal500 {
    color: #009688 !important;
}

.Teal600 {
    color: #00897b !important;
}

.Teal700 {
    color: #00796b !important;
}

.Teal800 {
    color: #00695c !important;
}

.Teal900 {
    color: #004d40 !important;
}

.TealA100 {
    color: #a7ffeb !important;
}

.TealA200 {
    color: #64ffda !important;
}

.TealA400 {
    color: #1de9b6 !important;
}

.TealA700 {
    color: #00bfa5 !important;
}


/*Green 500 #4caf50*/

.Green50 {
    color: #e8f5e9 !important;
}

.Green100 {
    color: #c8e6c9 !important;
}

.Green200 {
    color: #a5d6a7 !important;
}

.Green300 {
    color: #81c784 !important;
}

.Green400 {
    color: #66bb6a !important;
}

.Green500 {
    color: #4caf50 !important;
}

.Green600 {
    color: #43a047 !important;
}

.Green700 {
    color: #388e3c !important;
}

.Green800 {
    color: #2e7d32 !important;
}

.Green900 {
    color: #1b5e20 !important;
}

.GreenA100 {
    color: #b9f6ca !important;
}

.GreenA200 {
    color: #69f0ae !important;
}

.GreenA400 {
    color: #00e676 !important;
}

.GreenA700 {
    color: #00c853 !important;
}


/*   Light Green 500 #8bc34a*/

.LightGreen50 {
    color: #f1f8e9 !important;
}

.LightGreen100 {
    color: #dcedc8 !important;
}

.LightGreen200 {
    color: #c5e1a5 !important;
}

.LightGreen300 {
    color: #aed581 !important;
}

.LightGreen400 {
    color: #9ccc65 !important;
}

.LightGreen500 {
    color: #8bc34a !important;
}

.LightGreen600 {
    color: #7cb342 !important;
}

.LightGreen700 {
    color: #689f38 !important;
}

.LightGreen800 {
    color: #558b2f !important;
}

.LightGreen900 {
    color: #33691e !important;
}

.LightGreenA100 {
    color: #ccff90 !important;
}

.LightGreenA200 {
    color: #b2ff59 !important;
}

.LightGreenA400 {
    color: #76ff03 !important;
}

.LightGreenA700 {
    color: #64dd17 !important;
}


/* Lime 500 #cddc39*/

.Lime50 {
    color: #f9fbe7 !important;
}

.Lime100 {
    color: #f0f4c3 !important;
}

.Lime200 {
    color: #e6ee9c !important;
}

.Lime300 {
    color: #dce775 !important;
}

.Lime400 {
    color: #d4e157 !important;
}

.Lime500 {
    color: #cddc39 !important;
}

.Lime600 {
    color: #c0ca33 !important;
}

.Lime700 {
    color: #afb42b !important;
}

.Lime800 {
    color: #9e9d24 !important;
}

.Lime900 {
    color: #827717 !important;
}

.LimeA100 {
    color: #f4ff81 !important;
}

.LimeA200 {
    color: #eeff41 !important;
}

.LimeA400 {
    color: #c6ff00 !important;
}

.LimeA700 {
    color: #aeea00 !important;
}


/*.Yellow 500 #ffeb3b*/

.Yellow50 {
    color: #fffde7 !important;
}

.Yellow100 {
    color: #fff9c4 !important;
}

.Yellow200 {
    color: #fff59d !important;
}

.Yellow300 {
    color: #fff176 !important;
}

.Yellow400 {
    color: #ffee58 !important;
}

.Yellow500 {
    color: #ffeb3b !important;
}

.Yellow600 {
    color: #fdd835 !important;
}

.Yellow700 {
    color: #fbc02d !important;
}

.Yellow800 {
    color: #f9a825 !important;
}

.Yellow900 {
    color: #f57f17 !important;
}

.YellowA100 {
    color: #ffff8d !important;
}

.YellowA200 {
    color: #ffff00 !important;
}

.YellowA400 {
    color: #ffea00 !important;
}

.YellowA700 {
    color: #ffd600 !important;
}


/*.Amber 500 #ffc107*/

.Amber50 {
    color: #fff8e1 !important;
}

.Amber100 {
    color: #ffecb3 !important;
}

.Amber200 {
    color: #ffe082 !important;
}

.Amber300 {
    color: #ffd54f !important;
}

.Amber400 {
    color: #ffca28 !important;
}

.Amber500 {
    color: #ffc107 !important;
}

.Amber600 {
    color: #ffb300 !important;
}

.Amber700 {
    color: #ffa000 !important;
}

.Amber800 {
    color: #ff8f00 !important;
}

.Amber900 {
    color: #ff6f00 !important;
}

.AmberA100 {
    color: #ffe57f !important;
}

.AmberA200 {
    color: #ffd740 !important;
}

.AmberA400 {
    color: #ffc400 !important;
}

.AmberA700 {
    color: #ffab00 !important;
}


/*Orange 500 #ff9800*/

.Orange50 {
    color: #fff3e0 !important;
}

.Orange100 {
    color: #ffe0b2 !important;
}

.Orange200 {
    color: #ffcc80 !important;
}

.Orange300 {
    color: #ffb74d !important;
}

.Orange400 {
    color: #ffa726 !important;
}

.Orange500 {
    color: #ff9800 !important;
}

.Orange600 {
    color: #fb8c00 !important;
}

.Orange700 {
    color: #f57c00 !important;
}

.Orange800 {
    color: #ef6c00 !important;
}

.Orange900 {
    color: #e65100 !important;
}

.OrangeA100 {
    color: #ffd180 !important;
}

.OrangeA200 {
    color: #ffab40 !important;
}

.OrangeA400 {
    color: #ff9100 !important;
}

.OrangeA700 {
    color: #ff6d00 !important;
}


/*Deep Orange 500 #ff5722*/

.DeepOrange50 {
    color: #fbe9e7 !important;
}

.DeepOrange100 {
    color: #ffccbc !important;
}

.DeepOrange200 {
    color: #ffab91 !important;
}

.DeepOrange300 {
    color: #ff8a65 !important;
}

.DeepOrange400 {
    color: #ff7043 !important;
}

.DeepOrange500 {
    color: #ff5722 !important;
}

.DeepOrange600 {
    color: #f4511e !important;
}

.DeepOrange700 {
    color: #e64a19 !important;
}

.DeepOrange800 {
    color: #d84315 !important;
}

.DeepOrange900 {
    color: #bf360c !important;
}

.DeepOrangeA100 {
    color: #ff9e80 !important;
}

.DeepOrangeA200 {
    color: #ff6e40 !important;
}

.DeepOrangeA400 {
    color: #ff3d00 !important;
}

.DeepOrangeA700 {
    color: #dd2c00 !important;
}


/*Brown 500 #795548*/

.Brown50 {
    color: #efebe9 !important;
}

.Brown100 {
    color: #d7ccc8 !important;
}

.Brown200 {
    color: #bcaaa4 !important;
}

.Brown300 {
    color: #a1887f !important;
}

.Brown400 {
    color: #8d6e63 !important;
}

.Brown500 {
    color: #795548 !important;
}

.Brown600 {
    color: #6d4c41 !important;
}

.Brown700 {
    color: #5d4037 !important;
}

.Brown800 {
    color: #4e342e !important;
}

.Brown900 {
    color: #3e2723 !important;
}


/*Gray 500 #9e9e9e*/

.Gray50 {
    color: #fafafa !important;
}

.Gray100 {
    color: #f5f5f5 !important;
}

.Gray200 {
    color: #eeeeee !important;
}

.Gray300 {
    color: #e0e0e0 !important;
}

.Gray400 {
    color: #bdbdbd !important;
}

.Gray500 {
    color: #9e9e9e !important;
}

.Gray600 {
    color: #757575 !important;
}

.Gray700 {
    color: #616161 !important;
}

.Gray800 {
    color: #424242 !important;
}

.Gray900 {
    color: #212121 !important;
}


/*Blue Gray 500 #607d8b*/

.BlueGray50 {
    color: #eceff1 !important;
}

.BlueGray100 {
    color: #cfd8dc !important;
}

.BlueGray200 {
    color: #b0bec5 !important;
}

.BlueGray300 {
    color: #90a4ae !important;
}

.BlueGray400 {
    color: #78909c !important;
}

.BlueGray500 {
    color: #607d8b !important;
}

.BlueGray600 {
    color: #546e7a !important;
}

.BlueGray700 {
    color: #455a64 !important;
}

.BlueGray800 {
    color: #37474f !important;
}

.BlueGray900 {
    color: #263238 !important;
}