/*---------------
	Color.css
---------------*/

.text-red {
    color: rgb(244,67,54) !important
}

.red {
    background: rgb(244,67,54) !important
}

.red-100 {
    background: rgb(255,205,210) !important
}

.red-200 {
    background: rgb(239,154,154) !important
}

.red-300 {
    background: rgb(229,115,115) !important
}

.red-400 {
    background: rgb(239,83,80) !important
}

.red-500 {
    background: rgb(244,67,54) !important
}

.red-600 {
    background: rgb(229,57,53) !important
}

.red-700 {
    background: rgb(211,47,47) !important
}

.red-800 {
    background: rgb(198,40,40) !important
}

.red-900 {
    background: rgb(183,28,28) !important
}

.text-pink {
    color: rgb(233,30,99) !important
}

.pink {
    background: rgb(233,30,99) !important
}

.pink-100 {
    background: rgb(248,187,208) !important
}

.pink-200 {
    background: rgb(244,143,177) !important
}

.pink-300 {
    background: rgb(240,98,146) !important
}

.pink-400 {
    background: rgb(236,64,122) !important
}

.pink-500 {
    background: rgb(233,30,99) !important
}

.pink-600 {
    background: rgb(216,27,96) !important
}

.pink-700 {
    background: rgb(194,24,91) !important
}

.pink-800 {
    background: rgb(173,20,87) !important
}

.pink-900 {
    background: rgb(136,14,79) !important
}

.text-purple {
    color: rgb(156,39,176) !important
}

.purple {
    background: rgb(156,39,176) !important
}

.purple-100 {
    background: rgb(225,190,231) !important
}

.purple-200 {
    background: rgb(206,147,216) !important
}

.purple-300 {
    background: rgb(186,104,200) !important
}

.purple-400 {
    background: rgb(171,71,188) !important
}

.purple-500 {
    background: rgb(156,39,176) !important
}

.purple-600 {
    background: rgb(142,36,170) !important
}

.purple-700 {
    background: rgb(123,31,162) !important
}

.purple-800 {
    background: rgb(106,27,154) !important
}

.purple-900 {
    background: rgb(74,20,140) !important
}

.text-deep-purple {
    color: rgb(103,58,183) !important
}

.deep-purple {
    background: rgb(103,58,183) !important
}

.deep-purple-100 {
    background: rgb(209,196,233) !important
}

.deep-purple-200 {
    background: rgb(179,157,219) !important
}

.deep-purple-300 {
    background: rgb(149,117,205) !important
}

.deep-purple-400 {
    background: rgb(126,87,194) !important
}

.deep-purple-500 {
    background: rgb(103,58,183) !important
}

.deep-purple-600 {
    background: rgb(94,53,177) !important
}

.deep-purple-700 {
    background: rgb(81,45,168) !important
}

.deep-purple-800 {
    background: rgb(69,39,160) !important
}

.deep-purple-900 {
    background: rgb(49,27,146) !important
}

.text-indigo {
    color: rgb(63,81,181) !important
}

.indigo {
    background: rgb(63,81,181) !important
}

.indigo-100 {
    background: rgb(197,202,233) !important
}

.indigo-200 {
    background: rgb(159,168,218) !important
}

.indigo-300 {
    background: rgb(121,134,203) !important
}

.indigo-400 {
    background: rgb(92,107,192) !important
}

.indigo-500 {
    background: rgb(63,81,181) !important
}

.indigo-600 {
    background: rgb(57,73,171) !important
}

.indigo-700 {
    background: rgb(48,63,159) !important
}

.indigo-800 {
    background: rgb(40,53,147) !important
}

.indigo-900 {
    background: rgb(26,35,126) !important
}

.text-blue {
    color: rgb(33,150,243) !important
}

.blue {
    background: rgb(33,150,243) !important
}

.blue-100 {
    background: rgb(187,222,251) !important
}

.blue-200 {
    background: rgb(144,202,249) !important
}

.blue-300 {
    background: rgb(100,181,246) !important
}

.blue-400 {
    background: rgb(66,165,245) !important
}

.blue-500 {
    background: rgb(33,150,243) !important
}

.blue-600 {
    background: rgb(30,136,229) !important
}

.blue-700 {
    background: rgb(25,118,210) !important
}

.blue-800 {
    background: rgb(21,101,192) !important
}

.blue-900 {
    background: rgb(13,71,161) !important
}

.text-light-blue {
    color: rgb(3,169,244) !important
}

