.red {
    color: rgba(255, 255, 255, .9);
    background-color: #f44336 !important
}

.red-100,
.red-200,
.red-300,
.red-50 {
    color: rgba(0, 0, 0, .8)
}

.red-50, input[type="checkbox"].red-50.switch::after {
    background-color: #ffebee !important
}

.red-100, input[type="checkbox"].red-100.switch::after {
    background-color: #ffcdd2 !important
}

.red-200, input[type="checkbox"].red-200.switch::after {
    background-color: #ef9a9a !important
}

.red-300, input[type="checkbox"].red-300.switch::after {
    background-color: #e57373 !important
}

.pink,
.red-400,
.red-500,
.red-600,
.red-700,
.red-800,
.red-900 {
    color: rgba(255, 255, 255, .9)
}

.red-400, input[type="checkbox"].red-400.switch::after {
    background-color: #ef5350 !important
}

.red-500, input[type="checkbox"].red-500.switch::after {
    background-color: #f44336 !important
}

.red-600, input[type="checkbox"].red-600.switch::after {
    background-color: #e53935 !important
}

.red-700, input[type="checkbox"].red-700.switch::after {
    background-color: #d32f2f !important
}

.red-800, input[type="checkbox"].red-800.switch::after {
    background-color: #c62828 !important
}

.red-900, input[type="checkbox"].red-900.switch::after {
    background-color: #b71c1c !important
}

.pink, input[type="checkbox"].pink.switch::after {
    background-color: #E91E63 !important
}

.pink-100,
.pink-200,
.pink-50 {
    color: rgba(0, 0, 0, .8)
}

.pink-50, input[type="checkbox"].pink-50.switch::after {
    background-color: #fce4ec !important
}

.pink-100, input[type="checkbox"].pink-100.switch::after {
    background-color: #f8bbd0 !important
}

.pink-200, input[type="checkbox"].pink-200.switch::after {
    background-color: #f48fb1 !important
}

.Pink-300,
.pink-400,
.pink-500,
.pink-600,
.pink-700,
.pink-800,
.pink-900,
.purple {
    color: rgba(255, 255, 255, .9)
}

.Pink-300, input[type="checkbox"].Pink-300.switch::after {
    background-color: #f06292 !important
}

.pink-400, input[type="checkbox"].pink-400.switch::after {
    background-color: #ec407a !important
}

.pink-500, input[type="checkbox"].pink-500.switch::after {
    background-color: #e91e63 !important
}

.pink-600, input[type="checkbox"].pink-600.switch::after {
    background-color: #d81b60 !important
}

.pink-700, input[type="checkbox"].pink-700.switch::after {
    background-color: #c2185b !important
}

.pink-800, input[type="checkbox"].pink-800.switch::after {
    background-color: #ad1457 !important
}

.pink-900, input[type="checkbox"].pink-900.switch::after {
    background-color: #880e4f !important
}

.purple, input[type="checkbox"].purple.switch::after {
    background-color: #9c27b0 !important
}

.purple-100,
.purple-200,
.purple-50 {
    color: rgba(0, 0, 0, .8)
}

.purple-50, input[type="checkbox"].purple-50.switch::after {
    background-color: #f3e5f5 !important
}

.purple-100, input[type="checkbox"].purple-100.switch::after {
    background-color: #e1bee7 !important
}

.purple-200, input[type="checkbox"].purple-200.switch::after {
    background-color: #ce93d8 !important
}

.purple-300,
.purple-400,
.deep-purple,
.purple-500,
.purple-600,
.purple-700,
.purple-800,
.purple-900 {
    color: rgba(255, 255, 255, .9)
}

.purple-300, input[type="checkbox"].purple-300.switch::after {
    background-color: #ba68c8 !important
}

.purple-400, input[type="checkbox"].purple-400.switch::after {
    background-color: #ab47bc !important
}

.purple-500, input[type="checkbox"].purple-500.switch::after {
    background-color: #9c27b0 !important
}

.purple-600, input[type="checkbox"].purple-600.switch::after {
    background-color: #8e24aa !important
}

.purple-700, input[type="checkbox"].purple-700.switch::after {
    background-color: #7b1fa2 !important
}

.purple-800, input[type="checkbox"].purple-800.switch::after {
    background-color: #6a1b9a !important
}

.purple-900, input[type="checkbox"].purple-900.switch::after {
    background-color: #4a148c !important
}

.deep-purple, input[type="checkbox"].deep-purple.switch::after {
    background-color: #673ab7 !important
}

.deep-purple-50 {
    color: rgba(0, 0, 0, .8);
    background-color: #ede7f6 !important
}

.deep-purple-100 {
    color: rgba(0, 0, 0, .8);
    background-color: #d1c4e9 !important
}

.deep-purple-200 {
    color: rgba(0, 0, 0, .8);
    background-color: #b39ddb !important
}

.deep-purple-300,
.deep-purple-400,
.deep-purple-500,
.deep-purple-600,
.deep-purple-700,
.deep-purple-800,
.deep-purple-900,
.indigo {
    color: rgba(255, 255, 255, .9)
}

.deep-purple-300, input[type="checkbox"].deep-purple-300.switch::after {
    background-color: #9575cd !important
}

.deep-purple-400, input[type="checkbox"].deep-purple-400.switch::after {
    background-color: #7e57c2 !important
}

.deep-purple-500, input[type="checkbox"].deep-purple-500.switch::after {
    background-color: #673ab7 !important
}

.deep-purple-600, input[type="checkbox"].deep-purple-600.switch::after {
    background-color: #5e35b1 !important
}

.deep-purple-700, input[type="checkbox"].deep-purple-700.switch::after {
    background-color: #512da8 !important
}

.deep-purple-800, input[type="checkbox"].deep-purple-800.switch::after {
    background-color: #4527a0 !important
}

.deep-purple-900, input[type="checkbox"].deep-purple-900.switch::after {
    background-color: #311b92 !important
}

.indigo, input[type="checkbox"].indigo.switch::after {
    background-color: #3f51b5 !important
}

.indigo-100,
.indigo-200,
.indigo-50 {
    color: rgba(0, 0, 0, .8)
}

.indigo-50, input[type="checkbox"].indigo-50.switch::after {
    background-color: #e8eaf6 !important
}

.indigo-100, input[type="checkbox"].indigo-100.switch::after {
    background-color: #c5cae9 !important
}

.indigo-200, input[type="checkbox"].indigo-200.switch::after {
    background-color: #9fa8da !important
}

.blue,
.indigo-300,
.indigo-400,
.indigo-500,
.indigo-600,
.indigo-700,
.indigo-800,
.indigo-900 {
    color: rgba(255, 255, 255, .9)
}

.indigo-300, input[type="checkbox"].indigo-300.switch::after {
    background-color: #7986cb !important
}

.indigo-400, input[type="checkbox"].indigo-400.switch::after {
    background-color: #5c6bc0 !important
}

.indigo-500, input[type="checkbox"].indigo-500.switch::after {
    background-color: #3f51b5 !important
}

.indigo-600, input[type="checkbox"].indigo-600.switch::after {
    background-color: #3949ab !important
}

.indigo-700, input[type="checkbox"].indigo-700.switch::after {
    background-color: #303f9f !important
}

.indigo-800, input[type="checkbox"].indigo-800.switch::after {
    background-color: #283593 !important
}

.indigo-900, input[type="checkbox"].indigo-900.switch::after {
    background-color: #1a237e !important
}

.blue, input[type="checkbox"].blue.switch::after {
    background-color: #2196F3 !important
}

