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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.txt-grey-50{color: #fafafa;}
.txt-grey-100{color: #f5f5f5;}
.txt-grey-200{color: #eeeeee;}
.txt-grey-300{color: #e0e0e0;}
.txt-grey-400{color: #bdbdbd;}
.txt-grey-500{color: #9e9e9e;}
.txt-grey-600{color: #757575;}
.txt-grey-700{color: #616161;}
.txt-grey-800{color: #424242;}
.txt-grey-900{color: #212121;}
.txt-grey-A100{color: #f5f5f5;}
.txt-grey-A200{color: #eeeeee;}
.txt-grey-A400{color: #bdbdbd;}
.txt-grey-A700{color: #616161;}
.txt-grey{color: #9e9e9e;}

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

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

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

.txt-black{color: #000000;}
.txt-white{color: #ffffff;}


.login-form{
	order: 2;
}
.some-info{
	order: 1;
}
.middle-block{
	margin: 20px 0;
}
.middle-block .card {
	background-color: black;
	height: 200px;
	max-width: 350px;
	margin: 0 auto;
}
.middle-block .card .card-body {
	color: #05ac05;
	padding: 26px 30px;
	z-index: 1;
}
.middle-block .card .card-body strong {
	display: inline-block;
	border-radius: 15px;
	background-color: #323567;
	padding: 10px;
	color: white !important;
	vertical-align: middle;
	font-size: 20px;
}
.footer {
	min-height: 10px;
	background-color: #32344d;
	padding-top: 30px;
}

/* width */
.sidebar-wrapper::-webkit-scrollbar, .ob-card-search-delo .ob-delo-mini .ob-delo-mini-content::-webkit-scrollbar {
	width: 5px;
}
/* Track */
.sidebar-wrapper::-webkit-scrollbar-track, .ob-card-search-delo .ob-delo-mini .ob-delo-mini-content::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
.sidebar-wrapper::-webkit-scrollbar-thumb, .ob-card-search-delo .ob-delo-mini .ob-delo-mini-content::-webkit-scrollbar-thumb {
	background: #888;
}
/* Handle on hover */
.sidebar-wrapper::-webkit-scrollbar-thumb:hover, .ob-card-search-delo .ob-delo-mini .ob-delo-mini-content::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.yellow-400{color: #ffee58;}
.yellow-800{color: #f9a825;}
.red-800{color: #c62828;}


.spinner {
  position: relative;
  margin: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 4px solid rgba(255, 255, 255, 0.1);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
  transform-origin: 50% 60%;
  transform: perspective(200px) rotateX(66deg);
  animation: spinner-wiggle 1.2s infinite;
}
.spinner:before,
.spinner:after {
  content: "";
  position: absolute;
  margin: -4px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: .05;
  border: inherit;
  border-color: transparent;
  animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite;
}

.spinner:before {
  border-top-color: #66e6ff;
}

.spinner:after {
  border-top-color: #f0db75;
  animation-delay: 0.3s;
}

@keyframes spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-fade {
  20% {
    opacity: .1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: .1;
  }
}

.switch-transition {
    transition: all .5s ease-in-out;
}

.switch-enter {
    left: 100%;
}

.switch-leave {
    left: -100%;
}

.filter-options .btn-group .el-radio-button__inner{ border: 0px !important; padding: 0 !important; background: transparent !important; color: inherit !important; font-size: 11px;}

.short-text-wrapper{display: block; overflow: hidden; width: 100%; text-overflow: ellipsis;}
.short-text-wrapper > *{white-space: nowrap;}

.main-panel{height: 100%;}

.cursor-pointer{cursor: pointer !important;}

.chat-avatar.avatar {
	margin-bottom: 0px !important;
	width: 38px !important;
	height: 38px !important;
}
.chat-info-notify{margin-bottom: 20px;}
.chat-info-notify > *{margin-right: 10px; display: inline-block; vertical-align: middle;}
.chat-info-notify .nc-icon{font-size: 20px;}

.cbc{
	height: 350px;
	overflow-y: auto;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.cbh{
	padding-right: 0px !important;
}
.pr-15px{
	padding-right: 15px !important;
}

.node-tree .fa-folder-open-o:before{font-size: 16px !important;}

.rotate {
	-webkit-animation-name: cog;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: cog;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: cog;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: cog;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes cog {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes cog {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cog {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes cog {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}

@media (max-width: 700px){
	.main-panel .content {
		margin-top: 65px !important;
	}
}