.material-colors.red {background-color: #f44336;}
.material-colors.red-50 {background-color: #ffebee;}
.material-colors.red-100 {background-color: #ffcdd2;}
.material-colors.red-200 {background-color: #ef9a9a;}
.material-colors.red-300 {background-color: #e57373;}
.material-colors.red-400 {background-color: #ef5350;}
.material-colors.red-500 {background-color: #f44336;}
.material-colors.red-600 {background-color: #e53935;}
.material-colors.red-700 {background-color: #d32f2f;}
.material-colors.red-800 {background-color: #c62828;}
.material-colors.red-900 {background-color: #b71c1c;}
.material-colors.red-A100 {background-color: #ff8a80;}
.material-colors.red-A200 {background-color: #ff5252;}
.material-colors.red-A400 {background-color: #ff1744;}
.material-colors.red-A700 {background-color: #d50000;}

.material-colors.pink {background-color: #e91e63;}
.material-colors.pink-50 {background-color: #fce4ec;}
.material-colors.pink-100 {background-color: #f8bbd0;}
.material-colors.pink-200 {background-color: #f48fb1;}
.material-colors.pink-300 {background-color: #f06292;}
.material-colors.pink-400 {background-color: #ec407a;}
.material-colors.pink-500 {background-color: #e91e63;}
.material-colors.pink-600 {background-color: #d81b60;}
.material-colors.pink-700 {background-color: #c2185b;}
.material-colors.pink-800 {background-color: #ad1457;}
.material-colors.pink-900 {background-color: #880e4f;}
.material-colors.pink-A100 {background-color: #ff80ab;}
.material-colors.pink-A200 {background-color: #ff4081;}
.material-colors.pink-A400 {background-color: #f50057;}
.material-colors.pink-A700 {background-color: #c51162;}

.material-colors.purple {background-color: #9c27b0;}
.material-colors.purple-50 {background-color: #f3e5f5;}
.material-colors.purple-100 {background-color: #e1bee7;}
.material-colors.purple-200 {background-color: #ce93d8;}
.material-colors.purple-300 {background-color: #ba68c8;}
.material-colors.purple-400 {background-color: #ab47bc;}
.material-colors.purple-500 {background-color: #9c27b0;}
.material-colors.purple-600 {background-color: #8e24aa;}
.material-colors.purple-700 {background-color: #7b1fa2;}
.material-colors.purple-800 {background-color: #6a1b9a;}
.material-colors.purple-900 {background-color: #4a148c;}
.material-colors.purple-A100 {background-color: #ea80fc;}
.material-colors.purple-A200 {background-color: #e040fb;}
.material-colors.purple-A400 {background-color: #d500f9;}
.material-colors.purple-A700 {background-color: #aa00ff;}

.material-colors.deep-purple {background-color: #673ab7;}
.material-colors.deep-purple-50 {background-color: #ede7f6;}
.material-colors.deep-purple-100 {background-color: #d1c4e9;}
.material-colors.deep-purple-200 {background-color: #b39ddb;}
.material-colors.deep-purple-300 {background-color: #9575cd;}
.material-colors.deep-purple-400 {background-color: #7e57c2;}
.material-colors.deep-purple-500 {background-color: #673ab7;}
.material-colors.deep-purple-600 {background-color: #5e35b1;}
.material-colors.deep-purple-700 {background-color: #512da8;}
.material-colors.deep-purple-800 {background-color: #4527a0;}
.material-colors.deep-purple-900 {background-color: #311b92;}
.material-colors.deep-purple-A100 {background-color: #b388ff;}
.material-colors.deep-purple-A200 {background-color: #7c4dff;}
.material-colors.deep-purple-A400 {background-color: #651fff;}
.material-colors.deep-purple-A700 {background-color: #6200ea;}

.material-colors.indigo {background-color: #3f51b5;}
.material-colors.indigo-50 {background-color: #e8eaf6;}
.material-colors.indigo-100 {background-color: #c5cae9;}
.material-colors.indigo-200 {background-color: #9fa8da;}
.material-colors.indigo-300 {background-color: #7986cb;}
.material-colors.indigo-400 {background-color: #5c6bc0;}
.material-colors.indigo-500 {background-color: #3f51b5;}
.material-colors.indigo-600 {background-color: #3949ab;}
.material-colors.indigo-700 {background-color: #303f9f;}
.material-colors.indigo-800 {background-color: #283593;}
.material-colors.indigo-900 {background-color: #1a237e;}
.material-colors.indigo-A100 {background-color: #8c9eff;}
.material-colors.indigo-A200 {background-color: #536dfe;}
.material-colors.indigo-A400 {background-color: #3d5afe;}
.material-colors.indigo-A700 {background-color: #304ffe;}

.material-colors.blue {background-color: #2196f3;}
.material-colors.blue-50 {background-color: #e3f2fd;}
.material-colors.blue-100 {background-color: #bbdefb;}
.material-colors.blue-200 {background-color: #90caf9;}
.material-colors.blue-300 {background-color: #64b5f6;}
.material-colors.blue-400 {background-color: #42a5f5;}
.material-colors.blue-500 {background-color: #2196f3;}
.material-colors.blue-600 {background-color: #1e88e5;}
.material-colors.blue-700 {background-color: #1976d2;}
.material-colors.blue-800 {background-color: #1565c0;}
.material-colors.blue-900 {background-color: #0d47a1;}
.material-colors.blue-A100 {background-color: #82b1ff;}
.material-colors.blue-A200 {background-color: #448aff;}
.material-colors.blue-A400 {background-color: #2979ff;}
.material-colors.blue-A700 {background-color: #2962ff;}

.material-colors.light-blue {background-color: #03a9f4;}
.material-colors.light-blue-50 {background-color: #e1f5fe;}
.material-colors.light-blue-100 {background-color: #b3e5fc;}
.material-colors.light-blue-200 {background-color: #81d4fa;}
.material-colors.light-blue-300 {background-color: #4fc3f7;}
.material-colors.light-blue-400 {background-color: #29b6f6;}
.material-colors.light-blue-500 {background-color: #03a9f4;}
.material-colors.light-blue-600 {background-color: #039be5;}
.material-colors.light-blue-700 {background-color: #0288d1;}
.material-colors.light-blue-800 {background-color: #0277bd;}
.material-colors.light-blue-900 {background-color: #01579b;}
.material-colors.light-blue-A100 {background-color: #80d8ff;}
.material-colors.light-blue-A200 {background-color: #40c4ff;}
.material-colors.light-blue-A400 {background-color: #00b0ff;}
.material-colors.light-blue-A700 {background-color: #0091ea;}

.material-colors.cyan {background-color: #00bcd4;}
.material-colors.cyan-50 {background-color: #e0f7fa;}
.material-colors.cyan-100 {background-color: #b2ebf2;}
.material-colors.cyan-200 {background-color: #80deea;}
.material-colors.cyan-300 {background-color: #4dd0e1;}
.material-colors.cyan-400 {background-color: #26c6da;}
.material-colors.cyan-500 {background-color: #00bcd4;}
.material-colors.cyan-600 {background-color: #00acc1;}
.material-colors.cyan-700 {background-color: #0097a7;}
.material-colors.cyan-800 {background-color: #00838f;}
.material-colors.cyan-900 {background-color: #006064;}
.material-colors.cyan-A100 {background-color: #84ffff;}
.material-colors.cyan-A200 {background-color: #18ffff;}
.material-colors.cyan-A400 {background-color: #00e5ff;}
.material-colors.cyan-A700 {background-color: #00b8d4;}

.material-colors.teal {background-color: #009688;}
.material-colors.teal-50 {background-color: #e0f2f1;}
.material-colors.teal-100 {background-color: #b2dfdb;}
.material-colors.teal-200 {background-color: #80cbc4;}
.material-colors.teal-300 {background-color: #4db6ac;}
.material-colors.teal-400 {background-color: #26a69a;}
.material-colors.teal-500 {background-color: #009688;}
.material-colors.teal-600 {background-color: #00897b;}
.material-colors.teal-700 {background-color: #00796b;}
.material-colors.teal-800 {background-color: #00695c;}
.material-colors.teal-900 {background-color: #004d40;}
.material-colors.teal-A100 {background-color: #a7ffeb;}
.material-colors.teal-A200 {background-color: #64ffda;}
.material-colors.teal-A400 {background-color: #1de9b6;}
.material-colors.teal-A700 {background-color: #00bfa5;}

.material-colors.green {background-color: #4caf50;}
.material-colors.green-50 {background-color: #e8f5e9;}
.material-colors.green-100 {background-color: #c8e6c9;}
.material-colors.green-200 {background-color: #a5d6a7;}
.material-colors.green-300 {background-color: #81c784;}
.material-colors.green-400 {background-color: #66bb6a;}
.material-colors.green-500 {background-color: #4caf50;}
.material-colors.green-600 {background-color: #43a047;}
.material-colors.green-700 {background-color: #388e3c;}
.material-colors.green-800 {background-color: #2e7d32;}
.material-colors.green-900 {background-color: #1b5e20;}
.material-colors.green-A100 {background-color: #b9f6ca;}
.material-colors.green-A200 {background-color: #69f0ae;}
.material-colors.green-A400 {background-color: #00e676;}
.material-colors.green-A700 {background-color: #00c853;}

.material-colors.light-green {background-color: #8bc34a;}
.material-colors.light-green-50 {background-color: #f1f8e9;}
.material-colors.light-green-100 {background-color: #dcedc8;}
.material-colors.light-green-200 {background-color: #c5e1a5;}
.material-colors.light-green-300 {background-color: #aed581;}
.material-colors.light-green-400 {background-color: #9ccc65;}
.material-colors.light-green-500 {background-color: #8bc34a;}
.material-colors.light-green-600 {background-color: #7cb342;}
.material-colors.light-green-700 {background-color: #689f38;}
.material-colors.light-green-800 {background-color: #558b2f;}
.material-colors.light-green-900 {background-color: #33691e;}
.material-colors.light-green-A100 {background-color: #ccff90;}
.material-colors.light-green-A200 {background-color: #b2ff59;}
.material-colors.light-green-A400 {background-color: #76ff03;}
.material-colors.light-green-A700 {background-color: #64dd17;}

.material-colors.lime {background-color: #cddc39;}
.material-colors.lime-50 {background-color: #f9fbe7;}
.material-colors.lime-100 {background-color: #f0f4c3;}
.material-colors.lime-200 {background-color: #e6ee9c;}
.material-colors.lime-300 {background-color: #dce775;}
.material-colors.lime-400 {background-color: #d4e157;}
.material-colors.lime-500 {background-color: #cddc39;}
.material-colors.lime-600 {background-color: #c0ca33;}
.material-colors.lime-700 {background-color: #afb42b;}
.material-colors.lime-800 {background-color: #9e9d24;}
.material-colors.lime-900 {background-color: #827717;}
.material-colors.lime-A100 {background-color: #f4ff81;}
.material-colors.lime-A200 {background-color: #eeff41;}
.material-colors.lime-A400 {background-color: #c6ff00;}
.material-colors.lime-A700 {background-color: #aeea00;}

.material-colors.yellow {background-color: #ffeb3b;}
.material-colors.yellow-50 {background-color: #fffde7;}
.material-colors.yellow-100 {background-color: #fff9c4;}
.material-colors.yellow-200 {background-color: #fff59d;}
.material-colors.yellow-300 {background-color: #fff176;}
.material-colors.yellow-400 {background-color: #ffee58;}
.material-colors.yellow-500 {background-color: #ffeb3b;}
.material-colors.yellow-600 {background-color: #fdd835;}
.material-colors.yellow-700 {background-color: #fbc02d;}
.material-colors.yellow-800 {background-color: #f9a825;}
.material-colors.yellow-900 {background-color: #f57f17;}
.material-colors.yellow-A100 {background-color: #ffff8d;}
.material-colors.yellow-A200 {background-color: #ffff00;}
.material-colors.yellow-A400 {background-color: #ffea00;}
.material-colors.yellow-A700 {background-color: #ffd600;}

.material-colors.amber {background-color: #ffc107;}
.material-colors.amber-50 {background-color: #fff8e1;}
.material-colors.amber-100 {background-color: #ffecb3;}
.material-colors.amber-200 {background-color: #ffe082;}
.material-colors.amber-300 {background-color: #ffd54f;}
.material-colors.amber-400 {background-color: #ffca28;}
.material-colors.amber-500 {background-color: #ffc107;}
.material-colors.amber-600 {background-color: #ffb300;}
.material-colors.amber-700 {background-color: #ffa000;}
.material-colors.amber-800 {background-color: #ff8f00;}
.material-colors.amber-900 {background-color: #ff6f00;}
.material-colors.amber-A100 {background-color: #ffe57f;}
.material-colors.amber-A200 {background-color: #ffd740;}
.material-colors.amber-A400 {background-color: #ffc400;}
.material-colors.amber-A700 {background-color: #ffab00;}

.material-colors.orange {background-color: #ff9800;}
.material-colors.orange-50 {background-color: #fff3e0;}
.material-colors.orange-100 {background-color: #ffe0b2;}
.material-colors.orange-200 {background-color: #ffcc80;}
.material-colors.orange-300 {background-color: #ffb74d;}
.material-colors.orange-400 {background-color: #ffa726;}
.material-colors.orange-500 {background-color: #ff9800;}
.material-colors.orange-600 {background-color: #fb8c00;}
.material-colors.orange-700 {background-color: #f57c00;}
.material-colors.orange-800 {background-color: #ef6c00;}
.material-colors.orange-900 {background-color: #e65100;}
.material-colors.orange-A100 {background-color: #ffd180;}
.material-colors.orange-A200 {background-color: #ffab40;}
.material-colors.orange-A400 {background-color: #ff9100;}
.material-colors.orange-A700 {background-color: #ff6d00;}

.material-colors.deep-orange {background-color: #ff5722;}
.material-colors.deep-orange-50 {background-color: #fbe9e7;}
.material-colors.deep-orange-100 {background-color: #ffccbc;}
.material-colors.deep-orange-200 {background-color: #ffab91;}
.material-colors.deep-orange-300 {background-color: #ff8a65;}
.material-colors.deep-orange-400 {background-color: #ff7043;}
.material-colors.deep-orange-500 {background-color: #ff5722;}
.material-colors.deep-orange-600 {background-color: #f4511e;}
.material-colors.deep-orange-700 {background-color: #e64a19;}
.material-colors.deep-orange-800 {background-color: #d84315;}
.material-colors.deep-orange-900 {background-color: #bf360c;}
.material-colors.deep-orange-A100 {background-color: #ff9e80;}
.material-colors.deep-orange-A200 {background-color: #ff6e40;}
.material-colors.deep-orange-A400 {background-color: #ff3d00;}
.material-colors.deep-orange-A700 {background-color: #dd2c00;}

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

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

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

.material-colors.black {background-color: #000000;}
.material-colors.black-500 {background-color: #000000;}
.material-colors.black-text {background-color: rgba(0,0,0,0.87);}
.material-colors.black-secondary-text {background-color: rgba(0,0,0,0.54);}
.material-colors.black-icons {background-color: rgba(0,0,0,0.54);}
.material-colors.black-disabled {background-color: rgba(0,0,0,0.26);}
.material-colors.black-hint-text {background-color: rgba(0,0,0,0.26);}
.material-colors.black-dividers {background-color: rgba(0,0,0,0.12);}

.material-colors.white {background-color: #ffffff;}
.material-colors.white-500 {background-color: #ffffff;}
.material-colors.white-text {background-color: #ffffff;}
.material-colors.white-secondary-text {background-color: rgba(255,255,255,0.7);}
.material-colors.white-icons {background-color: #ffffff;}
.material-colors.white-disabled {background-color: rgba(255,255,255,0.3);}
.material-colors.white-hint-text {background-color: rgba(255,255,255,0.3);}
.material-colors.white-dividers {background-color: rgba(255,255,255,0.12);}

.material-colors.shadow-z-1{
    box-shadow:
    0 1px 6px 0 rgba(0, 0, 0, 0.12),
    0 1px  6px 0 rgba(0, 0, 0, 0.12);
}

.material-colors.shadow-z-1-hover{
    box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.material-colors.shadow-z-2{
    box-shadow:
    0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.material-colors.shadow-z-3{
    box-shadow:
    0 12px 15px 0 rgba(0, 0, 0, 0.24),
    0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.material-colors.shadow-z-4{
    box-shadow:
    0 16px 28px 0 rgba(0, 0, 0, 0.22),
    0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.material-colors.shadow-z-5{
    box-shadow:
    0 27px 24px 0 rgba(0, 0, 0, 0.2),
    0 40px 77px 0 rgba(0, 0, 0, 0.22);
}