.blue-100,
.blue-200,
.blue-300,
.blue-400,
.blue-50 {
    color: rgba(0, 0, 0, .8)
}

.blue-50, input[type="checkbox"].blue-50.switch::after {
    background-color: #e3f2fd !important
}

.blue-100, input[type="checkbox"].blue-100.switch::after {
    background-color: #bbdefb !important
}

.blue-200, input[type="checkbox"].blue-200.switch::after {
    background-color: #90caf9 !important
}

.blue-300, input[type="checkbox"].blue-300.switch::after {
    background-color: #64b5f6 !important
}

.blue-400, input[type="checkbox"].blue-400.switch::after {
    background-color: #42a5f5 !important
}

.blue-500,
.blue-600,
.blue-700,
.blue-800,
.blue-900,
.light-blue {
    color: rgba(255, 255, 255, .9)
}

.blue-500, input[type="checkbox"].blue-500.switch::after {
    background-color: #2196f3 !important
}

.blue-600, input[type="checkbox"].blue-600.switch::after {
    background-color: #1e88e5 !important
}

.blue-700, input[type="checkbox"].blue-700.switch::after {
    background-color: #1976d2 !important
}

.blue-800, input[type="checkbox"].blue-800.switch::after {
    background-color: #1565c0 !important
}

.blue-900, input[type="checkbox"].blue-900.switch::after {
    background-color: #0d47a1 !important
}

.light-blue, input[type="checkbox"].light-blue.switch::after {
    background-color: #03a9f4 !important
}

.light-blue-100,
.light-blue-200,
.light-blue-300,
.light-blue-400,
.light-blue-50,
.light-blue-500 {
    color: rgba(0, 0, 0, .8)
}

.light-blue-50, input[type="checkbox"].light-blue-50.switch::after {
    background-color: #e1f5fe !important
}

.light-blue-100, input[type="checkbox"].light-blue-100.switch::after {
    background-color: #b3e5fc !important
}

.light-blue-200, input[type="checkbox"].light-blue-200.switch::after {
    background-color: #81d4fa !important
}

.light-blue-300, input[type="checkbox"].light-blue-300.switch::after {
    background-color: #4fc3f7 !important
}

.light-blue-400, input[type="checkbox"].light-blue-400.switch::after {
    background-color: #29b6f6 !important
}

.light-blue-500, input[type="checkbox"].light-blue-500.switch::after {
    background-color: #03a9f4 !important
}

.cyan,
.light-blue-600,
.light-blue-700,
.light-blue-800,
.light-blue-900 {
    color: rgba(255, 255, 255, .9)
}

.light-blue-600, input[type="checkbox"].light-blue-600.switch::after {
    background-color: #039be5 !important
}

.light-blue-700, input[type="checkbox"].light-blue-700.switch::after {
    background-color: #0288d1 !important
}

.light-blue-800, input[type="checkbox"].light-blue-800.switch::after {
    background-color: #0277bd !important
}

.light-blue-900, input[type="checkbox"].light-blue-900.switch::after {
    background-color: #01579b !important
}

.cyan, input[type="checkbox"].cyan.switch::after {
    background-color: #00bcd4 !important
}

.cyan-100,
.cyan-200,
.cyan-300,
.cyan-400,
.cyan-50,
.cyan-500,
.cyan-600 {
    color: rgba(0, 0, 0, .8)
}

.cyan-50, input[type="checkbox"].cyan-50.switch::after {
    background-color: #e0f7fa !important
}

.cyan-100, input[type="checkbox"].cyan-100.switch::after {
    background-color: #b2ebf2 !important
}

.cyan-200, input[type="checkbox"].cyan-200.switch::after {
    background-color: #80deea !important
}

.cyan-300, input[type="checkbox"].cyan-300.switch::after {
    background-color: #4dd0e1 !important
}

.cyan-400, input[type="checkbox"].cyan-400.switch::after {
    background-color: #26c6da !important
}

.cyan-500, input[type="checkbox"].cyan-500.switch::after {
    background-color: #00bcd4 !important
}

.cyan-600, input[type="checkbox"].cyan-600.switch::after {
    background-color: #00acc1 !important
}

.cyan-700,
.cyan-800,
.cyan-900,
.teal {
    color: rgba(255, 255, 255, .9)
}

.cyan-700, input[type="checkbox"].cyan-700.switch::after {
    background-color: #0097a7 !important
}

.cyan-800, input[type="checkbox"].cyan-800.switch::after {
    background-color: #00838f !important
}

.cyan-900, input[type="checkbox"].cyan-900.switch::after {
    background-color: #006064 !important
}

.teal, input[type="checkbox"].teal.switch::after {
    background-color: #009688 !important
}

.teal-100,
.teal-200,
.teal-300,
.teal-400,
.teal-50 {
    color: rgba(0, 0, 0, .8)
}

.teal-50, input[type="checkbox"].teal-50.switch::after {
    background-color: #e0f2f1 !important
}

.teal-100, input[type="checkbox"].teal-100.switch::after {
    background-color: #b2dfdb !important
}

.teal-200, input[type="checkbox"].teal-200.switch::after {
    background-color: #80cbc4 !important
}

.teal-300, input[type="checkbox"].teal-300.switch::after {
    background-color: #4db6ac !important
}

.teal-400, input[type="checkbox"].teal-400.switch::after {
    background-color: #26a69a !important
}

.green,
.teal-500,
.teal-600,
.teal-700,
.teal-800,
.teal-900 {
    color: rgba(255, 255, 255, .9)
}

.teal-500, input[type="checkbox"].teal-500.switch::after {
    background-color: #009688 !important
}

.teal-600, input[type="checkbox"].teal-600.switch::after {
    background-color: #00897b !important
}

.teal-700, input[type="checkbox"].teal-700.switch::after {
    background-color: #00796b !important
}

.teal-800, input[type="checkbox"].teal-800.switch::after {
    background-color: #00695c !important
}

.teal-900, input[type="checkbox"].teal-900.switch::after {
    background-color: #004d40 !important
}

.green, input[type="checkbox"].green.switch::after {
    background-color: #4caf50 !important
}

.green-100,
.green-200,
.green-300,
.green-400,
.green-50,
.green-500 {
    color: rgba(0, 0, 0, .8)
}

.green-50, input[type="checkbox"].green-50.switch::after {
    background-color: #e8f5e9 !important
}

.green-100, input[type="checkbox"].green-100.switch::after {
    background-color: #c8e6c9 !important
}

.green-200, input[type="checkbox"].green-200.switch::after {
    background-color: #a5d6a7 !important
}

.green-300, input[type="checkbox"].green-300.switch::after {
    background-color: #81c784 !important
}

.green-400, input[type="checkbox"].green-400.switch::after {
    background-color: #66bb6a !important
}

.green-500, input[type="checkbox"].green-500.switch::after {
    background-color: #4caf50 !important
}

.green-600,
.green-700,
.green-800,
.green-900,
.light-green {
    color: rgba(255, 255, 255, .9)
}

.green-600, input[type="checkbox"].green-600.switch::after {
    background-color: #43a047 !important
}

.green-700, input[type="checkbox"].green-700.switch::after {
    background-color: #388e3c !important
}

.green-800, input[type="checkbox"].green-800.switch::after {
    background-color: #2e7d32 !important
}

.green-900, input[type="checkbox"].green-900.switch::after {
    background-color: #1b5e20 !important
}

.light-green, input[type="checkbox"].light-green.switch::after {
    background-color: #8bc34a !important
}