.light-blue {
    background: rgb(3,169,244) !important
}

.light-blue-100 {
    background: rgb(179,229,252) !important
}

.light-blue-200 {
    background: rgb(129,212,250) !important
}

.light-blue-300 {
    background: rgb(79,195,247) !important
}

.light-blue-400 {
    background: rgb(41,182,246) !important
}

.light-blue-500 {
    background: rgb(3,169,244) !important
}

.light-blue-600 {
    background: rgb(3,155,229) !important
}

.light-blue-700 {
    background: rgb(2,136,209) !important
}

.light-blue-800 {
    background: rgb(2,119,189) !important
}

.light-blue-900 {
    background: rgb(1,87,155) !important
}

.text-cyan {
    color: rgb(0,188,212) !important
}

.cyan {
    background: rgb(0,188,212) !important
}

.cyan-100 {
    background: rgb(178,235,242) !important
}

.cyan-200 {
    background: rgb(128,222,234) !important
}

.cyan-300 {
    background: rgb(77,208,225) !important
}

.cyan-400 {
    background: rgb(38,198,218) !important
}

.cyan-500 {
    background: rgb(0,188,212) !important
}

.cyan-600 {
    background: rgb(0,172,193) !important
}

.cyan-700 {
    background: rgb(0,151,167) !important
}

.cyan-800 {
    background: rgb(0,131,143) !important
}

.cyan-900 {
    background: rgb(0,96,100) !important
}

.text-teal {
    color: rgb(0,150,136) !important
}

.teal {
    background: rgb(0,150,136) !important
}

.teal-100 {
    background: rgb(178,223,219) !important
}

.teal-200 {
    background: rgb(128,203,196) !important
}

.teal-300 {
    background: rgb(77,182,172) !important
}

.teal-400 {
    background: rgb(38,166,154) !important
}

.teal-500 {
    background: rgb(0,150,136) !important
}

.teal-600 {
    background: rgb(0,137,123) !important
}

.teal-700 {
    background: rgb(0,121,107) !important
}

.teal-800 {
    background: rgb(0,105,92) !important
}

.teal-900 {
    background: rgb(0,77,64) !important
}

.text-green {
    color: rgb(76,175,80) !important
}

.green {
    background: rgb(76,175,80) !important
}

.green-100 {
    background: rgb(200,230,201) !important
}

.green-200 {
    background: rgb(165,214,167) !important
}

.green-300 {
    background: rgb(129,199,132) !important
}

.green-400 {
    background: rgb(102,187,106) !important
}

.green-500 {
    background: rgb(76,175,80) !important
}

.green-600 {
    background: rgb(67,160,71) !important
}

.green-700 {
    background: rgb(56,142,60) !important
}

.green-800 {
    background: rgb(46,125,50) !important
}

.green-900 {
    background: rgb(27,94,32) !important
}

.text-light-green {
    color: rgb(139,195,74) !important
}

.light-green {
    background: rgb(139,195,74) !important
}

.light-green-100 {
    background: rgb(220,237,200) !important
}

.light-green-200 {
    background: rgb(197,225,165) !important
}

.light-green-300 {
    background: rgb(174,213,129) !important
}

.light-green-400 {
    background: rgb(156,204,101) !important
}

.light-green-500 {
    background: rgb(139,195,74) !important
}

.light-green-600 {
    background: rgb(124,179,66) !important
}

.light-green-700 {
    background: rgb(104,159,56) !important
}

.light-green-800 {
    background: rgb(85,139,47) !important
}

.light-green-900 {
    background: rgb(51,105,30) !important
}

.text-yellow {
    color: rgb(255,235,59) !important
}

.yellow {
    background: rgb(255,235,59) !important
}

.yellow-100 {
    background: rgb(255,249,196) !important
}

.yellow-200 {
    background: rgb(255,245,157) !important
}

.yellow-300 {
    background: rgb(255,241,118) !important
}

.yellow-400 {
    background: rgb(255,238,88) !important
}

.yellow-500 {
    background: rgb(255,235,59) !important
}

.yellow-600 {
    background: rgb(253,216,53) !important
}

.yellow-700 {
    background: rgb(251,192,45) !important
}

.yellow-800 {
    background: rgb(249,168,37) !important
}

.yellow-900 {
    background: rgb(245,127,23) !important
}

.text-amber {
    color: rgb(255,193,7) !important
}

.amber {
    background: rgb(255,193,7) !important
}

.amber-100 {
    background: rgb(255,236,179) !important
}

