/* color selector with google Material color */
/* Url - https://material.google.com/style/color.html */


/* ======== red color list ========= */

.bg-red {background-color: #F44336;}
.tx-red {color: #F44336;}

.bg-red-50 {background-color: #FFEbEE;}
.tx-red-50 {color: #FFEbEE;}

.bg-red-100 {background-color: #FFcdd2;}
.tx-red-100 {color: #FFcdd2;}

.bg-red-200 {background-color: #EF9a9a;}
.tx-red-200 {color: #EF9a9a;}

.bg-red-300 {background-color: #E57373;}
.tx-red-300 {color: #E57373;}

.bg-red-400 {background-color: #EF5350;}
.tx-red-400 {color: #EF5350;}

.bg-red-500 {background-color: #F44336;}
.tx-red-500 {color: #F44336;}

.bg-red-600 {background-color: #E53935;}
.tx-red-600 {color: #E53935;}

.bg-red-700 {background-color: #d32F2F;}
.tx-red-700 {color: #d32F2F;}

.bg-red-800 {background-color: #c62828;}
.tx-red-800 {color: #c62828;}

.bg-red-900 {background-color: #b71c1c;}
.tx-red-900 {color: #b71c1c;}

.bg-red-a100 {background-color: #FF8a80;}
.tx-red-a100 {color: #FF8a80;}

.bg-red-a200 {background-color: #FF5252;}
.tx-red-a200 {color: #FF5252;}

.bg-red-a400 {background-color: #FF1744;}
.tx-red-a400 {color: #FF1744;}

.bg-red-a700 {background-color: #d50000;}
.tx-red-a700 {color: #d50000;}


/* ======== pink color list ========= */

.bg-pink {background-color: #E91E63;}
.tx-pink {color: #E91E63;}

.bg-pink-50 {background-color: #FcE4Ec;}
.tx-pink-50 {color: #FcE4Ec;}

.bg-pink-100 {background-color: #F8bbd0;}
.tx-pink-100 {color: #F8bbd0;}

.bg-pink-200 {background-color: #F48Fb1;}
.tx-pink-200 {color: #F48Fb1;}

.bg-pink-300 {background-color: #F06292;}
.tx-pink-300 {color: #F06292;}

.bg-pink-400 {background-color: #Ec407a;}
.tx-pink-400 {color: #Ec407a;}

.bg-pink-500 {background-color: #E91E63;}
.tx-pink-500 {color: #E91E63;}

.bg-pink-600 {background-color: #d81b60;}
.tx-pink-600 {color: #d81b60;}

.bg-pink-700 {background-color: #c2185b;}
.tx-pink-700 {color: #c2185b;}

.bg-pink-800 {background-color: #ad1457;}
.tx-pink-800 {color: #ad1457;}

.bg-pink-900 {background-color: #880E4F;}
.tx-pink-900 {color: #880E4F;}

.bg-pink-a100 {background-color: #FF80ab;}
.tx-pink-a100 {color: #FF80ab;}

.bg-pink-a200 {background-color: #FF4081;}
.tx-pink-a200 {color: #FF4081;}

.bg-pink-a400 {background-color: #F50057;}
.tx-pink-a400 {color: #F50057;}

.bg-pink-a700 {background-color: #c51162;}
.tx-pink-a700 {color: #c51162;}


/* ======== purple color list ========= */

.bg-purple {background-color: #9c27b0;}
.tx-purple {color: #9c27b0;}

.bg-purple-50 {background-color: #F3E5F5;}
.tx-purple-50 {color: #F3E5F5;}

.bg-purple-100 {background-color: #E1bEE7;}
.tx-purple-100 {color: #E1bEE7;}

.bg-purple-200 {background-color: #cE93d8;}
.tx-purple-200 {color: #cE93d8;}

.bg-purple-300 {background-color: #ba68c8;}
.tx-purple-300 {color: #ba68c8;}

.bg-purple-400 {background-color: #ab47bc;}
.tx-purple-400 {color: #ab47bc;}

.bg-purple-500 {background-color: #9c27b0;}
.tx-purple-500 {color: #9c27b0;}

.bg-purple-600 {background-color: #8E24aa;}
.tx-purple-600 {color: #8E24aa;}

.bg-purple-700 {background-color: #7b1Fa2;}
.tx-purple-700 {color: #7b1Fa2;}

.bg-purple-800 {background-color: #6a1b9a;}
.tx-purple-800 {color: #6a1b9a;}

.bg-purple-900 {background-color: #4a148c;}
.tx-purple-900 {color: #4a148c;}

.bg-purple-a100 {background-color: #Ea80Fc;}
.tx-purple-a100 {color: #Ea80Fc;}

.bg-purple-a200 {background-color: #E040Fb;}
.tx-purple-a200 {color: #E040Fb;}

.bg-purple-a400 {background-color: #d500F9;}
.tx-purple-a400 {color: #d500F9;}

.bg-purple-a700 {background-color: #aa00FF;}
.tx-purple-a700 {color: #aa00FF;}


/* ======== deep purple color list ========= */

.bg-deep-purple {background-color: #673ab7;}
.tx-deep-purple {color: #673ab7;}

.bg-deep-purple-50 {background-color: #EdE7F6;}
.tx-deep-purple-50 {color: #EdE7F6;}

.bg-deep-purple-100 {background-color: #d1c4E9;}
.tx-deep-purple-100 {color: #d1c4E9;}

.bg-deep-purple-200 {background-color: #b39ddb;}
.tx-deep-purple-200 {color: #b39ddb;}

.bg-deep-purple-300 {background-color: #9575cd;}
.tx-deep-purple-300 {color: #9575cd;}

.bg-deep-purple-400 {background-color: #7E57c2;}
.tx-deep-purple-400 {color: #7E57c2;}

.bg-deep-purple-500 {background-color: #673ab7;}
.tx-deep-purple-500 {color: #673ab7;}

.bg-deep-purple-600 {background-color: #5E35b1;}
.tx-deep-purple-600 {color: #5E35b1;}

.bg-deep-purple-700 {background-color: #512da8;}
.tx-deep-purple-700 {color: #512da8;}

.bg-deep-purple-800 {background-color: #4527a0;}
.tx-deep-purple-800 {color: #4527a0;}

.bg-deep-purple-900 {background-color: #311b92;}
.tx-deep-purple-900 {color: #311b92;}

.bg-deep-purple-a100 {background-color: #b388FF;}
.tx-deep-purple-a100 {color: #b388FF;}

.bg-deep-purple-a200 {background-color: #7c4dFF;}
.tx-deep-purple-a200 {color: #7c4dFF;}

.bg-deep-purple-a400 {background-color: #651FFF;}
.tx-deep-purple-a400 {color: #651FFF;}

.bg-deep-purple-a700 {background-color: #6200Ea;}
.tx-deep-purple-a700 {color: #6200Ea;}


/* ======== indigo color list ========= */

.bg-indigo {background-color: #3F51b5;}
.tx-indigo {color: #3F51b5;}

.bg-indigo-50 {background-color: #E8EaF6;}
.tx-indigo-50 {color: #E8EaF6;}

.bg-indigo-100 {background-color: #c5caE9;}
.tx-indigo-100 {color: #c5caE9;}

.bg-indigo-200 {background-color: #9Fa8da;}
.cl-indigo-200 {color: #9Fa8da;}

.tx-indigo-300 {background-color: #7986cb;}
.bg-indigo-300 {color: #7986cb;}

.bg-indigo-400 {background-color: #5c6bc0;}
.tx-indigo-400 {color: #5c6bc0;}

.bg-indigo-500 {background-color: #3F51b5;}
.tx-indigo-500 {color: #3F51b5;}

.bg-indigo-600 {background-color: #3949ab;}
.tx-indigo-600 {color: #3949ab;}

.bg-indigo-700 {background-color: #303F9F;}
.tx-indigo-700 {color: #303F9F;}

.bg-indigo-800 {background-color: #283593;}
.tx-indigo-800 {color: #283593;}

.bg-indigo-900 {background-color: #1a237E;}
.tx-indigo-900 {color: #1a237E;}

.bg-indigo-a100 {background-color: #8c9EFF;}
.tx-indigo-a100 {color: #8c9EFF;}

.bg-indigo-a200 {background-color: #536dFE;}
.tx-indigo-a200 {color: #536dFE;}

.bg-indigo-a400 {background-color: #3d5aFE;}
.tx-indigo-a400 {color: #3d5aFE;}

.bg-indigo-a700 {background-color: #304FFE;}
.tx-indigo-a700 {color: #304FFE;}


/* ======== blue color list ========= */

.bg-blue {background-color: #2196F3;}
.tx-blue {color: #2196F3;}

.bg-blue-50 {background-color: #E3F2Fd;}
.tx-blue-50 {color: #E3F2Fd;}

.bg-blue-100 {background-color: #bbdEFb;}
.tx-blue-100 {color: #bbdEFb;}

.bg-blue-200 {background-color: #90caF9;}
.tx-blue-200 {color: #90caF9;}

.bg-blue-300 {background-color: #64b5F6;}
.tx-blue-300 {color: #64b5F6;}

.bg-blue-400 {background-color: #42a5F5;}
.tx-blue-400 {color: #42a5F5;}

.bg-blue-500 {background-color: #2196F3;}
.tx-blue-500 {color: #2196F3;}

.bg-blue-600 {background-color: #1E88E5;}
.tx-blue-600 {color: #1E88E5;}

.bg-blue-700 {background-color: #1976d2;}
.tx-blue-700 {color: #1976d2;}

.bg-blue-800 {background-color: #1565c0;}
.tx-blue-800 {color: #1565c0;}

.bg-blue-900 {background-color: #0d47a1;}
.tx-blue-900 {color: #0d47a1;}

.bg-blue-a100 {background-color: #82b1FF;}
.tx-blue-a100 {color: #82b1FF;}

.bg-blue-a200 {background-color: #448aFF;}
.tx-blue-a200 {color: #448aFF;}

.bg-blue-a400 {background-color: #2979FF;}
.tx-blue-a400 {color: #2979FF;}

.bg-blue-a700 {background-color: #2962FF;}
.tx-blue-a700 {color: #2962FF;}


/* ======== light blue color list ========= */

.bg-light-blue {background-color: #03a9F4;}
.tx-light-blue {color: #03a9F4;}

.bg-light-blue-50 {background-color: #E1F5FE;}
.tx-light-blue-50 {color: #E1F5FE;}

.bg-light-blue-100 {background-color: #b3E5Fc;}
.tx-light-blue-100 {color: #b3E5Fc;}

.bg-light-blue-200 {background-color: #81d4Fa;}
.tx-light-blue-200 {color: #81d4Fa;}

.bg-light-blue-300 {background-color: #4Fc3F7;}
.tx-light-blue-300 {color: #4Fc3F7;}

.bg-light-blue-400 {background-color: #29b6F6;}
.tx-light-blue-400 {color: #29b6F6;}

.bg-light-blue-500 {background-color: #03a9F4;}
.tx-light-blue-500 {color: #03a9F4;}

.bg-light-blue-600 {background-color: #039bE5;}
.tx-light-blue-600 {color: #039bE5;}

.bg-light-blue-700 {background-color: #0288d1;}
.tx-light-blue-700 {color: #0288d1;}

.bg-light-blue-800 {background-color: #0277bd;}
.tx-light-blue-800 {color: #0277bd;}

.bg-light-blue-900 {background-color: #01579b;}
.tx-light-blue-900 {color: #01579b;}

.bg-light-blue-a100 {background-color: #80d8FF;}
.tx-light-blue-a100 {color: #80d8FF;}

.bg-light-blue-a200 {background-color: #40c4FF;}
.tx-light-blue-a200 {color: #40c4FF;}

.bg-light-blue-a400 {background-color: #00b0FF;}
.tx-light-blue-a400 {color: #00b0FF;}

.bg-light-blue-a700 {background-color: #0091Ea;}
.tx-light-blue-a700 {color: #0091Ea;}


/* ======== cyan color list ========= */

.bg-cyan {background-color: #00bcd4;}
.tx-cyan {color: #00bcd4;}

.bg-cyan-50 {background-color: #E0F7Fa;}
.tx-cyan-50 {color: #E0F7Fa;}

.bg-cyan-100 {background-color: #b2EbF2;}
.tx-cyan-100 {color: #b2EbF2;}

.bg-cyan-200 {background-color: #80dEEa;}
.tx-cyan-200 {color: #80dEEa;}

.bg-cyan-300 {background-color: #4dd0E1;}
.tx-cyan-300 {color: #4dd0E1;}

.bg-cyan-400 {background-color: #26c6da;}
.tx-cyan-400 {color: #26c6da;}

.bg-cyan-500 {background-color: #00bcd4;}
.tx-cyan-500 {color: #00bcd4;}

.bg-cyan-600 {background-color: #00acc1;}
.tx-cyan-600 {color: #00acc1;}

.bg-cyan-700 {background-color: #0097a7;}
.tx-cyan-700 {color: #0097a7;}

.bg-cyan-800 {background-color: #00838F;}
.tx-cyan-800 {color: #00838F;}

.bg-cyan-900 {background-color: #006064;}
.tx-cyan-900 {color: #006064;}

.bg-cyan-a100 {background-color: #84FFFF;}
.tx-cyan-a100 {color: #84FFFF;}

.bg-cyan-a200 {background-color: #18FFFF;}
.tx-cyan-a200 {color: #18FFFF;}

.bg-cyan-a400 {background-color: #00E5FF;}
.tx-cyan-a400 {color: #00E5FF;}

.bg-cyan-a700 {background-color: #00b8d4;}
.tx-cyan-a700 {color: #00b8d4;}


/* ======== teal color list ========= */

.bg-teal {background-color: #009688;}
.tx-teal {color: #009688;}

.bg-teal-50 {background-color: #E0F2F1;}
.tx-teal-50 {color: #E0F2F1;}

.bg-teal-100 {background-color: #b2dFdb;}
.tx-teal-100 {color: #b2dFdb;}

.bg-teal-200 {background-color: #80cbc4;}
.tx-teal-200 {color: #80cbc4;}

.bg-teal-300 {background-color: #4db6ac;}
.tx-teal-300 {color: #4db6ac;}

.bg-teal-400 {background-color: #26a69a;}
.tx-teal-400 {color: #26a69a;}

.bg-teal-500 {background-color: #009688;}
.tx-teal-500 {color: #009688;}

.bg-teal-600 {background-color: #00897b;}
.tx-teal-600 {color: #00897b;}

.bg-teal-700 {background-color: #00796b;}
.tx-teal-700 {color: #00796b;}

.bg-teal-800 {background-color: #00695c;}
.tx-teal-800 {color: #00695c;}

.bg-teal-900 {background-color: #004d40;}
.tx-teal-900 {color: #004d40;}

.bg-teal-a100 {background-color: #a7FFEb;}
.tx-teal-a100 {color: #a7FFEb;}

.bg-teal-a200 {background-color: #64FFda;}
.tx-teal-a200 {color: #64FFda;}

.bg-teal-a400 {background-color: #1dE9b6;}
.tx-teal-a400 {color: #1dE9b6;}

.bg-teal-a700 {background-color: #00bFa5;}
.tx-teal-a700 {color: #00bFa5;}


/* ======== green color list ========= */

.bg-green {background-color: #4caF50;}
.tx-green {color: #4caF50;}

.bg-green-50 {background-color: #E8F5E9;}
.tx-green-50 {color: #E8F5E9;}

.bg-green-100 {background-color: #c8E6c9;}
.tx-green-100 {color: #c8E6c9;}

.bg-green-200 {background-color: #a5d6a7;}
.cl-green-200 {color: #a5d6a7;}

.bg-green-300 {background-color: #81c784;}
.cl-green-300 {color: #81c784;}

.bg-green-400 {background-color: #66bb6a;}
.tx-green-400 {color: #66bb6a;}

.bg-green-500 {background-color: #4caF50;}
.tx-green-500 {color: #4caF50;}

.bg-green-600 {background-color: #43a047;}
.tx-green-600 {color: #43a047;}

.bg-green-700 {background-color: #388E3c;}
.tx-green-700 {color: #388E3c;}

.bg-green-800 {background-color: #2E7d32;}
.tx-green-800 {color: #2E7d32;}

.bg-green-900 {background-color: #1b5E20;}
.tx-green-900 {color: #1b5E20;}

.bg-green-a100 {background-color: #b9F6ca;}
.tx-green-a100 {color: #b9F6ca;}

.bg-green-a200 {background-color: #69F0aE;}
.tx-green-a200 {color: #69F0aE;}

.bg-green-a400 {background-color: #00E676;}
.tx-green-a400 {color: #00E676;}

.bg-green-a700 {background-color: #00c853;}
.tx-green-a700 {color: #00c853;}


/* ======== light green color list ========= */

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

.bg-light-green-50 {background-color: #F1F8E9;}
.tx-light-green-50 {color: #F1F8E9;}

.bg-light-green-100 {background-color: #dcEdc8;}
.tx-light-green-100 {color: #dcEdc8;}

.bg-light-green-200 {background-color: #c5E1a5;}
.tx-light-green-200 {color: #c5E1a5;}

.bg-light-green-300 {background-color: #aEd581;}
.tx-light-green-300 {color: #aEd581;}

.bg-light-green-400 {background-color: #9ccc65;}
.tx-light-green-400 {color: #9ccc65;}

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

.bg-light-green-600 {background-color: #7cb342;}
.tx-light-green-600 {color: #7cb342;}

.bg-light-green-700 {background-color: #689F38;}
.tx-light-green-700 {color: #689F38;}

.bg-light-green-800 {background-color: #558b2F;}
.tx-light-green-800 {color: #558b2F;}

.bg-light-green-900 {background-color: #33691E;}
.tx-light-green-900 {color: #33691E;}

.bg-light-green-a100 {background-color: #ccFF90;}
.tx-light-green-a100 {color: #ccFF90;}

.bg-light-green-a200 {background-color: #b2FF59;}
.tx-light-green-a200 {color: #b2FF59;}

.bg-light-green-a400 {background-color: #76FF03;}
.tx-light-green-a400 {color: #76FF03;}

.bg-light-green-a700 {background-color: #64dd17;}
.tx-light-green-a700 {color: #64dd17;}


/* ======== lime color list ========= */

.bg-lime {background-color: #cddc39;}
.tx-lime {color: #cddc39;}

.bg-lime-50 {background-color: #F9FbE7;}
.tx-lime-50 {color: #F9FbE7;}

.bg-lime-100 {background-color: #F0F4c3;}
.tx-lime-100 {color: #F0F4c3;}

.bg-lime-200 {background-color: #E6EE9c;}
.tx-lime-200 {color: #E6EE9c;}

.bg-lime-300 {background-color: #dcE775;}
.tx-lime-300 {color: #dcE775;}

.bg-lime-400 {background-color: #d4E157;}
.tx-lime-400 {color: #d4E157;}

.bg-lime-500 {background-color: #cddc39;}
.tx-lime-500 {color: #cddc39;}

.bg-lime-600 {background-color: #c0ca33;}
.tx-lime-600 {color: #c0ca33;}

.bg-lime-700 {background-color: #aFb42b;}
.tx-lime-700 {color: #aFb42b;}

.bg-lime-800 {background-color: #9E9d24;}
.tx-lime-800 {color: #9E9d24;}

.bg-lime-900 {background-color: #827717;}
.tx-lime-900 {color: #827717;}

.bg-lime-a100 {background-color: #F4FF81;}
.tx-lime-a100 {color: #F4FF81;}

.bg-lime-a200 {background-color: #EEFF41;}
.tx-lime-a200 {color: #EEFF41;}

.bg-lime-a400 {background-color: #c6FF00;}
.tx-lime-a400 {color: #c6FF00;}

.bg-lime-a700 {background-color: #aEEa00;}
.tx-lime-a700 {color: #aEEa00;}


/* ======== yellow color list ========= */

.bg-yellow {background-color: #FFEb3b;}
.tx-yellow {color: #FFEb3b;}

.bg-yellow-50 {background-color: #FFFdE7;}
.tx-yellow-50 {color: #FFFdE7;}

.bg-yellow-100 {background-color: #FFF9c4;}
.tx-yellow-100 {color: #FFF9c4;}

.bg-yellow-200 {background-color: #FFF59d;}
.tx-yellow-200 {color: #FFF59d;}

.bg-yellow-300 {background-color: #FFF176;}
.tx-yellow-300 {color: #FFF176;}

.bg-yellow-400 {background-color: #FFEE58;}
.tx-yellow-400 {color: #FFEE58;}

.bg-yellow-500 {background-color: #FFEb3b;}
.tx-yellow-500 {color: #FFEb3b;}

.bg-yellow-600 {background-color: #Fdd835;}
.tx-yellow-600 {color: #Fdd835;}

.bg-yellow-700 {background-color: #Fbc02d;}
.tx-yellow-700 {color: #Fbc02d;}

.bg-yellow-800 {background-color: #F9a825;}
.tx-yellow-800 {color: #F9a825;}

.bg-yellow-900 {background-color: #F57F17;}
.tx-yellow-900 {color: #F57F17;}

.bg-yellow-a100 {background-color: #FFFF8d;}
.tx-yellow-a100 {color: #FFFF8d;}

.bg-yellow-a200 {background-color: #FFFF00;}
.tx-yellow-a200 {color: #FFFF00;}

.bg-yellow-a400 {background-color: #FFEa00;}
.tx-yellow-a400 {color: #FFEa00;}

.bg-yellow-a700 {background-color: #FFd600;}
.tx-yellow-a700 {color: #FFd600;}


/* ======== amber color list ========= */

.bg-amber {background-color: #FFc107;}
.tx-amber {color: #FFc107;}

.bg-amber-50 {background-color: #FFF8E1;}
.tx-amber-50 {color: #FFF8E1;}

.bg-amber-100 {background-color: #FFEcb3;}
.tx-amber-100 {color: #FFEcb3;}

.bg-amber-200 {background-color: #FFE082;}
.tx-amber-200 {color: #FFE082;}

.bg-amber-300 {background-color: #FFd54F;}
.tx-amber-300 {color: #FFd54F;}

.bg-amber-400 {background-color: #FFca28;}
.tx-amber-400 {color: #FFca28;}

.bg-amber-500 {background-color: #FFc107;}
.tx-amber-500 {color: #FFc107;}

.bg-amber-600 {background-color: #FFb300;}
.tx-amber-600 {color: #FFb300;}

.bg-amber-700 {background-color: #FFa000;}
.tx-amber-700 {color: #FFa000;}

.bg-amber-800 {background-color: #FF8F00;}
.tx-amber-800 {color: #FF8F00;}

.bg-amber-900 {background-color: #FF6F00;}
.tx-amber-900 {color: #FF6F00;}

.bg-amber-a100 {background-color: #FFE57F;}
.tx-amber-a100 {color: #FFE57F;}

.bg-amber-a200 {background-color: #FFd740;}
.tx-amber-a200 {color: #FFd740;}

.bg-amber-a400 {background-color: #FFc400;}
.tx-amber-a400 {color: #FFc400;}

.bg-amber-a700 {background-color: #FFab00;}
.tx-amber-a700 {color: #FFab00;}


/* ======== orange color list ========= */

.bg-orange {background-color: #FF9800;}
.tx-orange {color: #FF9800;}

.bg-orange-50 {background-color: #FFF3E0;}
.tx-orange-50 {color: #FFF3E0;}

.bg-orange-100 {background-color: #FFE0b2;}
.tx-orange-100 {color: #FFE0b2;}

.bg-orange-200 {background-color: #FFcc80;}
.tx-orange-200 {color: #FFcc80;}

.bg-orange-300 {background-color: #FFb74d;}
.tx-orange-300 {color: #FFb74d;}

.bg-orange-400 {background-color: #FFa726;}
.tx-orange-400 {color: #FFa726;}

.bg-orange-500 {background-color: #FF9800;}
.tx-orange-500 {color: #FF9800;}

.bg-orange-600 {background-color: #Fb8c00;}
.tx-orange-600 {color: #Fb8c00;}

.bg-orange-700 {background-color: #F57c00;}
.tx-orange-700 {color: #F57c00;}

.bg-orange-800 {background-color: #EF6c00;}
.tx-orange-800 {color: #EF6c00;}

.bg-orange-900 {background-color: #E65100;}
.tx-orange-900 {color: #E65100;}

.bg-orange-a100 {background-color: #FFd180;}
.tx-orange-a100 {color: #FFd180;}

.bg-orange-a200 {background-color: #FFab40;}
.tx-orange-a200 {color: #FFab40;}

.bg-orange-a400 {background-color: #FF9100;}
.tx-orange-a400 {color: #FF9100;}

.bg-orange-a700 {background-color: #FF6d00;}
.tx-orange-a700 {color: #FF6d00;}


/* ======== deep orange color list ========= */

.bg-deep-orange {background-color: #FF5722;}
.tx-deep-orange {color: #FF5722;}

.bg-deep-orange-50 {background-color: #FbE9E7;}
.tx-deep-orange-50 {color: #FbE9E7;}

.bg-deep-orange-100 {background-color: #FFccbc;}
.tx-deep-orange-100 {color: #FFccbc;}

.bg-deep-orange-200 {background-color: #FFab91;}
.tx-deep-orange-200 {color: #FFab91;}

.bg-deep-orange-300 {background-color: #FF8a65;}
.tx-deep-orange-300 {color: #FF8a65;}

.bg-deep-orange-400 {background-color: #FF7043;}
.tx-deep-orange-400 {color: #FF7043;}

.bg-deep-orange-500 {background-color: #FF5722;}
.tx-deep-orange-500 {color: #FF5722;}

.bg-deep-orange-600 {background-color: #F4511E;}
.tx-deep-orange-600 {color: #F4511E;}

.bg-deep-orange-700 {background-color: #E64a19;}
.tx-deep-orange-700 {color: #E64a19;}

.bg-deep-orange-800 {background-color: #d84315;}
.tx-deep-orange-800 {color: #d84315;}

.bg-deep-orange-900 {background-color: #bF360c;}
.tx-deep-orange-900 {color: #bF360c;}

.bg-deep-orange-a100 {background-color: #FF9E80;}
.tx-deep-orange-a100 {color: #FF9E80;}

.bg-deep-orange-a200 {background-color: #FF6E40;}
.tx-deep-orange-a200 {color: #FF6E40;}

.bg-deep-orange-a400 {background-color: #FF3d00;}
.tx-deep-orange-a400 {color: #FF3d00;}

.bg-deep-orange-a700 {background-color: #dd2c00;}
.tx-deep-orange-a700 {color: #dd2c00;}


/* ======== brown color list ========= */

.bg-brown {background-color: #795548;}
.tx-brown {color: #795548;}

.bg-brown-50 {background-color: #EFEbE9;}
.tx-brown-50 {color: #EFEbE9;}

.bg-brown-100 {background-color: #d7ccc8;}
.tx-brown-100 {color: #d7ccc8;}

.bg-brown-200 {background-color: #bcaaa4;}
.tx-brown-200 {color: #bcaaa4;}

.bg-brown-300 {background-color: #a1887F;}
.tx-brown-300 {color: #a1887F;}

.bg-brown-400 {background-color: #8d6E63;}
.tx-brown-400 {color: #8d6E63;}

.bg-brown-500 {background-color: #795548;}
.tx-brown-500 {color: #795548;}

.bg-brown-600 {background-color: #6d4c41;}
.tx-brown-600 {color: #6d4c41;}

.bg-brown-700 {background-color: #5d4037;}
.tx-brown-700 {color: #5d4037;}

.bg-brown-800 {background-color: #4E342E;}
.tx-brown-800 {color: #4E342E;}

.bg-brown-900 {background-color: #3E2723;}
.tx-brown-900 {color: #3E2723;}


/* ======== grey color list ========= */

.bg-grey {background-color: #9E9E9E;}
.tx-grey {color: #9E9E9E;}

.bg-grey-50 {background-color: #FaFaFa;}
.tx-grey-50 {color: #FaFaFa;}

.bg-grey-100 {background-color: #F5F5F5;}
.tx-grey-100 {color: #F5F5F5;}

.bg-grey-200 {background-color: #EEEEEE;}
.tx-grey-200 {color: #EEEEEE;}

.bg-grey-300 {background-color: #E0E0E0;}
.tx-grey-300 {color: #E0E0E0;}

.bg-grey-400 {background-color: #bdbdbd;}
.tx-grey-400 {color: #bdbdbd;}

.bg-grey-500 {background-color: #9E9E9E;}
.tx-grey-500 {color: #9E9E9E;}

.bg-grey-600 {background-color: #757575;}
.tx-grey-600 {color: #757575;}

.bg-grey-700 {background-color: #616161;}
.tx-grey-700 {color: #616161;}

.bg-grey-800 {background-color: #424242;}
.tx-grey-800 {color: #424242;}

.bg-grey-900 {background-color: #212121;}
.tx-grey-900 {color: #212121;}


/* ======== blue grey color list ========= */

.bg-blue-grey {background-color: #607d8b;}
.tx-blue-grey {color: #607d8b;}

.bg-blue-grey-50 {background-color: #EcEFF1;}
.tx-blue-grey-50 {color: #EcEFF1;}

.bg-blue-grey-100 {background-color: #cFd8dc;}
.tx-blue-grey-100 {color: #cFd8dc;}

.bg-blue-grey-200 {background-color: #b0bEc5;}
.tx-blue-grey-200 {color: #b0bEc5;}

.bg-blue-grey-300 {background-color: #90a4aE;}
.tx-blue-grey-300 {color: #90a4aE;}

.bg-blue-grey-400 {background-color: #78909c;}
.tx-blue-grey-400 {color: #78909c;}

.bg-blue-grey-500 {background-color: #607d8b;}
.tx-blue-grey-500 {color: #607d8b;}

.bg-blue-grey-600 {background-color: #546E7a;}
.tx-blue-grey-600 {color: #546E7a;}

.bg-blue-grey-700 {background-color: #455a64;}
.tx-blue-grey-700 {color: #455a64;}

.bg-blue-grey-800 {background-color: #37474F;}
.tx-blue-grey-800 {color: #37474F;}

.bg-blue-grey-900 {background-color: #263238;}
.tx-blue-grey-900 {color: #263238;}


/* ======== black color list ========= */

.bg-black {background-color: #000000;}
.tx-black {color: #000000;}

.bg-black-500 {background-color: #000000;}
.tx-black-500 {color: #000000;}



/* ======== white color list ========= */

.bg-white {background-color: #ffffff;}
.tx-white {color: #ffffff;}

.bg-white-500 {background-color: #ffffff;}
.tx-white-500 {color: #ffffff;}


/* ======== transparent ========= */

.bg-transparent {background-color: rgba(0, 0, 0, 0);}
.tx-transparent {color: rgba(0, 0, 0, 0);}