.light-green-100,
.light-green-200,
.light-green-300,
.light-green-400,
.light-green-50,
.light-green-500,
.light-green-600 {
    color: rgba(0, 0, 0, .8)
}

.light-green-50, input[type="checkbox"].light-green-50.switch::after {
    background-color: #f1f8e9 !important
}

.light-green-100, input[type="checkbox"].light-green-100.switch::after {
    background-color: #dcedc8 !important
}

.light-green-200, input[type="checkbox"].light-green-200.switch::after {
    background-color: #c5e1a5 !important
}

.light-green-300, input[type="checkbox"].light-green-300.switch::after {
    background-color: #aed581 !important
}

.light-green-400, input[type="checkbox"].light-green-400.switch::after {
    background-color: #9ccc65 !important
}

.light-green-500, input[type="checkbox"].light-green-500.switch::after {
    background-color: #8bc34a !important
}

.light-green-600, input[type="checkbox"].light-green-600.switch::after {
    background-color: #7cb342 !important
}

.light-green-700,
.light-green-800,
.light-green-900,
.lime {
    color: rgba(255, 255, 255, .9)
}

.light-green-700, input[type="checkbox"].light-green-700.switch::after {
    background-color: #689f38 !important
}

.light-green-800, input[type="checkbox"].light-green-800.switch::after {
    background-color: #558b2f !important
}

.light-green-900, input[type="checkbox"].light-green-900.switch::after {
    background-color: #33691e !important
}

.lime, input[type="checkbox"].lime.switch::after {
    background-color: #cddc39 !important
}

.lime-100,
.lime-200,
.lime-300,
.lime-400,
.lime-50,
.lime-500,
.lime-600,
.lime-700,
.lime-800 {
    color: rgba(0, 0, 0, .8)
}

.lime-50, input[type="checkbox"].lime-50.switch::after {
    background-color: #f9fbe7 !important
}

.lime-100, input[type="checkbox"].lime-100.switch::after {
    background-color: #f0f4c3 !important
}

.lime-200, input[type="checkbox"].lime-200.switch::after {
    background-color: #e6ee9c !important
}

.lime-300, input[type="checkbox"].lime-300.switch::after {
    background-color: #dce775 !important
}

.lime-400, input[type="checkbox"].lime-400.switch::after {
    background-color: #d4e157 !important
}

.lime-500, input[type="checkbox"].lime-500.switch::after {
    background-color: #cddc39 !important
}

.lime-600, input[type="checkbox"].lime-600.switch::after {
    background-color: #c0ca33 !important
}

.lime-700, input[type="checkbox"].lime-700.switch::after {
    background-color: #afb42b !important
}

.lime-800, input[type="checkbox"].lime-800.switch::after {
    background-color: #9e9d24 !important
}

.lime-900,
.yellow {
    color: rgba(255, 255, 255, .9)
}

.lime-900, input[type="checkbox"].lime-900.switch::after {
    background-color: #827717 !important
}

.yellow, input[type="checkbox"].yellow.switch::after {
    background-color: #ffeb3b !important
}

.yellow-100,
.yellow-200,
.yellow-300,
.yellow-50,
.yellow-500,
.yellow-600,
.yellow-700,
.yellow-800,
.yellow-900 {
    color: rgba(0, 0, 0, .8)
}

.yellow-50, input[type="checkbox"].yellow-50.switch::after {
    background-color: #fffde7 !important
}

.yellow-100, input[type="checkbox"].yellow-100.switch::after {
    background-color: #fff9c4 !important
}

.yellow-200, input[type="checkbox"].yellow-200.switch::after {
    background-color: #fff59d !important
}

.yellow-300, input[type="checkbox"].yellow-300.switch::after {
    background-color: #fff176 !important
}

.yellow-400 {
    color: rgba(0, 0, 0, .8);
    background-color: #ffee58 !important
}

.yellow-500, input[type="checkbox"].yellow-500.switch::after {
    background-color: #ffeb3b !important
}

.yellow-600, input[type="checkbox"].yellow-600.switch::after {
    background-color: #fdd835 !important
}

.yellow-700, input[type="checkbox"].yellow-700.switch::after {
    background-color: #fbc02d !important
}

.yellow-800, input[type="checkbox"].yellow-800.switch::after {
    background-color: #f9a825 !important
}

.yellow-900, input[type="checkbox"].yellow-900.switch::after {
    background-color: #f57f17 !important
}

.amber {
    color: rgba(255, 255, 255, .9);
    background-color: #ffc107 !important
}

.amber-100,
.amber-200,
.amber-300,
.amber-50,
.amber-500,
.amber-600,
.amber-700,
.amber-800,
.amber-900 {
    color: rgba(0, 0, 0, .8)
}

.amber-50, input[type="checkbox"].amber-50.switch::after {
    background-color: #fff8e1 !important
}

.amber-100, input[type="checkbox"].amber-100.switch::after {
    background-color: #ffecb3 !important
}

.amber-200, input[type="checkbox"].amber-200.switch::after {
    background-color: #ffe082 !important
}

.amber-300, input[type="checkbox"].amber-300.switch::after {
    background-color: #ffd54f !important
}

.amber-400 {
    color: rgba(0, 0, 0, .8);
    background-color: #ffca28 !important
}

.amber-500, input[type="checkbox"].amber-500.switch::after {
    background-color: #ffc107 !important
}

.amber-600, input[type="checkbox"].amber-600.switch::after {
    background-color: #ffb300 !important
}

.amber-700, input[type="checkbox"].amber-700.switch::after {
    background-color: #ffa000 !important
}

.amber-800, input[type="checkbox"].amber-800.switch::after {
    background-color: #ff8f00 !important
}

.amber-900, input[type="checkbox"].amber-900.switch::after {
    background-color: #ff6f00 !important
}

.orange {
    color: rgba(255, 255, 255, .9);
    background-color: #ff9800 !important
}

.orange-100,
.orange-200,
.orange-300,
.orange-400,
.orange-50,
.orange-500,
.orange-600,
.orange-700 {
    color: rgba(0, 0, 0, .8)
}

.orange-50, input[type="checkbox"].orange-50.switch::after {
    background-color: #fff3e0 !important
}

.orange-100, input[type="checkbox"].orange-100.switch::after {
    background-color: #ffe0b2 !important
}

.orange-200, input[type="checkbox"].orange-200.switch::after {
    background-color: #ffcc80 !important
}

.orange-300, input[type="checkbox"].orange-300.switch::after {
    background-color: #ffb74d !important
}

.orange-400, input[type="checkbox"].orange-400.switch::after {
    background-color: #ffa726 !important
}

.orange-500, input[type="checkbox"].orange-500.switch::after {
    background-color: #ff9800 !important
}

.orange-600, input[type="checkbox"].orange-600.switch::after {
    background-color: #fb8c00 !important
}

.orange-700, input[type="checkbox"].orange-700.switch::after {
    background-color: #f57c00 !important
}

.deep-orange,
.orange-800,
.orange-900 {
    color: rgba(255, 255, 255, .9)
}

.orange-800, input[type="checkbox"].orange-800.switch::after {
    background-color: #ef6c00 !important
}

.orange-900, input[type="checkbox"].orange-900.switch::after {
    background-color: #e65100 !important
}

.deep-orange, input[type="checkbox"].deep-orange.switch::after {
    background-color: #ff5722 !important
}

.deep-orange-100,
.deep-orange-200,
.deep-orange-300,
.deep-orange-400,
.deep-orange-50 {
    color: rgba(0, 0, 0, .8)
}

.deep-orange-50, input[type="checkbox"].deep-orange-50.switch::after {
    background-color: #fbe9e7 !important
}