.amber-200 {
    background: rgb(255,224,130) !important
}

.amber-300 {
    background: rgb(255,213,79) !important
}

.amber-400 {
    background: rgb(255,202,40) !important
}

.amber-500 {
    background: rgb(255,193,7) !important
}

.amber-600 {
    background: rgb(255,179,0) !important
}

.amber-700 {
    background: rgb(255,160,0) !important
}

.amber-800 {
    background: rgb(255,143,0) !important
}

.amber-900 {
    background: rgb(255,111,0) !important
}

.text-orange {
    color: rgb(255,152,0) !important
}

.orange {
    background: rgb(255,152,0) !important
}

.orange-100 {
    background: rgb(255,224,178) !important
}

.orange-200 {
    background: rgb(255,204,128) !important
}

.orange-300 {
    background: rgb(255,183,77) !important
}

.orange-400 {
    background: rgb(255,167,38) !important
}

.orange-500 {
    background: rgb(255,152,0) !important
}

.orange-600 {
    background: rgb(251,140,0) !important
}

.orange-700 {
    background: rgb(245,124,0) !important
}

.orange-800 {
    background: rgb(239,108,0) !important
}

.orange-900 {
    background: rgb(230,81,0) !important
}

.text-deep-orange {
    color: rgb(255,87,34) !important
}

.deep-orange {
    background: rgb(255,87,34) !important
}

.deep-orange-100 {
    background: rgb(255,204,188) !important
}

.deep-orange-200 {
    background: rgb(255,171,145) !important
}

.deep-orange-300 {
    background: rgb(255,138,101) !important
}

.deep-orange-400 {
    background: rgb(255,112,67) !important
}

.deep-orange-500 {
    background: rgb(255,87,34) !important
}

.deep-orange-600 {
    background: rgb(244,81,30) !important
}

.deep-orange-700 {
    background: rgb(230,74,25) !important
}

.deep-orange-800 {
    background: rgb(216,67,21) !important
}

.deep-orange-900 {
    background: rgb(191,54,12) !important
}

.text-brown {
    color: rgb(121,85,72) !important
}

.brown {
    background: rgb(121,85,72) !important
}

.brown-100 {
    background: rgb(215,204,200) !important
}

.brown-200 {
    background: rgb(188,170,164) !important
}

.brown-300 {
    background: rgb(161,136,127) !important
}

.brown-400 {
    background: rgb(141,110,99) !important
}

.brown-500 {
    background: rgb(121,85,72) !important
}

.brown-600 {
    background: rgb(109,76,65) !important
}

.brown-700 {
    background: rgb(93,64,55) !important
}

.brown-800 {
    background: rgb(78,52,46) !important
}

.brown-900 {
    background: rgb(62,39,35) !important
}

.text-grey {
    color: rgb(158,158,158) !important
}

.grey {
    background: rgb(158,158,158) !important
}

.grey-100 {
    background: rgb(245,245,245) !important
}

.grey-200 {
    background: rgb(238,238,238) !important
}

.grey-300 {
    background: rgb(224,224,224) !important
}

.grey-400 {
    background: rgb(189,189,189) !important
}

.grey-500 {
    background: rgb(158,158,158) !important
}

.grey-600 {
    background: rgb(117,117,117) !important
}

.grey-700 {
    background: rgb(97,97,97) !important
}

.grey-800 {
    background: rgb(66,66,66) !important
}

.grey-900 {
    background: rgb(33,33,33) !important
}

.text-blue-grey {
    color: rgb(96,125,139) !important
}

.blue-grey {
    background: rgb(96,125,139) !important
}

.blue-grey-100 {
    background: rgb(207,216,220) !important
}

.blue-grey-200 {
    background: rgb(176,190,197) !important
}

.blue-grey-300 {
    background: rgb(144,164,174) !important
}

.blue-grey-400 {
    background: rgb(120,144,156) !important
}

.blue-grey-500 {
    background: rgb(96,125,139) !important
}

.blue-grey-600 {
    background: rgb(84,110,122) !important
}

.blue-grey-700 {
    background: rgb(69,90,100) !important
}

.blue-grey-800 {
    background: rgb(55,71,79) !important
}

.blue-grey-900 {
    background: rgb(38,50,56) !important
}

.black {
    background: rgb(0,0,0) !important
}

.text-black {
    color: rgb(0,0,0) !important
}

.white {
    background: rgb(255,255,255) !important
}

.text-white {
    color: rgb(255,255,255) !important
}