/* FULL MATERIAL PALETTE COLORS FOR YOUR PROJECT */
/* "JUST ADD WATER .CSS" */




/* BG COLORS */

.black  {background-color: black}
.white  {background-color: white}

.red {background-color: #f44336}
.red1 {background-color: #ffcdd2}
.red2 {background-color: #ef9a9a}
.red3 {background-color: #e57373}
.red4 {background-color: #ef5350}
.red5 {background-color: #f44336}
.red6 {background-color: #e53935}
.red7 {background-color: #d32f2f}
.red8 {background-color: #c62828}
.red9 {background-color: #b71c1c}

.pink {background-color: #E91E63}
.pink1 {background-color: #F8BBD0}
.pink2 {background-color: #F48FB1}
.pink3 {background-color: #F06292}
.pink4 {background-color: #EC407A}
.pink5 {background-color: #E91E63}
.pink6 {background-color: #D81B60}
.pink7 {background-color: #C2185B}
.pink8 {background-color: #AD1457}
.pink9 {background-color: #880E4F}

.purple {background-color: #9C27B0}
.purple1 {background-color: #D1C4E9}
.purple2 {background-color: #B39DDB}
.purple3 {background-color: #9575CD}
.purple4 {background-color: #7E57C2}
.purple5 {background-color: #673AB7}
.purple6 {background-color: #5E35B1}
.purple7 {background-color: #512DA8}
.purple8 {background-color: #4527A0}
.purple9 {background-color: #311B92}

.deeppurple {background-color: #673AB7}
.deeppurple1 {background-color: #D1C4E9}
.deeppurple2 {background-color: #B39DDB}
.deeppurple3 {background-color: #9575CD}
.deeppurple4 {background-color: #7E57C2}
.deeppurple5 {background-color: #673AB7}
.deeppurple6 {background-color: #5E35B1}
.deeppurple7 {background-color: #512DA8}
.deeppurple8 {background-color: #4527A0}
.deeppurple9 {background-color: #311B92}

.indigo {background-color: #3F51B5}
.indigo1  {background-color: #C5CAE9}
.indigo2  {background-color: #9FA8DA}
.indigo3  {background-color: #7986CB}
.indigo4  {background-color: #5C6BC0}
.indigo5  {background-color: #3F51B5}
.indigo6  {background-color: #3949AB}
.indigo7  {background-color: #303F9F}
.indigo8  {background-color: #283593}
.indigo9  {background-color: #1A237E}

.blue {background-color: #2196F3}
.blue1  {background-color: #BBDEFB}
.blue2 {background-color: #90CAF9}
.blue3 {background-color: #64B5F6}
.blue4 {background-color: #42A5F5}
.blue5 {background-color: #2196F3}
.blue6 {background-color: #1E88E5}
.blue7 {background-color: #1976D2}
.blue8 {background-color: #1565C0}
.blue9 {background-color: #0D47A1}

.lightblue {background-color: #03A9F4}
.lightblue1 {background-color: #B3E5FC}
.lightblue2 {background-color: #81D4FA}
.lightblue3 {background-color: #4FC3F7}
.lightblue4 {background-color: #29B6F6}
.lightblue5 {background-color: #03A9F4}
.lightblue6 {background-color: #039BE5}
.lightblue7 {background-color: #0288D1}
.lightblue8 {background-color: #0277BD}
.lightblue9 {background-color: #01579B}

.cyan {background-color: #00BCD4}
.cyan1 {background-color: #B2EBF2}
.cyan2 {background-color: #80DEEA}
.cyan3 {background-color: #4DD0E1}
.cyan4 {background-color: #26C6DA}
.cyan5 {background-color: #00BCD4}
.cyan6 {background-color: #00ACC1}
.cyan7 {background-color: #0097A7}
.cyan8 {background-color: #00838F}
.cyan9 {background-color: #006064}

.teal {background-color: #009688}
.teal1 {background-color: #B2DFDB}
.teal2 {background-color: #80CBC4}
.teal3 {background-color: #4DB6AC}
.teal4 {background-color: #26A69A}
.teal5 {background-color: #009688}
.teal6 {background-color: #00897B}
.teal7 {background-color: #00796B}
.teal8 {background-color: #00695C}
.teal9 {background-color: #004D40}

.green {background-color: #4CAF50}
.green1 {background-color: #C8E6C9}
.green2 {background-color: #A5D6A7}
.green3 {background-color: #81C784}
.green4 {background-color: #66BB6A}
.green5 {background-color: #4CAF50}
.green6 {background-color: #43A047}
.green7 {background-color: #388E3C}
.green8 {background-color: #2E7D32}
.green9 {background-color: #1B5E20}

.lightgreen {background-color: #8BC34A}
.lightgreen1 {background-color: #DCEDC8}
.lightgreen2 {background-color: #C5E1A5}
.lightgreen3 {background-color: #AED581}
.lightgreen4 {background-color: #9CCC65}
.lightgreen5 {background-color: #8BC34A}
.lightgreen6 {background-color: #7CB342}
.lightgreen7 {background-color: #689F38}
.lightgreen8 {background-color: #558B2F}
.lightgreen9 {background-color: #33691E}

.lime {background-color: #CDDC39}
.lime1 {background-color: #F0F4C3}
.lime2 {background-color: #E6EE9C}
.lime3 {background-color: #DCE775}
.lime4 {background-color: #D4E157}
.lime5 {background-color: #CDDC39}
.lime6 {background-color: #C0CA33}
.lime7 {background-color: #AFB42B}
.lime8 {background-color: #9E9D24}
.lime9 {background-color: #827717}

.yellow {background-color: #FFEB3B}
.yellow1 {background-color: #FFF9C4}
.yellow2 {background-color: #FFF59D}
.yellow3 {background-color: #FFF176}
.yellow4 {background-color: #FFEE58}
.yellow5 {background-color: #FFEB3B}
.yellow6 {background-color: #FDD835}
.yellow7 {background-color: #FBC02D}
.yellow8 {background-color: #F9A825}
.yellow9 {background-color: #F57F17}

.amber {background-color: #FFC107}
.amber1 {background-color: #FFECB3}
.amber2 {background-color: #FFE082}
.amber3 {background-color: #FFD54F}
.amber4 {background-color: #FFCA28}
.amber5 {background-color: #FFC107}
.amber6 {background-color: #FFB300}
.amber7 {background-color: #FFA000}
.amber8 {background-color: #FF8F00}
.amber9 {background-color: #FF6F00}

.orange {background-color: #FF9800}
.orange1 {background-color: #FFE0B2}
.orange2 {background-color: #FFCC80}
.orange3 {background-color: #FFB74D}
.orange4 {background-color: #FFA726}
.orange5 {background-color: #FF9800}
.orange6 {background-color: #FB8C00}
.orange7 {background-color: #F57C00}
.orange8 {background-color: #EF6C00}
.orange9 {background-color: #E65100}

.deeporange {background-color: #FF5722}
.deeporange1 {background-color: #FFCCBC}
.deeporange2 {background-color: #FFAB91}
.deeporange3 {background-color: #FF8A65}
.deeporange4 {background-color: #FF7043}
.deeporange5 {background-color: #FF5722}
.deeporange6 {background-color: #F4511E}
.deeporange7 {background-color: #E64A19}
.deeporange8 {background-color: #D84315}
.deeporange9 {background-color: #BF360C}

.brown {background-color: #795548}
.brown1 {background-color: #D7CCC8}
.brown2 {background-color: #BCAAA4}
.brown3 {background-color: #A1887F}
.brown4 {background-color: #8D6E63}
.brown5 {background-color: #795548}
.brown6 {background-color: #6D4C41}
.brown7 {background-color: #5D4037}
.brown8 {background-color: #4E342E}
.brown9 {background-color: #3E2723}

.grey {background-color: #9E9E9E}
.grey1 {background-color: #F5F5F5}
.grey2 {background-color: #EEEEEE}
.grey3 {background-color: #E0E0E0}
.grey4 {background-color: #BDBDBD}
.grey5 {background-color: #9E9E9E}
.grey6 {background-color: #757575}
.grey7 {background-color: #616161}
.grey8 {background-color: #424242}
.grey9 {background-color: #212121}

.bluegrey {background-color: #607D8B}
.bluegrey1 {background-color: #CFD8DC}
.bluegrey2 {background-color: #B0BEC5}
.bluegrey3 {background-color: #90A4AE}
.bluegrey4 {background-color: #78909C}
.bluegrey5 {background-color: #607D8B}
.bluegrey6 {background-color: #546E7A}
.bluegrey7 {background-color: #455A64}
.bluegrey8 {background-color: #37474F}
.bluegrey9 {background-color: #263238}






/* TEXT COLORS */


.text-black  {color: black}
.text-white  {color: white}

.text-red {color: #f44336}
.text-red1 {color: #ffcdd2}
.text-red2 {color: #ef9a9a}
.text-red3 {color: #e57373}
.text-red4 {color: #ef5350}
.text-red5 {color: #f44336}
.text-red6 {color: #e53935}
.text-red7 {color: #d32f2f}
.text-red8 {color: #c62828}
.text-red9 {color: #b71c1c}

.text-pink {color: #E91E63}
.text-pink1 {color: #F8BBD0}
.text-pink2 {color: #F48FB1}
.text-pink3 {color: #F06292}
.text-pink4 {color: #EC407A}
.text-pink5 {color: #E91E63}
.text-pink6 {color: #D81B60}
.text-pink7 {color: #C2185B}
.text-pink8 {color: #AD1457}
.text-pink9 {color: #880E4F}

.text-purple {color: #9C27B0}
.text-purple1 {color: #D1C4E9}
.text-purple2 {color: #B39DDB}
.text-purple3 {color: #9575CD}
.text-purple4 {color: #7E57C2}
.text-purple5 {color: #673AB7}
.text-purple6 {color: #5E35B1}
.text-purple7 {color: #512DA8}
.text-purple8 {color: #4527A0}
.text-purple9 {color: #311B92}

.text-deeppurple {color: #673AB7}
.text-deeppurple1 {color: #D1C4E9}
.text-deeppurple2 {color: #B39DDB}
.text-deeppurple3 {color: #9575CD}
.text-deeppurple4 {color: #7E57C2}
.text-deeppurple5 {color: #673AB7}
.text-deeppurple6 {color: #5E35B1}
.text-deeppurple7 {color: #512DA8}
.text-deeppurple8 {color: #4527A0}
.text-deeppurple9 {color: #311B92}

.text-indigo {color: #3F51B5}
.text-indigo1  {color: #C5CAE9}
.text-indigo2  {color: #9FA8DA}
.text-indigo3  {color: #7986CB}
.text-indigo4  {color: #5C6BC0}
.text-indigo5  {color: #3F51B5}
.text-indigo6  {color: #3949AB}
.text-indigo7  {color: #303F9F}
.text-indigo8  {color: #283593}
.text-indigo9  {color: #1A237E}

.text-blue {color: #2196F3}
.text-blue1  {color: #BBDEFB}
.text-blue2 {color: #90CAF9}
.text-blue3 {color: #64B5F6}
.text-blue4 {color: #42A5F5}
.text-blue5 {color: #2196F3}
.text-blue6 {color: #1E88E5}
.text-blue7 {color: #1976D2}
.text-blue8 {color: #1565C0}
.text-blue9 {color: #0D47A1}

.text-lightblue {color: #03A9F4}
.text-lightblue1 {color: #B3E5FC}
.text-lightblue2 {color: #81D4FA}
.text-lightblue3 {color: #4FC3F7}
.text-lightblue4 {color: #29B6F6}
.text-lightblue5 {color: #03A9F4}
.text-lightblue6 {color: #039BE5}
.text-lightblue7 {color: #0288D1}
.text-lightblue8 {color: #0277BD}
.text-lightblue9 {color: #01579B}

.text-cyan {color: #00BCD4}
.text-cyan1 {color: #B2EBF2}
.text-cyan2 {color: #80DEEA}
.text-cyan3 {color: #4DD0E1}
.text-cyan4 {color: #26C6DA}
.text-cyan5 {color: #00BCD4}
.text-cyan6 {color: #00ACC1}
.text-cyan7 {color: #0097A7}
.text-cyan8 {color: #00838F}
.text-cyan9 {color: #006064}

.text-teal {color: #009688}
.text-teal1 {color: #B2DFDB}
.text-teal2 {color: #80CBC4}
.text-teal3 {color: #4DB6AC}
.text-teal4 {color: #26A69A}
.text-teal5 {color: #009688}
.text-teal6 {color: #00897B}
.text-teal7 {color: #00796B}
.text-teal8 {color: #00695C}
.text-teal9 {color: #004D40}

.text-green {color: #4CAF50}
.text-green1 {color: #C8E6C9}
.text-green2 {color: #A5D6A7}
.text-green3 {color: #81C784}
.text-green4 {color: #66BB6A}
.text-green5 {color: #4CAF50}
.text-green6 {color: #43A047}
.text-green7 {color: #388E3C}
.text-green8 {color: #2E7D32}
.text-green9 {color: #1B5E20}

.text-lightgreen {color: #8BC34A}
.text-lightgreen1 {color: #DCEDC8}
.text-lightgreen2 {color: #C5E1A5}
.text-lightgreen3 {color: #AED581}
.text-lightgreen4 {color: #9CCC65}
.text-lightgreen5 {color: #8BC34A}
.text-lightgreen6 {color: #7CB342}
.text-lightgreen7 {color: #689F38}
.text-lightgreen8 {color: #558B2F}
.text-lightgreen9 {color: #33691E}

.text-lime {color: #CDDC39}
.text-lime1 {color: #F0F4C3}
.text-lime2 {color: #E6EE9C}
.text-lime3 {color: #DCE775}
.text-lime4 {color: #D4E157}
.text-lime5 {color: #CDDC39}
.text-lime6 {color: #C0CA33}
.text-lime7 {color: #AFB42B}
.text-lime8 {color: #9E9D24}
.text-lime9 {color: #827717}

.text-yellow {color: #FFEB3B}
.text-yellow1 {color: #FFF9C4}
.text-yellow2 {color: #FFF59D}
.text-yellow3 {color: #FFF176}
.text-yellow4 {color: #FFEE58}
.text-yellow5 {color: #FFEB3B}
.text-yellow6 {color: #FDD835}
.text-yellow7 {color: #FBC02D}
.text-yellow8 {color: #F9A825}
.text-yellow9 {color: #F57F17}

.text-amber {color: #FFC107}
.text-amber1 {color: #FFECB3}
.text-amber2 {color: #FFE082}
.text-amber3 {color: #FFD54F}
.text-amber4 {color: #FFCA28}
.text-amber5 {color: #FFC107}
.text-amber6 {color: #FFB300}
.text-amber7 {color: #FFA000}
.text-amber8 {color: #FF8F00}
.text-amber9 {color: #FF6F00}

.text-orange {color: #FF9800}
.text-orange1 {color: #FFE0B2}
.text-orange2 {color: #FFCC80}
.text-orange3 {color: #FFB74D}
.text-orange4 {color: #FFA726}
.text-orange5 {color: #FF9800}
.text-orange6 {color: #FB8C00}
.text-orange7 {color: #F57C00}
.text-orange8 {color: #EF6C00}
.text-orange9 {color: #E65100}

.text-deeporange {color: #FF5722}
.text-deeporange1 {color: #FFCCBC}
.text-deeporange2 {color: #FFAB91}
.text-deeporange3 {color: #FF8A65}
.text-deeporange4 {color: #FF7043}
.text-deeporange5 {color: #FF5722}
.text-deeporange6 {color: #F4511E}
.text-deeporange7 {color: #E64A19}
.text-deeporange8 {color: #D84315}
.text-deeporange9 {color: #BF360C}

.text-brown {color: #795548}
.text-brown1 {color: #D7CCC8}
.text-brown2 {color: #BCAAA4}
.text-brown3 {color: #A1887F}
.text-brown4 {color: #8D6E63}
.text-brown5 {color: #795548}
.text-brown6 {color: #6D4C41}
.text-brown7 {color: #5D4037}
.text-brown8 {color: #4E342E}
.text-brown9 {color: #3E2723}

.text-grey {color: #9E9E9E}
.text-grey1 {color: #F5F5F5}
.text-grey2 {color: #EEEEEE}
.text-grey3 {color: #E0E0E0}
.text-grey4 {color: #BDBDBD}
.text-grey5 {color: #9E9E9E}
.text-grey6 {color: #757575}
.text-grey7 {color: #616161}
.text-grey8 {color: #424242}
.text-grey9 {color: #212121}

.text-bluegrey {color: #607D8B}
.text-bluegrey1 {color: #CFD8DC}
.text-bluegrey2 {color: #B0BEC5}
.text-bluegrey3 {color: #90A4AE}
.text-bluegrey4 {color: #78909C}
.text-bluegrey5 {color: #607D8B}
.text-bluegrey6 {color: #546E7A}
.text-bluegrey7 {color: #455A64}
.text-bluegrey8 {color: #37474F}
.text-bluegrey9 {color: #263238}