.deep-orange-100, input[type="checkbox"].deep-orange-100.switch::after {
    background-color: #ffccbc !important
}

.deep-orange-200, input[type="checkbox"].deep-orange-200.switch::after {
    background-color: #ffab91 !important
}

.deep-orange-300, input[type="checkbox"].deep-orange-300.switch::after {
    background-color: #ff8a65 !important
}

.deep-orange-400, input[type="checkbox"].deep-orange-400.switch::after {
    background-color: #ff7043 !important
}

.brown,
.deep-orange-500,
.deep-orange-600,
.deep-orange-700,
.deep-orange-800,
.deep-orange-900 {
    color: rgba(255, 255, 255, .9)
}

.deep-orange-500, input[type="checkbox"].deep-orange-500.switch::after {
    background-color: #ff5722 !important
}

.deep-orange-600, input[type="checkbox"].deep-orange-600.switch::after {
    background-color: #f4511e !important
}

.deep-orange-700, input[type="checkbox"].deep-orange-700.switch::after {
    background-color: #e64a19 !important
}

.deep-orange-800, input[type="checkbox"].deep-orange-800.switch::after {
    background-color: #d84315 !important
}

.deep-orange-900, input[type="checkbox"].deep-orange-900.switch::after {
    background-color: #bf360c !important
}

.brown, input[type="checkbox"].brown.switch::after {
    background-color: #795548 !important
}

.brown-100,
.brown-200,
.brown-50 {
    color: rgba(0, 0, 0, .8)
}

.brown-50, input[type="checkbox"].brown-50.switch::after {
    background-color: #efebe9 !important
}

.brown-100, input[type="checkbox"].brown-100.switch::after {
    background-color: #d7ccc8 !important
}

.brown-200, input[type="checkbox"].brown-200.switch::after {
    background-color: #bcaaa4 !important
}

.brown-300,
.brown-400,
.brown-500,
.brown-600,
.brown-700,
.brown-800,
.brown-900,
.grey {
    color: rgba(255, 255, 255, .9)
}

.brown-300, input[type="checkbox"].brown-300.switch::after {
    background-color: #a1887f !important
}

.brown-400, input[type="checkbox"].brown-400.switch::after {
    background-color: #8d6e63 !important
}

.brown-500, input[type="checkbox"].brown-500.switch::after {
    background-color: #795548 !important
}

.brown-600, input[type="checkbox"].brown-600.switch::after {
    background-color: #6d4c41 !important
}

.brown-700, input[type="checkbox"].brown-700.switch::after {
    background-color: #5d4037 !important
}

.brown-800, input[type="checkbox"].brown-800.switch::after {
    background-color: #4e342e !important
}

.brown-900, input[type="checkbox"].brown-900.switch::after {
    background-color: #3e2723 !important
}

.grey, input[type="checkbox"].grey.switch::after {
    background-color: #9e9e9e !important
}

.grey-100,
.grey-200,
.grey-300,
.grey-400,
.grey-50,
.grey-500 {
    color: rgba(0, 0, 0, .8)
}

.grey-50, input[type="checkbox"].grey-50.switch::after {
    background-color: #fafafa !important
}

.grey-100, input[type="checkbox"].grey-100.switch::after {
    background-color: #f5f5f5 !important
}

.grey-200, input[type="checkbox"].grey-200.switch::after {
    background-color: #eee !important
}

.grey-300, input[type="checkbox"].grey-300.switch::after {
    background-color: #e0e0e0 !important
}

.grey-400, input[type="checkbox"].grey-400.switch::after {
    background-color: #bdbdbd !important
}

.grey-500, input[type="checkbox"].grey-500.switch::after {
    background-color: #9e9e9e !important
}

.blue-grey,
.grey-600,
.grey-700,
.grey-800,
.grey-900 {
    color: rgba(255, 255, 255, .9)
}

.grey-600, input[type="checkbox"].grey-600.switch::after {
    background-color: #757575 !important
}

.grey-700, input[type="checkbox"].grey-700.switch::after {
    background-color: #616161 !important
}

.grey-800, input[type="checkbox"].grey-800.switch::after {
    background-color: #424242 !important
}

.grey-900, input[type="checkbox"].grey-900.switch::after {
    background-color: #212121 !important
}

.blue-grey, input[type="checkbox"].blue-grey.switch::after {
    background-color: #607d8b !important
}

.blue-grey-100,
.blue-grey-200,
.blue-grey-300,
.blue-grey-50 {
    color: rgba(0, 0, 0, .8)
}

.blue-grey-50, input[type="checkbox"].blue-grey-50.switch::after {
    background-color: #eceff1 !important
}

.blue-grey-100, input[type="checkbox"].blue-grey-100.switch::after {
    background-color: #cfd8dc !important
}

.blue-grey-200, input[type="checkbox"].blue-grey-200.switch::after {
    background-color: #b0bec5 !important
}

.blue-grey-300, input[type="checkbox"].blue-grey-300.switch::after {
    background-color: #90a4ae !important
}

.black,
.blue-grey-400,
.blue-grey-500,
.blue-grey-600,
.blue-grey-700,
.blue-grey-800,
.blue-grey-900 {
    color: rgba(255, 255, 255, .9)
}

.blue-grey-400, input[type="checkbox"].blue-grey-400.switch::after {
    background-color: #78909c !important
}
.transparent {
  background-color: rgba(0, 0, 0, 0) !important;
}

.blue-grey-500, input[type="checkbox"].blue-grey-500.switch::after {
    background-color: #607d8b !important
}

.blue-grey-600, input[type="checkbox"].blue-grey-600.switch::after {
    background-color: #546e7a !important
}

.blue-grey-700, input[type="checkbox"].blue-grey-700.switch::after {
    background-color: #455a64 !important
}

.blue-grey-800, input[type="checkbox"].blue-grey-800.switch::after {
    background-color: #37474f !important
}

.blue-grey-900, input[type="checkbox"].blue-grey-900.switch::after {
    background-color: #263238 !important
}

.black, input[type="checkbox"].black.switch::after {
    background-color: #000 !important
}
.black-opacity-90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.black-opacity-70 {
  background-color: rgba(0, 0, 0, 0.7);
}
.black-opacity-50 {
  background-color: rgba(0, 0, 0, 0.5);
}
.black-opacity-30 {
  background-color: rgba(0, 0, 0, 0.3);
}
.black-opacity-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.blue-opacity-90 {
  background-color: rgba(0, 0, 255, 0.9);
}
.blue-opacity-70 {
  background-color: rgba(0, 0, 255, 0.7);
}
.blue-opacity-50 {
  background-color: rgba(0, 0, 255, 0.5);
}
.blue-opacity-30 {
  background-color: rgba(0, 0, 255, 0.3);
}
.blue-opacity-10 {
  background-color: rgba(0, 0, 255, 0.1);
}

.white {
    color: rgba(0, 0, 0, .8);
    background-color: #fff !important
}
.white-opacity-90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.white-opacity-70 {
  background-color: rgba(255, 255, 255, 0.7);
}
.white-opacity-50 {
  background-color: rgba(255, 255, 255, 0.5);
}
.white-opacity-30 {
  background-color: rgba(255, 255, 255, 0.3);
}
.white-opacity-10 {
  background-color: rgba(255, 255, 255, 0.1);
}
.text-red , i.red {
    color: #f44336;
}

.text-red-50 , i.red-50 {
    color: #ffebee;
}

.text-red-100 , i.red-100 {
    color: #ffcdd2;
}

.text-red-200 , i.red-200 {
    color: #ef9a9a;
}

.text-red-300 , i.red-300 {
    color: #e57373;
}

.text-red-400 , i.red-400 {
    color: #ef5350;
}

.text-red-500 , i.red-500 {
    color: #f44336;
}

.text-red-600 , i.red-600 {
    color: #e53935;
}

.text-red-700 , i.red-700 {
    color: #d32f2f;
}

.text-red-800 , i.red-800 {
    color: #c62828;
}

.text-red-900 , i.red-900 {
    color: #b71c1c;
}

.text-pink , i.pink {
    color: #E91E63;
}

.text-pink-50 , i.pink-50 {
    color: #fce4ec;
}

.text-pink-100 , i.pink-100 {
    color: #f8bbd0;
}

.text-pink-200 , i.pink-200 {
    color: #f48fb1;
}

.text-Pink-300 , i.Pink-300 {
    color: #f06292;
}

.text-pink-400 , i.pink-400 {
    color: #ec407a;
}

.text-pink-500 , i.pink-500 {
    color: #e91e63;
}

.text-pink-600 , i.pink-600 {
    color: #d81b60;
}

.text-pink-700 , i.pink-700 {
    color: #c2185b;
}

.text-pink-800 , i.pink-800 {
    color: #ad1457;
}

.text-pink-900 , i.pink-900 {
    color: #880e4f;
}

.text-purple , i.purple {
    color: #9c27b0;
}

.text-purple-50 , i.purple-50 {
    color: #f3e5f5;
}

.text-purple-100 , i.purple-100 {
    color: #e1bee7;
}

.text-purple-200 , i.purple-200 {
    color: #ce93d8;
}

.text-purple-300 , i.purple-300 {
    color: #ba68c8;
}

.text-purple-400 , i.purple-400 {
    color: #ab47bc;
}

.text-purple-500 , i.purple-500 {
    color: #9c27b0;
}

.text-purple-600 , i.purple-600 {
    color: #8e24aa;
}

.text-purple-700 , i.purple-700 {
    color: #7b1fa2;
}

.text-purple-800 , i.purple-800 {
    color: #6a1b9a;
}

.text-purple-900 , i.purple-900 {
    color: #4a148c;
}

.text-deep-purple , i.deep-purple {
    color: #673ab7;
}

.text-deep-purple-50 , i.deep-purple-50 {
    color: #ede7f6;
}

.text-deep-purple-100 , i.deep-purple-100 {
    color: #d1c4e9;
}

.text-deep-purple-200 , i.deep-purple-200 {
    color: #b39ddb;
}

.text-deep-purple-300 , i.deep-purple-300 {
    color: #9575cd;
}

.text-deep-purple-400 , i.deep-purple-400 {
    color: #7e57c2;
}

.text-deep-purple-500 , i.deep-purple-500 {
    color: #673ab7;
}

.text-deep-purple-600 , i.deep-purple-600 {
    color: #5e35b1;
}

.text-deep-purple-700 , i.deep-purple-700 {
    color: #512da8;
}

.text-deep-purple-800 , i.deep-purple-800 {
    color: #4527a0;
}

.text-deep-purple-900 , i.deep-purple-900 {
    color: #311b92;
}

.text-indigo , i.indigo {
    color: #3f51b5;
}

.text-indigo-50 , i.indigo-50 {
    color: #e8eaf6;
}

.text-indigo-100 , i.indigo-100 {
    color: #c5cae9;
}

.text-indigo-200 , i.indigo-200 {
    color: #9fa8da;
}

.text-indigo-300 , i.indigo-300 {
    color: #7986cb;
}

.text-indigo-400 , i.indigo-400 {
    color: #5c6bc0;
}

.text-indigo-500 , i.indigo-500 {
    color: #3f51b5;
}

.text-indigo-600 , i.indigo-600 {
    color: #3949ab;
}

.text-indigo-700 , i.indigo-700 {
    color: #303f9f;
}

.text-indigo-800 , i.indigo-800 {
    color: #283593;
}

.text-indigo-900 , i.indigo-900 {
    color: #1a237e;
}

.text-blue , i.blue {
    color: #2196F3;
}

.text-blue-50 , i.blue-50 {
    color: #e3f2fd;
}

.text-blue-100 , i.blue-100 {
    color: #bbdefb;
}

.text-blue-200 , i.blue-200 {
    color: #90caf9;
}

.text-blue-300 , i.blue-300 {
    color: #64b5f6;
}

.text-blue-400 , i.blue-400 {
    color: #42a5f5;
}

.text-blue-500 , i.blue-500 {
    color: #2196f3;
}

.text-blue-600 , i.blue-600 {
    color: #1e88e5;
}

.text-blue-700 , i.blue-700 {
    color: #1976d2;
}

.text-blue-800 , i.blue-800 {
    color: #1565c0;
}

.text-blue-900 , i.blue-900 {
    color: #0d47a1;
}

.text-light-blue , i.light-blue {
    color: #03a9f4;
}

.text-light-blue-50 , i.light-blue-50 {
    color: #e1f5fe;
}

.text-light-blue-100 , i.light-blue-100 {
    color: #b3e5fc;
}

.text-light-blue-200 , i.light-blue-200 {
    color: #81d4fa;
}

.text-light-blue-300 , i.light-blue-300 {
    color: #4fc3f7;
}

.text-light-blue-400 , i.light-blue-400 {
    color: #29b6f6;
}

.text-light-blue-500 , i.light-blue-500 {
    color: #03a9f4;
}

.text-light-blue-600 , i.light-blue-600 {
    color: #039be5;
}

.text-light-blue-700 , i.light-blue-700 {
    color: #0288d1;
}

.text-light-blue-800 , i.light-blue-800 {
    color: #0277bd;
}

.text-light-blue-900 , i.light-blue-900 {
    color: #01579b;
}

.text-cyan , i.cyan {
    color: #00bcd4;
}

.text-cyan-50 , i.cyan-50 {
    color: #e0f7fa;
}

.text-cyan-100 , i.cyan-100 {
    color: #b2ebf2;
}

.text-cyan-200 , i.cyan-200 {
    color: #80deea;
}

.text-cyan-300 , i.cyan-300 {
    color: #4dd0e1;
}

.text-cyan-400 , i.cyan-400 {
    color: #26c6da;
}

.text-cyan-500 , i.cyan-500 {
    color: #00bcd4;
}

.text-cyan-600 , i.cyan-600 {
    color: #00acc1;
}

.text-cyan-700 , i.cyan-700 {
    color: #0097a7;
}

.text-cyan-800 , i.cyan-800 {
    color: #00838f;
}

.text-cyan-900 , i.cyan-900 {
    color: #006064;
}

.text-teal , i.teal {
    color: #009688;
}

.text-teal-50 , i.teal-50 {
    color: #e0f2f1;
}

.text-teal-100 , i.teal-100 {
    color: #b2dfdb;
}

.text-teal-200 , i.teal-200 {
    color: #80cbc4;
}

.text-teal-300 , i.teal-300 {
    color: #4db6ac;
}

.text-teal-400 , i.teal-400 {
    color: #26a69a;
}

.text-teal-500 , i.teal-500 {
    color: #009688;
}

.text-teal-600 , i.teal-600 {
    color: #00897b;
}

.text-teal-700 , i.teal-700 {
    color: #00796b;
}

.text-teal-800 , i.teal-800 {
    color: #00695c;
}

.text-teal-900 , i.teal-900 {
    color: #004d40;
}

.text-green , i.green {
    color: #4caf50;
}

.text-green-50 , i.green-50 {
    color: #e8f5e9;
}

.text-green-100 , i.green-100 {
    color: #c8e6c9;
}

.text-green-200 , i.green-200 {
    color: #a5d6a7;
}

.text-green-300 , i.green-300 {
    color: #81c784;
}

.text-green-400 , i.green-400 {
    color: #66bb6a;
}

.text-green-500 , i.green-500 {
    color: #4caf50;
}

.text-green-600 , i.green-600 {
    color: #43a047;
}

.text-green-700 , i.green-700 {
    color: #388e3c;
}

.text-green-800 , i.green-800 {
    color: #2e7d32;
}

.text-green-900 , i.green-900 {
    color: #1b5e20;
}

.text-light-green , i.light-green {
    color: #8bc34a;
}

.text-light-green-50 , i.light-green-50 {
    color: #f1f8e9;
}

.text-light-green-100 , i.light-green-100 {
    color: #dcedc8;
}

.text-light-green-200 , i.light-green-200 {
    color: #c5e1a5;
}

.text-light-green-300 , i.light-green-300 {
    color: #aed581;
}

.text-light-green-400 , i.light-green-400 {
    color: #9ccc65;
}

.text-light-green-500 , i.light-green-500 {
    color: #8bc34a;
}

.text-light-green-600 , i.light-green-600 {
    color: #7cb342;
}

.text-light-green-700 , i.light-green-700 {
    color: #689f38;
}

.text-light-green-800 , i.light-green-800 {
    color: #558b2f;
}

.text-light-green-900 , i.light-green-900 {
    color: #33691e;
}

.text-lime , i.lime {
    color: #cddc39;
}

.text-lime-50 , i.lime-50 {
    color: #f9fbe7;
}

.text-lime-100 , i.lime-100 {
    color: #f0f4c3;
}

.text-lime-200 , i.lime-200 {
    color: #e6ee9c;
}

.text-lime-300 , i.lime-300 {
    color: #dce775;
}

.text-lime-400 , i.lime-400 {
    color: #d4e157;
}

.text-lime-500 , i.lime-500 {
    color: #cddc39;
}

.text-lime-600 , i.lime-600 {
    color: #c0ca33;
}

.text-lime-700 , i.lime-700 {
    color: #afb42b;
}

.text-lime-800 , i.lime-800 {
    color: #9e9d24;
}

.text-lime-900 , i.lime-900 {
    color: #827717;
}

.text-yellow , i.yellow {
    color: #ffeb3b;
}

.text-yellow-50 , i.yellow-50 {
    color: #fffde7;
}

.text-yellow-100 , i.yellow-100 {
    color: #fff9c4;
}

.text-yellow-200 , i.yellow-200 {
    color: #fff59d;
}

.text-yellow-300 , i.yellow-300 {
    color: #fff176;
}

.text-yellow-400 , i.yellow-400 {
    color: #ffee58;
}

.text-yellow-500 , i.yellow-500 {
    color: #ffeb3b;
}

.text-yellow-600 , i.yellow-600 {
    color: #fdd835;
}

.text-yellow-700 , i.yellow-700 {
    color: #fbc02d;
}

.text-yellow-800 , i.yellow-800 {
    color: #f9a825;
}

.text-yellow-900 , i.yellow-900 {
    color: #f57f17;
}

.text-amber , i.amber {
    color: #ffc107;
}

.text-amber-50 , i.amber-50 {
    color: #fff8e1;
}

.text-amber-100 , i.amber-100 {
    color: #ffecb3;
}

.text-amber-200 , i.amber-200 {
    color: #ffe082;
}

.text-amber-300 , i.amber-300 {
    color: #ffd54f;
}

.text-amber-400 , i.amber-400 {
    color: #ffca28;
}

.text-amber-500 , i.amber-500 {
    color: #ffc107;
}

.text-amber-600 , i.amber-600 {
    color: #ffb300;
}

.text-amber-700 , i.amber-700 {
    color: #ffa000;
}

.text-amber-800 , i.amber-800 {
    color: #ff8f00;
}

.text-amber-900 , i.amber-900 {
    color: #ff6f00;
}

.text-orange , i.orange {
    color: #ff9800;
}

.text-orange-50 , i.orange-50 {
    color: #fff3e0;
}

.text-orange-100 , i.orange-100 {
    color: #ffe0b2;
}

.text-orange-200 , i.orange-200 {
    color: #ffcc80;
}

.text-orange-300 , i.orange-300 {
    color: #ffb74d;
}

.text-orange-400 , i.orange-400 {
    color: #ffa726;
}

.text-orange-500 , i.orange-500 {
    color: #ff9800;
}

.text-orange-600 , i.orange-600 {
    color: #fb8c00;
}

.text-orange-700 , i.orange-700 {
    color: #f57c00;
}

.text-orange-800 , i.orange-800 {
    color: #ef6c00;
}

.text-orange-900 , i.orange-900 {
    color: #e65100;
}

.text-deep-orange , i.deep-orange {
    color: #ff5722;
}

.text-deep-orange-50 , i.deep-orange-50 {
    color: #fbe9e7;
}

.text-deep-orange-100 , i.deep-orange-100 {
    color: #ffccbc;
}

.text-deep-orange-200 , i.deep-orange-200 {
    color: #ffab91;
}

.text-deep-orange-300 , i.deep-orange-300 {
    color: #ff8a65;
}

.text-deep-orange-400 , i.deep-orange-400 {
    color: #ff7043;
}

.text-deep-orange-500 , i.deep-orange-500 {
    color: #ff5722;
}

.text-deep-orange-600 , i.deep-orange-600 {
    color: #f4511e;
}

.text-deep-orange-700 , i.deep-orange-700 {
    color: #e64a19;
}

.text-deep-orange-800 , i.deep-orange-800 {
    color: #d84315;
}

.text-deep-orange-900 , i.deep-orange-900 {
    color: #bf360c;
}

.text-brown , i.brown {
    color: #795548;
}

.text-brown-50 , i.brown-50 {
    color: #efebe9;
}

.text-brown-100 , i.brown-100 {
    color: #d7ccc8;
}

.text-brown-200 , i.brown-200 {
    color: #bcaaa4;
}

.text-brown-300 , i.brown-300 {
    color: #a1887f;
}

.text-brown-400 , i.brown-400 {
    color: #8d6e63;
}

.text-brown-500 , i.brown-500 {
    color: #795548;
}

.text-brown-600 , i.brown-600 {
    color: #6d4c41;
}

.text-brown-700 , i.brown-700 {
    color: #5d4037;
}

.text-brown-800 , i.brown-800 {
    color: #4e342e;
}

.text-brown-900 , i.brown-900 {
    color: #3e2723;
}

.text-grey , i.grey {
    color: #9e9e9e;
}

.text-grey-50 , i.grey-50 {
    color: #fafafa;
}

.text-grey-100 , i.grey-100 {
    color: #f5f5f5;
}

.text-grey-200 , i.grey-200 {
    color: #eee;
}

.text-grey-300 , i.grey-300 {
    color: #e0e0e0;
}

.text-grey-400 , i.grey-400 {
    color: #bdbdbd;
}

.text-grey-500 , i.grey-500 {
    color: #9e9e9e;
}

.text-grey-600 , i.grey-600 {
    color: #757575;
}

.text-grey-700 , i.grey-700 {
    color: #616161;
}

.text-grey-800 , i.grey-800 {
    color: #424242;
}

.text-grey-900 , i.grey-900 {
    color: #212121;
}

.text-blue-grey , i.blue-grey {
    color: #607d8b;
}

.text-blue-grey-50 , i.blue-grey-50 {
    color: #eceff1;
}

.text-blue-grey-100 , i.blue-grey-100 {
    color: #cfd8dc;
}

.text-blue-grey-200 , i.blue-grey-200 {
    color: #b0bec5;
}

.text-blue-grey-300 , i.blue-grey-300 {
    color: #90a4ae;
}

.text-blue-grey-400 , i.blue-grey-400 {
    color: #78909c;
}

.text-blue-grey-500 , i.blue-grey-500 {
    color: #607d8b;
}

.text-blue-grey-600 , i.blue-grey-600 {
    color: #546e7a;
}

.text-blue-grey-700 , i.blue-grey-700 {
    color: #455a64;
}

.text-blue-grey-800 , i.blue-grey-800 {
    color: #37474f;
}

.text-blue-grey-900 , i.blue-grey-900 {
    color: #263238;
}

.text-black , i.black {
    color: #000;
}

.text-white , i.white {
    color: #fff;
}

.border-red {
    border: 1px solid #f44336
}

.border-red-50 {
    border: 1px solid #ffebee
}

.border-red-100 {
    border: 1px solid #ffcdd2
}

.border-red-200 {
    border: 1px solid #ef9a9a
}

.border-red-300 {
    border: 1px solid #e57373
}

.border-red-400 {
    border: 1px solid #ef5350
}

.border-red-500 {
    border: 1px solid #f44336
}

.border-red-600 {
    border: 1px solid #e53935
}

.border-red-700 {
    border: 1px solid #d32f2f
}

.border-red-800 {
    border: 1px solid #c62828
}

.border-red-900 {
    border: 1px solid #b71c1c
}

.border-pink {
    border: 1px solid #E91E63
}

.border-pink-50 {
    border: 1px solid #fce4ec
}

.border-pink-100 {
    border: 1px solid #f8bbd0
}

.border-pink-200 {
    border: 1px solid #f48fb1
}

.border-pink-300 {
    border: 1px solid #f06292
}

.border-pink-400 {
    border: 1px solid #ec407a
}

.border-pink-500 {
    border: 1px solid #e91e63
}

.border-pink-600 {
    border: 1px solid #d81b60
}

.border-pink-700 {
    border: 1px solid #c2185b
}

.border-pink-800 {
    border: 1px solid #ad1457
}

.border-pink-900 {
    border: 1px solid #880e4f
}

.border-purple {
    border: 1px solid #9c27b0
}

.border-purple-50 {
    border: 1px solid #f3e5f5
}

.border-purple-100 {
    border: 1px solid #e1bee7
}

.border-purple-200 {
    border: 1px solid #ce93d8
}

.border-purple-300 {
    border: 1px solid #ba68c8
}

.border-purple-400 {
    border: 1px solid #ab47bc
}

.border-purple-500 {
    border: 1px solid #9c27b0
}

.border-purple-600 {
    border: 1px solid #8e24aa
}

.border-purple-700 {
    border: 1px solid #7b1fa2
}

.border-purple-800 {
    border: 1px solid #6a1b9a
}

.border-purple-900 {
    border: 1px solid #4a148c
}

.border-deep-purple {
    border: 1px solid #673ab7
}

.border-deep-purple-50 {
    border: 1px solid #ede7f6
}

.border-deep-purple-100 {
    border: 1px solid #d1c4e9
}

.border-deep-purple-200 {
    border: 1px solid #b39ddb
}

.border-deep-purple-300 {
    border: 1px solid #9575cd
}

.border-deep-purple-400 {
    border: 1px solid #7e57c2
}

.border-deep-purple-500 {
    border: 1px solid #673ab7
}

.border-deep-purple-600 {
    border: 1px solid #5e35b1
}

.border-deep-purple-700 {
    border: 1px solid #512da8
}

.border-deep-purple-800 {
    border: 1px solid #4527a0
}

.border-deep-purple-900 {
    border: 1px solid #311b92
}

.border-indigo {
    border: 1px solid #3f51b5
}

.border-indigo-50 {
    border: 1px solid #e8eaf6
}

.border-indigo-100 {
    border: 1px solid #c5cae9
}

.border-indigo-200 {
    border: 1px solid #9fa8da
}

.border-indigo-300 {
    border: 1px solid #7986cb
}

.border-indigo-400 {
    border: 1px solid #5c6bc0
}

.border-indigo-500 {
    border: 1px solid #3f51b5
}

.border-indigo-600 {
    border: 1px solid #3949ab
}

.border-indigo-700 {
    border: 1px solid #303f9f
}

.border-indigo-800 {
    border: 1px solid #283593
}

.border-indigo-900 {
    border: 1px solid #1a237e
}

.border-blue {
    border: 1px solid #2196F3
}

.border-blue-50 {
    border: 1px solid #e3f2fd
}

.border-blue-100 {
    border: 1px solid #bbdefb
}

.border-blue-200 {
    border: 1px solid #90caf9
}

.border-blue-300 {
    border: 1px solid #64b5f6
}

.border-blue-400 {
    border: 1px solid #42a5f5
}

.border-blue-500 {
    border: 1px solid #2196f3
}

.border-blue-600 {
    border: 1px solid #1e88e5
}

.border-blue-700 {
    border: 1px solid #1976d2
}

.border-blue-800 {
    border: 1px solid #1565c0
}

.border-blue-900 {
    border: 1px solid #0d47a1
}

.border-light-blue {
    border: 1px solid #03a9f4
}

.border-light-blue-50 {
    border: 1px solid #e1f5fe
}

.border-light-blue-100 {
    border: 1px solid #b3e5fc
}

.border-light-blue-200 {
    border: 1px solid #81d4fa
}

.border-light-blue-300 {
    border: 1px solid #4fc3f7
}

.border-light-blue-400 {
    border: 1px solid #29b6f6
}

.border-light-blue-500 {
    border: 1px solid #03a9f4
}

.border-light-blue-600 {
    border: 1px solid #039be5
}

.border-light-blue-700 {
    border: 1px solid #0288d1
}

.border-light-blue-800 {
    border: 1px solid #0277bd
}

.border-light-blue-900 {
    border: 1px solid #01579b
}

.border-cyan {
    border: 1px solid #00bcd4
}

.border-cyan-50 {
    border: 1px solid #e0f7fa
}

.border-cyan-100 {
    border: 1px solid #b2ebf2
}

.border-cyan-200 {
    border: 1px solid #80deea
}

.border-cyan-300 {
    border: 1px solid #4dd0e1
}

.border-cyan-400 {
    border: 1px solid #26c6da
}

.border-cyan-500 {
    border: 1px solid #00bcd4
}

.border-cyan-600 {
    border: 1px solid #00acc1
}

.border-cyan-700 {
    border: 1px solid #0097a7
}

.border-cyan-800 {
    border: 1px solid #00838f
}

.border-cyan-900 {
    border: 1px solid #006064
}

.border-teal {
    border: 1px solid #009688
}

.border-teal-50 {
    border: 1px solid #e0f2f1
}

.border-teal-100 {
    border: 1px solid #b2dfdb
}

.border-teal-200 {
    border: 1px solid #80cbc4
}

.border-teal-300 {
    border: 1px solid #4db6ac
}

.border-teal-400 {
    border: 1px solid #26a69a
}

.border-teal-500 {
    border: 1px solid #009688
}

.border-teal-600 {
    border: 1px solid #00897b
}

.border-teal-700 {
    border: 1px solid #00796b
}

.border-teal-800 {
    border: 1px solid #00695c
}

.border-teal-900 {
    border: 1px solid #004d40
}

.border-green {
    border: 1px solid #4caf50
}

.border-green-50 {
    border: 1px solid #e8f5e9
}

.border-green-100 {
    border: 1px solid #c8e6c9
}

.border-green-200 {
    border: 1px solid #a5d6a7
}

.border-green-300 {
    border: 1px solid #81c784
}

.border-green-400 {
    border: 1px solid #66bb6a
}

.border-green-500 {
    border: 1px solid #4caf50
}

.border-green-600 {
    border: 1px solid #43a047
}

.border-green-700 {
    border: 1px solid #388e3c
}

.border-green-800 {
    border: 1px solid #2e7d32
}

.border-green-900 {
    border: 1px solid #1b5e20
}

.border-light-green {
    border: 1px solid #8bc34a
}

.border-light-green-50 {
    border: 1px solid #f1f8e9
}

.border-light-green-100 {
    border: 1px solid #dcedc8
}

.border-light-green-200 {
    border: 1px solid #c5e1a5
}

.border-light-green-300 {
    border: 1px solid #aed581
}

.border-light-green-400 {
    border: 1px solid #9ccc65
}

.border-light-green-500 {
    border: 1px solid #8bc34a
}

.border-light-green-600 {
    border: 1px solid #7cb342
}

.border-light-green-700 {
    border: 1px solid #689f38
}

.border-light-green-800 {
    border: 1px solid #558b2f
}

.border-light-green-900 {
    border: 1px solid #33691e
}

.border-lime {
    border: 1px solid #cddc39
}

.border-lime-50 {
    border: 1px solid #f9fbe7
}

.border-lime-100 {
    border: 1px solid #f0f4c3
}

.border-lime-200 {
    border: 1px solid #e6ee9c
}

.border-lime-300 {
    border: 1px solid #dce775
}

.border-lime-400 {
    border: 1px solid #d4e157
}

.border-lime-500 {
    border: 1px solid #cddc39
}

.border-lime-600 {
    border: 1px solid #c0ca33
}

.border-lime-700 {
    border: 1px solid #afb42b
}

.border-lime-800 {
    border: 1px solid #9e9d24
}

.border-lime-900 {
    border: 1px solid #827717
}

.border-yellow {
    border: 1px solid #ffeb3b
}

.border-yellow-50 {
    border: 1px solid #fffde7
}

.border-yellow-100 {
    border: 1px solid #fff9c4
}

.border-yellow-200 {
    border: 1px solid #fff59d
}

.border-yellow-300 {
    border: 1px solid #fff176
}

.border-yellow-400 {
    border: 1px solid #ffee58
}

.border-yellow-500 {
    border: 1px solid #ffeb3b
}

.border-yellow-600 {
    border: 1px solid #fdd835
}

.border-yellow-700 {
    border: 1px solid #fbc02d
}

.border-yellow-800 {
    border: 1px solid #f9a825
}

.border-yellow-900 {
    border: 1px solid #f57f17
}

.border-amber {
    border: 1px solid #ffc107
}

.border-amber-50 {
    border: 1px solid #fff8e1
}

.border-amber-100 {
    border: 1px solid #ffecb3
}

.border-amber-200 {
    border: 1px solid #ffe082
}

.border-amber-300 {
    border: 1px solid #ffd54f
}

.border-amber-400 {
    border: 1px solid #ffca28
}

.border-amber-500 {
    border: 1px solid #ffc107
}

.border-amber-600 {
    border: 1px solid #ffb300
}

.border-amber-700 {
    border: 1px solid #ffa000
}

.border-amber-800 {
    border: 1px solid #ff8f00
}

.border-amber-900 {
    border: 1px solid #ff6f00
}

.border-orange {
    border: 1px solid #ff9800
}

.border-orange-50 {
    border: 1px solid #fff3e0
}

.border-orange-100 {
    border: 1px solid #ffe0b2
}

.border-orange-200 {
    border: 1px solid #ffcc80
}

.border-orange-300 {
    border: 1px solid #ffb74d
}

.border-orange-400 {
    border: 1px solid #ffa726
}

.border-orange-500 {
    border: 1px solid #ff9800
}

.border-orange-600 {
    border: 1px solid #fb8c00
}

.border-orange-700 {
    border: 1px solid #f57c00
}

.border-orange-800 {
    border: 1px solid #ef6c00
}

.border-orange-900 {
    border: 1px solid #e65100
}

.border-deep-orange {
    border: 1px solid #ff5722
}

.border-deep-orange-50 {
    border: 1px solid #fbe9e7
}

.border-deep-orange-100 {
    border: 1px solid #ffccbc
}

.border-deep-orange-200 {
    border: 1px solid #ffab91
}

.border-deep-orange-300 {
    border: 1px solid #ff8a65
}

.border-deep-orange-400 {
    border: 1px solid #ff7043
}

.border-deep-orange-500 {
    border: 1px solid #ff5722
}

.border-deep-orange-600 {
    border: 1px solid #f4511e
}

.border-deep-orange-700 {
    border: 1px solid #e64a19
}

.border-deep-orange-800 {
    border: 1px solid #d84315
}

.border-deep-orange-900 {
    border: 1px solid #bf360c
}

.border-brown {
    border: 1px solid #795548
}

.border-brown-50 {
    border: 1px solid #efebe9
}

.border-brown-100 {
    border: 1px solid #d7ccc8
}

.border-brown-200 {
    border: 1px solid #bcaaa4
}

.border-brown-300 {
    border: 1px solid #a1887f
}

.border-brown-400 {
    border: 1px solid #8d6e63
}

.border-brown-500 {
    border: 1px solid #795548
}

.border-brown-600 {
    border: 1px solid #6d4c41
}

.border-brown-700 {
    border: 1px solid #5d4037
}

.border-brown-800 {
    border: 1px solid #4e342e
}

.border-brown-900 {
    border: 1px solid #3e2723
}

.border-grey {
    border: 1px solid #9e9e9e
}

.border-grey-50 {
    border: 1px solid #fafafa
}

.border-grey-100 {
    border: 1px solid #f5f5f5
}

.border-grey-200 {
    border: 1px solid #eee
}

.border-grey-300 {
    border: 1px solid #e0e0e0
}

.border-grey-400 {
    border: 1px solid #bdbdbd
}

.border-grey-500 {
    border: 1px solid #9e9e9e
}

.border-grey-600 {
    border: 1px solid #757575
}

.border-grey-700 {
    border: 1px solid #616161
}

.border-grey-800 {
    border: 1px solid #424242
}

.border-grey-900 {
    border: 1px solid #212121
}

.border-blue-grey {
    border: 1px solid #607d8b
}

.border-blue-grey-50 {
    border: 1px solid #eceff1
}

.border-blue-grey-100 {
    border: 1px solid #cfd8dc
}

.border-blue-grey-200 {
    border: 1px solid #b0bec5
}

.border-blue-grey-300 {
    border: 1px solid #90a4ae
}

.border-blue-grey-400 {
    border: 1px solid #78909c
}

.border-blue-grey-500 {
    border: 1px solid #607d8b
}

.border-blue-grey-600 {
    border: 1px solid #546e7a
}

.border-blue-grey-700 {
    border: 1px solid #455a64
}

.border-blue-grey-800 {
    border: 1px solid #37474f
}

.border-blue-grey-900 {
    border: 1px solid #263238
}

.border-black {
    border: 1px solid #000
}

.border-white {
    border: 1px solid #fff
}