UNPKG

vuetify

Version:

Vue.js 2 Semantic Component Framework

2,068 lines 338 kB
@-webkit-keyframes shake { 59% { margin-left: 0; } 60%, 80% { margin-left: 2px; } 70%, 90% { margin-left: -2px; } } @keyframes shake { 59% { margin-left: 0; } 60%, 80% { margin-left: 2px; } 70%, 90% { margin-left: -2px; } } .black { background-color: #000 !important; border-color: #000 !important; } .black--text { color: #000 !important; } .black--text input, .black--text textarea { caret-color: #000 !important; } .black--after:after { background: #000 !important; } .white { background-color: #fff !important; border-color: #fff !important; } .white--text { color: #fff !important; } .white--text input, .white--text textarea { caret-color: #fff !important; } .white--after:after { background: #fff !important; } .transparent { background-color: transparent !important; border-color: transparent !important; } .transparent--text { color: transparent !important; } .transparent--text input, .transparent--text textarea { caret-color: transparent !important; } .transparent--after:after { background: transparent !important; } .red { background-color: #f44336 !important; border-color: #f44336 !important; } .red--text { color: #f44336 !important; } .red--text input, .red--text textarea { caret-color: #f44336 !important; } .red--after:after { background: #f44336 !important; } .red.lighten-5 { background-color: #ffebee !important; border-color: #ffebee !important; } .red.lighten-5--after:after { background-color: #ffebee !important; } .red--text.text--lighten-5 { color: #ffebee !important; } .red--text.text--lighten-5 input, .red--text.text--lighten-5 textarea { caret-color: #ffebee !important; } .red.lighten-4 { background-color: #ffcdd2 !important; border-color: #ffcdd2 !important; } .red.lighten-4--after:after { background-color: #ffcdd2 !important; } .red--text.text--lighten-4 { color: #ffcdd2 !important; } .red--text.text--lighten-4 input, .red--text.text--lighten-4 textarea { caret-color: #ffcdd2 !important; } .red.lighten-3 { background-color: #ef9a9a !important; border-color: #ef9a9a !important; } .red.lighten-3--after:after { background-color: #ef9a9a !important; } .red--text.text--lighten-3 { color: #ef9a9a !important; } .red--text.text--lighten-3 input, .red--text.text--lighten-3 textarea { caret-color: #ef9a9a !important; } .red.lighten-2 { background-color: #e57373 !important; border-color: #e57373 !important; } .red.lighten-2--after:after { background-color: #e57373 !important; } .red--text.text--lighten-2 { color: #e57373 !important; } .red--text.text--lighten-2 input, .red--text.text--lighten-2 textarea { caret-color: #e57373 !important; } .red.lighten-1 { background-color: #ef5350 !important; border-color: #ef5350 !important; } .red.lighten-1--after:after { background-color: #ef5350 !important; } .red--text.text--lighten-1 { color: #ef5350 !important; } .red--text.text--lighten-1 input, .red--text.text--lighten-1 textarea { caret-color: #ef5350 !important; } .red.darken-1 { background-color: #e53935 !important; border-color: #e53935 !important; } .red.darken-1--after:after { background-color: #e53935 !important; } .red--text.text--darken-1 { color: #e53935 !important; } .red--text.text--darken-1 input, .red--text.text--darken-1 textarea { caret-color: #e53935 !important; } .red.darken-2 { background-color: #d32f2f !important; border-color: #d32f2f !important; } .red.darken-2--after:after { background-color: #d32f2f !important; } .red--text.text--darken-2 { color: #d32f2f !important; } .red--text.text--darken-2 input, .red--text.text--darken-2 textarea { caret-color: #d32f2f !important; } .red.darken-3 { background-color: #c62828 !important; border-color: #c62828 !important; } .red.darken-3--after:after { background-color: #c62828 !important; } .red--text.text--darken-3 { color: #c62828 !important; } .red--text.text--darken-3 input, .red--text.text--darken-3 textarea { caret-color: #c62828 !important; } .red.darken-4 { background-color: #b71c1c !important; border-color: #b71c1c !important; } .red.darken-4--after:after { background-color: #b71c1c !important; } .red--text.text--darken-4 { color: #b71c1c !important; } .red--text.text--darken-4 input, .red--text.text--darken-4 textarea { caret-color: #b71c1c !important; } .red.accent-1 { background-color: #ff8a80 !important; border-color: #ff8a80 !important; } .red.accent-1--after:after { background-color: #ff8a80 !important; } .red--text.text--accent-1 { color: #ff8a80 !important; } .red--text.text--accent-1 input, .red--text.text--accent-1 textarea { caret-color: #ff8a80 !important; } .red.accent-2 { background-color: #ff5252 !important; border-color: #ff5252 !important; } .red.accent-2--after:after { background-color: #ff5252 !important; } .red--text.text--accent-2 { color: #ff5252 !important; } .red--text.text--accent-2 input, .red--text.text--accent-2 textarea { caret-color: #ff5252 !important; } .red.accent-3 { background-color: #ff1744 !important; border-color: #ff1744 !important; } .red.accent-3--after:after { background-color: #ff1744 !important; } .red--text.text--accent-3 { color: #ff1744 !important; } .red--text.text--accent-3 input, .red--text.text--accent-3 textarea { caret-color: #ff1744 !important; } .red.accent-4 { background-color: #d50000 !important; border-color: #d50000 !important; } .red.accent-4--after:after { background-color: #d50000 !important; } .red--text.text--accent-4 { color: #d50000 !important; } .red--text.text--accent-4 input, .red--text.text--accent-4 textarea { caret-color: #d50000 !important; } .pink { background-color: #e91e63 !important; border-color: #e91e63 !important; } .pink--text { color: #e91e63 !important; } .pink--text input, .pink--text textarea { caret-color: #e91e63 !important; } .pink--after:after { background: #e91e63 !important; } .pink.lighten-5 { background-color: #fce4ec !important; border-color: #fce4ec !important; } .pink.lighten-5--after:after { background-color: #fce4ec !important; } .pink--text.text--lighten-5 { color: #fce4ec !important; } .pink--text.text--lighten-5 input, .pink--text.text--lighten-5 textarea { caret-color: #fce4ec !important; } .pink.lighten-4 { background-color: #f8bbd0 !important; border-color: #f8bbd0 !important; } .pink.lighten-4--after:after { background-color: #f8bbd0 !important; } .pink--text.text--lighten-4 { color: #f8bbd0 !important; } .pink--text.text--lighten-4 input, .pink--text.text--lighten-4 textarea { caret-color: #f8bbd0 !important; } .pink.lighten-3 { background-color: #f48fb1 !important; border-color: #f48fb1 !important; } .pink.lighten-3--after:after { background-color: #f48fb1 !important; } .pink--text.text--lighten-3 { color: #f48fb1 !important; } .pink--text.text--lighten-3 input, .pink--text.text--lighten-3 textarea { caret-color: #f48fb1 !important; } .pink.lighten-2 { background-color: #f06292 !important; border-color: #f06292 !important; } .pink.lighten-2--after:after { background-color: #f06292 !important; } .pink--text.text--lighten-2 { color: #f06292 !important; } .pink--text.text--lighten-2 input, .pink--text.text--lighten-2 textarea { caret-color: #f06292 !important; } .pink.lighten-1 { background-color: #ec407a !important; border-color: #ec407a !important; } .pink.lighten-1--after:after { background-color: #ec407a !important; } .pink--text.text--lighten-1 { color: #ec407a !important; } .pink--text.text--lighten-1 input, .pink--text.text--lighten-1 textarea { caret-color: #ec407a !important; } .pink.darken-1 { background-color: #d81b60 !important; border-color: #d81b60 !important; } .pink.darken-1--after:after { background-color: #d81b60 !important; } .pink--text.text--darken-1 { color: #d81b60 !important; } .pink--text.text--darken-1 input, .pink--text.text--darken-1 textarea { caret-color: #d81b60 !important; } .pink.darken-2 { background-color: #c2185b !important; border-color: #c2185b !important; } .pink.darken-2--after:after { background-color: #c2185b !important; } .pink--text.text--darken-2 { color: #c2185b !important; } .pink--text.text--darken-2 input, .pink--text.text--darken-2 textarea { caret-color: #c2185b !important; } .pink.darken-3 { background-color: #ad1457 !important; border-color: #ad1457 !important; } .pink.darken-3--after:after { background-color: #ad1457 !important; } .pink--text.text--darken-3 { color: #ad1457 !important; } .pink--text.text--darken-3 input, .pink--text.text--darken-3 textarea { caret-color: #ad1457 !important; } .pink.darken-4 { background-color: #880e4f !important; border-color: #880e4f !important; } .pink.darken-4--after:after { background-color: #880e4f !important; } .pink--text.text--darken-4 { color: #880e4f !important; } .pink--text.text--darken-4 input, .pink--text.text--darken-4 textarea { caret-color: #880e4f !important; } .pink.accent-1 { background-color: #ff80ab !important; border-color: #ff80ab !important; } .pink.accent-1--after:after { background-color: #ff80ab !important; } .pink--text.text--accent-1 { color: #ff80ab !important; } .pink--text.text--accent-1 input, .pink--text.text--accent-1 textarea { caret-color: #ff80ab !important; } .pink.accent-2 { background-color: #ff4081 !important; border-color: #ff4081 !important; } .pink.accent-2--after:after { background-color: #ff4081 !important; } .pink--text.text--accent-2 { color: #ff4081 !important; } .pink--text.text--accent-2 input, .pink--text.text--accent-2 textarea { caret-color: #ff4081 !important; } .pink.accent-3 { background-color: #f50057 !important; border-color: #f50057 !important; } .pink.accent-3--after:after { background-color: #f50057 !important; } .pink--text.text--accent-3 { color: #f50057 !important; } .pink--text.text--accent-3 input, .pink--text.text--accent-3 textarea { caret-color: #f50057 !important; } .pink.accent-4 { background-color: #c51162 !important; border-color: #c51162 !important; } .pink.accent-4--after:after { background-color: #c51162 !important; } .pink--text.text--accent-4 { color: #c51162 !important; } .pink--text.text--accent-4 input, .pink--text.text--accent-4 textarea { caret-color: #c51162 !important; } .purple { background-color: #9c27b0 !important; border-color: #9c27b0 !important; } .purple--text { color: #9c27b0 !important; } .purple--text input, .purple--text textarea { caret-color: #9c27b0 !important; } .purple--after:after { background: #9c27b0 !important; } .purple.lighten-5 { background-color: #f3e5f5 !important; border-color: #f3e5f5 !important; } .purple.lighten-5--after:after { background-color: #f3e5f5 !important; } .purple--text.text--lighten-5 { color: #f3e5f5 !important; } .purple--text.text--lighten-5 input, .purple--text.text--lighten-5 textarea { caret-color: #f3e5f5 !important; } .purple.lighten-4 { background-color: #e1bee7 !important; border-color: #e1bee7 !important; } .purple.lighten-4--after:after { background-color: #e1bee7 !important; } .purple--text.text--lighten-4 { color: #e1bee7 !important; } .purple--text.text--lighten-4 input, .purple--text.text--lighten-4 textarea { caret-color: #e1bee7 !important; } .purple.lighten-3 { background-color: #ce93d8 !important; border-color: #ce93d8 !important; } .purple.lighten-3--after:after { background-color: #ce93d8 !important; } .purple--text.text--lighten-3 { color: #ce93d8 !important; } .purple--text.text--lighten-3 input, .purple--text.text--lighten-3 textarea { caret-color: #ce93d8 !important; } .purple.lighten-2 { background-color: #ba68c8 !important; border-color: #ba68c8 !important; } .purple.lighten-2--after:after { background-color: #ba68c8 !important; } .purple--text.text--lighten-2 { color: #ba68c8 !important; } .purple--text.text--lighten-2 input, .purple--text.text--lighten-2 textarea { caret-color: #ba68c8 !important; } .purple.lighten-1 { background-color: #ab47bc !important; border-color: #ab47bc !important; } .purple.lighten-1--after:after { background-color: #ab47bc !important; } .purple--text.text--lighten-1 { color: #ab47bc !important; } .purple--text.text--lighten-1 input, .purple--text.text--lighten-1 textarea { caret-color: #ab47bc !important; } .purple.darken-1 { background-color: #8e24aa !important; border-color: #8e24aa !important; } .purple.darken-1--after:after { background-color: #8e24aa !important; } .purple--text.text--darken-1 { color: #8e24aa !important; } .purple--text.text--darken-1 input, .purple--text.text--darken-1 textarea { caret-color: #8e24aa !important; } .purple.darken-2 { background-color: #7b1fa2 !important; border-color: #7b1fa2 !important; } .purple.darken-2--after:after { background-color: #7b1fa2 !important; } .purple--text.text--darken-2 { color: #7b1fa2 !important; } .purple--text.text--darken-2 input, .purple--text.text--darken-2 textarea { caret-color: #7b1fa2 !important; } .purple.darken-3 { background-color: #6a1b9a !important; border-color: #6a1b9a !important; } .purple.darken-3--after:after { background-color: #6a1b9a !important; } .purple--text.text--darken-3 { color: #6a1b9a !important; } .purple--text.text--darken-3 input, .purple--text.text--darken-3 textarea { caret-color: #6a1b9a !important; } .purple.darken-4 { background-color: #4a148c !important; border-color: #4a148c !important; } .purple.darken-4--after:after { background-color: #4a148c !important; } .purple--text.text--darken-4 { color: #4a148c !important; } .purple--text.text--darken-4 input, .purple--text.text--darken-4 textarea { caret-color: #4a148c !important; } .purple.accent-1 { background-color: #ea80fc !important; border-color: #ea80fc !important; } .purple.accent-1--after:after { background-color: #ea80fc !important; } .purple--text.text--accent-1 { color: #ea80fc !important; } .purple--text.text--accent-1 input, .purple--text.text--accent-1 textarea { caret-color: #ea80fc !important; } .purple.accent-2 { background-color: #e040fb !important; border-color: #e040fb !important; } .purple.accent-2--after:after { background-color: #e040fb !important; } .purple--text.text--accent-2 { color: #e040fb !important; } .purple--text.text--accent-2 input, .purple--text.text--accent-2 textarea { caret-color: #e040fb !important; } .purple.accent-3 { background-color: #d500f9 !important; border-color: #d500f9 !important; } .purple.accent-3--after:after { background-color: #d500f9 !important; } .purple--text.text--accent-3 { color: #d500f9 !important; } .purple--text.text--accent-3 input, .purple--text.text--accent-3 textarea { caret-color: #d500f9 !important; } .purple.accent-4 { background-color: #a0f !important; border-color: #a0f !important; } .purple.accent-4--after:after { background-color: #a0f !important; } .purple--text.text--accent-4 { color: #a0f !important; } .purple--text.text--accent-4 input, .purple--text.text--accent-4 textarea { caret-color: #a0f !important; } .deep-purple { background-color: #673ab7 !important; border-color: #673ab7 !important; } .deep-purple--text { color: #673ab7 !important; } .deep-purple--text input, .deep-purple--text textarea { caret-color: #673ab7 !important; } .deep-purple--after:after { background: #673ab7 !important; } .deep-purple.lighten-5 { background-color: #ede7f6 !important; border-color: #ede7f6 !important; } .deep-purple.lighten-5--after:after { background-color: #ede7f6 !important; } .deep-purple--text.text--lighten-5 { color: #ede7f6 !important; } .deep-purple--text.text--lighten-5 input, .deep-purple--text.text--lighten-5 textarea { caret-color: #ede7f6 !important; } .deep-purple.lighten-4 { background-color: #d1c4e9 !important; border-color: #d1c4e9 !important; } .deep-purple.lighten-4--after:after { background-color: #d1c4e9 !important; } .deep-purple--text.text--lighten-4 { color: #d1c4e9 !important; } .deep-purple--text.text--lighten-4 input, .deep-purple--text.text--lighten-4 textarea { caret-color: #d1c4e9 !important; } .deep-purple.lighten-3 { background-color: #b39ddb !important; border-color: #b39ddb !important; } .deep-purple.lighten-3--after:after { background-color: #b39ddb !important; } .deep-purple--text.text--lighten-3 { color: #b39ddb !important; } .deep-purple--text.text--lighten-3 input, .deep-purple--text.text--lighten-3 textarea { caret-color: #b39ddb !important; } .deep-purple.lighten-2 { background-color: #9575cd !important; border-color: #9575cd !important; } .deep-purple.lighten-2--after:after { background-color: #9575cd !important; } .deep-purple--text.text--lighten-2 { color: #9575cd !important; } .deep-purple--text.text--lighten-2 input, .deep-purple--text.text--lighten-2 textarea { caret-color: #9575cd !important; } .deep-purple.lighten-1 { background-color: #7e57c2 !important; border-color: #7e57c2 !important; } .deep-purple.lighten-1--after:after { background-color: #7e57c2 !important; } .deep-purple--text.text--lighten-1 { color: #7e57c2 !important; } .deep-purple--text.text--lighten-1 input, .deep-purple--text.text--lighten-1 textarea { caret-color: #7e57c2 !important; } .deep-purple.darken-1 { background-color: #5e35b1 !important; border-color: #5e35b1 !important; } .deep-purple.darken-1--after:after { background-color: #5e35b1 !important; } .deep-purple--text.text--darken-1 { color: #5e35b1 !important; } .deep-purple--text.text--darken-1 input, .deep-purple--text.text--darken-1 textarea { caret-color: #5e35b1 !important; } .deep-purple.darken-2 { background-color: #512da8 !important; border-color: #512da8 !important; } .deep-purple.darken-2--after:after { background-color: #512da8 !important; } .deep-purple--text.text--darken-2 { color: #512da8 !important; } .deep-purple--text.text--darken-2 input, .deep-purple--text.text--darken-2 textarea { caret-color: #512da8 !important; } .deep-purple.darken-3 { background-color: #4527a0 !important; border-color: #4527a0 !important; } .deep-purple.darken-3--after:after { background-color: #4527a0 !important; } .deep-purple--text.text--darken-3 { color: #4527a0 !important; } .deep-purple--text.text--darken-3 input, .deep-purple--text.text--darken-3 textarea { caret-color: #4527a0 !important; } .deep-purple.darken-4 { background-color: #311b92 !important; border-color: #311b92 !important; } .deep-purple.darken-4--after:after { background-color: #311b92 !important; } .deep-purple--text.text--darken-4 { color: #311b92 !important; } .deep-purple--text.text--darken-4 input, .deep-purple--text.text--darken-4 textarea { caret-color: #311b92 !important; } .deep-purple.accent-1 { background-color: #b388ff !important; border-color: #b388ff !important; } .deep-purple.accent-1--after:after { background-color: #b388ff !important; } .deep-purple--text.text--accent-1 { color: #b388ff !important; } .deep-purple--text.text--accent-1 input, .deep-purple--text.text--accent-1 textarea { caret-color: #b388ff !important; } .deep-purple.accent-2 { background-color: #7c4dff !important; border-color: #7c4dff !important; } .deep-purple.accent-2--after:after { background-color: #7c4dff !important; } .deep-purple--text.text--accent-2 { color: #7c4dff !important; } .deep-purple--text.text--accent-2 input, .deep-purple--text.text--accent-2 textarea { caret-color: #7c4dff !important; } .deep-purple.accent-3 { background-color: #651fff !important; border-color: #651fff !important; } .deep-purple.accent-3--after:after { background-color: #651fff !important; } .deep-purple--text.text--accent-3 { color: #651fff !important; } .deep-purple--text.text--accent-3 input, .deep-purple--text.text--accent-3 textarea { caret-color: #651fff !important; } .deep-purple.accent-4 { background-color: #6200ea !important; border-color: #6200ea !important; } .deep-purple.accent-4--after:after { background-color: #6200ea !important; } .deep-purple--text.text--accent-4 { color: #6200ea !important; } .deep-purple--text.text--accent-4 input, .deep-purple--text.text--accent-4 textarea { caret-color: #6200ea !important; } .indigo { background-color: #3f51b5 !important; border-color: #3f51b5 !important; } .indigo--text { color: #3f51b5 !important; } .indigo--text input, .indigo--text textarea { caret-color: #3f51b5 !important; } .indigo--after:after { background: #3f51b5 !important; } .indigo.lighten-5 { background-color: #e8eaf6 !important; border-color: #e8eaf6 !important; } .indigo.lighten-5--after:after { background-color: #e8eaf6 !important; } .indigo--text.text--lighten-5 { color: #e8eaf6 !important; } .indigo--text.text--lighten-5 input, .indigo--text.text--lighten-5 textarea { caret-color: #e8eaf6 !important; } .indigo.lighten-4 { background-color: #c5cae9 !important; border-color: #c5cae9 !important; } .indigo.lighten-4--after:after { background-color: #c5cae9 !important; } .indigo--text.text--lighten-4 { color: #c5cae9 !important; } .indigo--text.text--lighten-4 input, .indigo--text.text--lighten-4 textarea { caret-color: #c5cae9 !important; } .indigo.lighten-3 { background-color: #9fa8da !important; border-color: #9fa8da !important; } .indigo.lighten-3--after:after { background-color: #9fa8da !important; } .indigo--text.text--lighten-3 { color: #9fa8da !important; } .indigo--text.text--lighten-3 input, .indigo--text.text--lighten-3 textarea { caret-color: #9fa8da !important; } .indigo.lighten-2 { background-color: #7986cb !important; border-color: #7986cb !important; } .indigo.lighten-2--after:after { background-color: #7986cb !important; } .indigo--text.text--lighten-2 { color: #7986cb !important; } .indigo--text.text--lighten-2 input, .indigo--text.text--lighten-2 textarea { caret-color: #7986cb !important; } .indigo.lighten-1 { background-color: #5c6bc0 !important; border-color: #5c6bc0 !important; } .indigo.lighten-1--after:after { background-color: #5c6bc0 !important; } .indigo--text.text--lighten-1 { color: #5c6bc0 !important; } .indigo--text.text--lighten-1 input, .indigo--text.text--lighten-1 textarea { caret-color: #5c6bc0 !important; } .indigo.darken-1 { background-color: #3949ab !important; border-color: #3949ab !important; } .indigo.darken-1--after:after { background-color: #3949ab !important; } .indigo--text.text--darken-1 { color: #3949ab !important; } .indigo--text.text--darken-1 input, .indigo--text.text--darken-1 textarea { caret-color: #3949ab !important; } .indigo.darken-2 { background-color: #303f9f !important; border-color: #303f9f !important; } .indigo.darken-2--after:after { background-color: #303f9f !important; } .indigo--text.text--darken-2 { color: #303f9f !important; } .indigo--text.text--darken-2 input, .indigo--text.text--darken-2 textarea { caret-color: #303f9f !important; } .indigo.darken-3 { background-color: #283593 !important; border-color: #283593 !important; } .indigo.darken-3--after:after { background-color: #283593 !important; } .indigo--text.text--darken-3 { color: #283593 !important; } .indigo--text.text--darken-3 input, .indigo--text.text--darken-3 textarea { caret-color: #283593 !important; } .indigo.darken-4 { background-color: #1a237e !important; border-color: #1a237e !important; } .indigo.darken-4--after:after { background-color: #1a237e !important; } .indigo--text.text--darken-4 { color: #1a237e !important; } .indigo--text.text--darken-4 input, .indigo--text.text--darken-4 textarea { caret-color: #1a237e !important; } .indigo.accent-1 { background-color: #8c9eff !important; border-color: #8c9eff !important; } .indigo.accent-1--after:after { background-color: #8c9eff !important; } .indigo--text.text--accent-1 { color: #8c9eff !important; } .indigo--text.text--accent-1 input, .indigo--text.text--accent-1 textarea { caret-color: #8c9eff !important; } .indigo.accent-2 { background-color: #536dfe !important; border-color: #536dfe !important; } .indigo.accent-2--after:after { background-color: #536dfe !important; } .indigo--text.text--accent-2 { color: #536dfe !important; } .indigo--text.text--accent-2 input, .indigo--text.text--accent-2 textarea { caret-color: #536dfe !important; } .indigo.accent-3 { background-color: #3d5afe !important; border-color: #3d5afe !important; } .indigo.accent-3--after:after { background-color: #3d5afe !important; } .indigo--text.text--accent-3 { color: #3d5afe !important; } .indigo--text.text--accent-3 input, .indigo--text.text--accent-3 textarea { caret-color: #3d5afe !important; } .indigo.accent-4 { background-color: #304ffe !important; border-color: #304ffe !important; } .indigo.accent-4--after:after { background-color: #304ffe !important; } .indigo--text.text--accent-4 { color: #304ffe !important; } .indigo--text.text--accent-4 input, .indigo--text.text--accent-4 textarea { caret-color: #304ffe !important; } .blue { background-color: #2196f3 !important; border-color: #2196f3 !important; } .blue--text { color: #2196f3 !important; } .blue--text input, .blue--text textarea { caret-color: #2196f3 !important; } .blue--after:after { background: #2196f3 !important; } .blue.lighten-5 { background-color: #e3f2fd !important; border-color: #e3f2fd !important; } .blue.lighten-5--after:after { background-color: #e3f2fd !important; } .blue--text.text--lighten-5 { color: #e3f2fd !important; } .blue--text.text--lighten-5 input, .blue--text.text--lighten-5 textarea { caret-color: #e3f2fd !important; } .blue.lighten-4 { background-color: #bbdefb !important; border-color: #bbdefb !important; } .blue.lighten-4--after:after { background-color: #bbdefb !important; } .blue--text.text--lighten-4 { color: #bbdefb !important; } .blue--text.text--lighten-4 input, .blue--text.text--lighten-4 textarea { caret-color: #bbdefb !important; } .blue.lighten-3 { background-color: #90caf9 !important; border-color: #90caf9 !important; } .blue.lighten-3--after:after { background-color: #90caf9 !important; } .blue--text.text--lighten-3 { color: #90caf9 !important; } .blue--text.text--lighten-3 input, .blue--text.text--lighten-3 textarea { caret-color: #90caf9 !important; } .blue.lighten-2 { background-color: #64b5f6 !important; border-color: #64b5f6 !important; } .blue.lighten-2--after:after { background-color: #64b5f6 !important; } .blue--text.text--lighten-2 { color: #64b5f6 !important; } .blue--text.text--lighten-2 input, .blue--text.text--lighten-2 textarea { caret-color: #64b5f6 !important; } .blue.lighten-1 { background-color: #42a5f5 !important; border-color: #42a5f5 !important; } .blue.lighten-1--after:after { background-color: #42a5f5 !important; } .blue--text.text--lighten-1 { color: #42a5f5 !important; } .blue--text.text--lighten-1 input, .blue--text.text--lighten-1 textarea { caret-color: #42a5f5 !important; } .blue.darken-1 { background-color: #1e88e5 !important; border-color: #1e88e5 !important; } .blue.darken-1--after:after { background-color: #1e88e5 !important; } .blue--text.text--darken-1 { color: #1e88e5 !important; } .blue--text.text--darken-1 input, .blue--text.text--darken-1 textarea { caret-color: #1e88e5 !important; } .blue.darken-2 { background-color: #1976d2 !important; border-color: #1976d2 !important; } .blue.darken-2--after:after { background-color: #1976d2 !important; } .blue--text.text--darken-2 { color: #1976d2 !important; } .blue--text.text--darken-2 input, .blue--text.text--darken-2 textarea { caret-color: #1976d2 !important; } .blue.darken-3 { background-color: #1565c0 !important; border-color: #1565c0 !important; } .blue.darken-3--after:after { background-color: #1565c0 !important; } .blue--text.text--darken-3 { color: #1565c0 !important; } .blue--text.text--darken-3 input, .blue--text.text--darken-3 textarea { caret-color: #1565c0 !important; } .blue.darken-4 { background-color: #0d47a1 !important; border-color: #0d47a1 !important; } .blue.darken-4--after:after { background-color: #0d47a1 !important; } .blue--text.text--darken-4 { color: #0d47a1 !important; } .blue--text.text--darken-4 input, .blue--text.text--darken-4 textarea { caret-color: #0d47a1 !important; } .blue.accent-1 { background-color: #82b1ff !important; border-color: #82b1ff !important; } .blue.accent-1--after:after { background-color: #82b1ff !important; } .blue--text.text--accent-1 { color: #82b1ff !important; } .blue--text.text--accent-1 input, .blue--text.text--accent-1 textarea { caret-color: #82b1ff !important; } .blue.accent-2 { background-color: #448aff !important; border-color: #448aff !important; } .blue.accent-2--after:after { background-color: #448aff !important; } .blue--text.text--accent-2 { color: #448aff !important; } .blue--text.text--accent-2 input, .blue--text.text--accent-2 textarea { caret-color: #448aff !important; } .blue.accent-3 { background-color: #2979ff !important; border-color: #2979ff !important; } .blue.accent-3--after:after { background-color: #2979ff !important; } .blue--text.text--accent-3 { color: #2979ff !important; } .blue--text.text--accent-3 input, .blue--text.text--accent-3 textarea { caret-color: #2979ff !important; } .blue.accent-4 { background-color: #2962ff !important; border-color: #2962ff !important; } .blue.accent-4--after:after { background-color: #2962ff !important; } .blue--text.text--accent-4 { color: #2962ff !important; } .blue--text.text--accent-4 input, .blue--text.text--accent-4 textarea { caret-color: #2962ff !important; } .light-blue { background-color: #03a9f4 !important; border-color: #03a9f4 !important; } .light-blue--text { color: #03a9f4 !important; } .light-blue--text input, .light-blue--text textarea { caret-color: #03a9f4 !important; } .light-blue--after:after { background: #03a9f4 !important; } .light-blue.lighten-5 { background-color: #e1f5fe !important; border-color: #e1f5fe !important; } .light-blue.lighten-5--after:after { background-color: #e1f5fe !important; } .light-blue--text.text--lighten-5 { color: #e1f5fe !important; } .light-blue--text.text--lighten-5 input, .light-blue--text.text--lighten-5 textarea { caret-color: #e1f5fe !important; } .light-blue.lighten-4 { background-color: #b3e5fc !important; border-color: #b3e5fc !important; } .light-blue.lighten-4--after:after { background-color: #b3e5fc !important; } .light-blue--text.text--lighten-4 { color: #b3e5fc !important; } .light-blue--text.text--lighten-4 input, .light-blue--text.text--lighten-4 textarea { caret-color: #b3e5fc !important; } .light-blue.lighten-3 { background-color: #81d4fa !important; border-color: #81d4fa !important; } .light-blue.lighten-3--after:after { background-color: #81d4fa !important; } .light-blue--text.text--lighten-3 { color: #81d4fa !important; } .light-blue--text.text--lighten-3 input, .light-blue--text.text--lighten-3 textarea { caret-color: #81d4fa !important; } .light-blue.lighten-2 { background-color: #4fc3f7 !important; border-color: #4fc3f7 !important; } .light-blue.lighten-2--after:after { background-color: #4fc3f7 !important; } .light-blue--text.text--lighten-2 { color: #4fc3f7 !important; } .light-blue--text.text--lighten-2 input, .light-blue--text.text--lighten-2 textarea { caret-color: #4fc3f7 !important; } .light-blue.lighten-1 { background-color: #29b6f6 !important; border-color: #29b6f6 !important; } .light-blue.lighten-1--after:after { background-color: #29b6f6 !important; } .light-blue--text.text--lighten-1 { color: #29b6f6 !important; } .light-blue--text.text--lighten-1 input, .light-blue--text.text--lighten-1 textarea { caret-color: #29b6f6 !important; } .light-blue.darken-1 { background-color: #039be5 !important; border-color: #039be5 !important; } .light-blue.darken-1--after:after { background-color: #039be5 !important; } .light-blue--text.text--darken-1 { color: #039be5 !important; } .light-blue--text.text--darken-1 input, .light-blue--text.text--darken-1 textarea { caret-color: #039be5 !important; } .light-blue.darken-2 { background-color: #0288d1 !important; border-color: #0288d1 !important; } .light-blue.darken-2--after:after { background-color: #0288d1 !important; } .light-blue--text.text--darken-2 { color: #0288d1 !important; } .light-blue--text.text--darken-2 input, .light-blue--text.text--darken-2 textarea { caret-color: #0288d1 !important; } .light-blue.darken-3 { background-color: #0277bd !important; border-color: #0277bd !important; } .light-blue.darken-3--after:after { background-color: #0277bd !important; } .light-blue--text.text--darken-3 { color: #0277bd !important; } .light-blue--text.text--darken-3 input, .light-blue--text.text--darken-3 textarea { caret-color: #0277bd !important; } .light-blue.darken-4 { background-color: #01579b !important; border-color: #01579b !important; } .light-blue.darken-4--after:after { background-color: #01579b !important; } .light-blue--text.text--darken-4 { color: #01579b !important; } .light-blue--text.text--darken-4 input, .light-blue--text.text--darken-4 textarea { caret-color: #01579b !important; } .light-blue.accent-1 { background-color: #80d8ff !important; border-color: #80d8ff !important; } .light-blue.accent-1--after:after { background-color: #80d8ff !important; } .light-blue--text.text--accent-1 { color: #80d8ff !important; } .light-blue--text.text--accent-1 input, .light-blue--text.text--accent-1 textarea { caret-color: #80d8ff !important; } .light-blue.accent-2 { background-color: #40c4ff !important; border-color: #40c4ff !important; } .light-blue.accent-2--after:after { background-color: #40c4ff !important; } .light-blue--text.text--accent-2 { color: #40c4ff !important; } .light-blue--text.text--accent-2 input, .light-blue--text.text--accent-2 textarea { caret-color: #40c4ff !important; } .light-blue.accent-3 { background-color: #00b0ff !important; border-color: #00b0ff !important; } .light-blue.accent-3--after:after { background-color: #00b0ff !important; } .light-blue--text.text--accent-3 { color: #00b0ff !important; } .light-blue--text.text--accent-3 input, .light-blue--text.text--accent-3 textarea { caret-color: #00b0ff !important; } .light-blue.accent-4 { background-color: #0091ea !important; border-color: #0091ea !important; } .light-blue.accent-4--after:after { background-color: #0091ea !important; } .light-blue--text.text--accent-4 { color: #0091ea !important; } .light-blue--text.text--accent-4 input, .light-blue--text.text--accent-4 textarea { caret-color: #0091ea !important; } .cyan { background-color: #00bcd4 !important; border-color: #00bcd4 !important; } .cyan--text { color: #00bcd4 !important; } .cyan--text input, .cyan--text textarea { caret-color: #00bcd4 !important; } .cyan--after:after { background: #00bcd4 !important; } .cyan.lighten-5 { background-color: #e0f7fa !important; border-color: #e0f7fa !important; } .cyan.lighten-5--after:after { background-color: #e0f7fa !important; } .cyan--text.text--lighten-5 { color: #e0f7fa !important; } .cyan--text.text--lighten-5 input, .cyan--text.text--lighten-5 textarea { caret-color: #e0f7fa !important; } .cyan.lighten-4 { background-color: #b2ebf2 !important; border-color: #b2ebf2 !important; } .cyan.lighten-4--after:after { background-color: #b2ebf2 !important; } .cyan--text.text--lighten-4 { color: #b2ebf2 !important; } .cyan--text.text--lighten-4 input, .cyan--text.text--lighten-4 textarea { caret-color: #b2ebf2 !important; } .cyan.lighten-3 { background-color: #80deea !important; border-color: #80deea !important; } .cyan.lighten-3--after:after { background-color: #80deea !important; } .cyan--text.text--lighten-3 { color: #80deea !important; } .cyan--text.text--lighten-3 input, .cyan--text.text--lighten-3 textarea { caret-color: #80deea !important; } .cyan.lighten-2 { background-color: #4dd0e1 !important; border-color: #4dd0e1 !important; } .cyan.lighten-2--after:after { background-color: #4dd0e1 !important; } .cyan--text.text--lighten-2 { color: #4dd0e1 !important; } .cyan--text.text--lighten-2 input, .cyan--text.text--lighten-2 textarea { caret-color: #4dd0e1 !important; } .cyan.lighten-1 { background-color: #26c6da !important; border-color: #26c6da !important; } .cyan.lighten-1--after:after { background-color: #26c6da !important; } .cyan--text.text--lighten-1 { color: #26c6da !important; } .cyan--text.text--lighten-1 input, .cyan--text.text--lighten-1 textarea { caret-color: #26c6da !important; } .cyan.darken-1 { background-color: #00acc1 !important; border-color: #00acc1 !important; } .cyan.darken-1--after:after { background-color: #00acc1 !important; } .cyan--text.text--darken-1 { color: #00acc1 !important; } .cyan--text.text--darken-1 input, .cyan--text.text--darken-1 textarea { caret-color: #00acc1 !important; } .cyan.darken-2 { background-color: #0097a7 !important; border-color: #0097a7 !important; } .cyan.darken-2--after:after { background-color: #0097a7 !important; } .cyan--text.text--darken-2 { color: #0097a7 !important; } .cyan--text.text--darken-2 input, .cyan--text.text--darken-2 textarea { caret-color: #0097a7 !important; } .cyan.darken-3 { background-color: #00838f !important; border-color: #00838f !important; } .cyan.darken-3--after:after { background-color: #00838f !important; } .cyan--text.text--darken-3 { color: #00838f !important; } .cyan--text.text--darken-3 input, .cyan--text.text--darken-3 textarea { caret-color: #00838f !important; } .cyan.darken-4 { background-color: #006064 !important; border-color: #006064 !important; } .cyan.darken-4--after:after { background-color: #006064 !important; } .cyan--text.text--darken-4 { color: #006064 !important; } .cyan--text.text--darken-4 input, .cyan--text.text--darken-4 textarea { caret-color: #006064 !important; } .cyan.accent-1 { background-color: #84ffff !important; border-color: #84ffff !important; } .cyan.accent-1--after:after { background-color: #84ffff !important; } .cyan--text.text--accent-1 { color: #84ffff !important; } .cyan--text.text--accent-1 input, .cyan--text.text--accent-1 textarea { caret-color: #84ffff !important; } .cyan.accent-2 { background-color: #18ffff !important; border-color: #18ffff !important; } .cyan.accent-2--after:after { background-color: #18ffff !important; } .cyan--text.text--accent-2 { color: #18ffff !important; } .cyan--text.text--accent-2 input, .cyan--text.text--accent-2 textarea { caret-color: #18ffff !important; } .cyan.accent-3 { background-color: #00e5ff !important; border-color: #00e5ff !important; } .cyan.accent-3--after:after { background-color: #00e5ff !important; } .cyan--text.text--accent-3 { color: #00e5ff !important; } .cyan--text.text--accent-3 input, .cyan--text.text--accent-3 textarea { caret-color: #00e5ff !important; } .cyan.accent-4 { background-color: #00b8d4 !important; border-color: #00b8d4 !important; } .cyan.accent-4--after:after { background-color: #00b8d4 !important; } .cyan--text.text--accent-4 { color: #00b8d4 !important; } .cyan--text.text--accent-4 input, .cyan--text.text--accent-4 textarea { caret-color: #00b8d4 !important; } .teal { background-color: #009688 !important; border-color: #009688 !important; } .teal--text { color: #009688 !important; } .teal--text input, .teal--text textarea { caret-color: #009688 !important; } .teal--after:after { background: #009688 !important; } .teal.lighten-5 { background-color: #e0f2f1 !important; border-color: #e0f2f1 !important; } .teal.lighten-5--after:after { background-color: #e0f2f1 !important; } .teal--text.text--lighten-5 { color: #e0f2f1 !important; } .teal--text.text--lighten-5 input, .teal--text.text--lighten-5 textarea { caret-color: #e0f2f1 !important; } .teal.lighten-4 { background-color: #b2dfdb !important; border-color: #b2dfdb !important; } .teal.lighten-4--after:after { background-color: #b2dfdb !important; } .teal--text.text--lighten-4 { color: #b2dfdb !important; } .teal--text.text--lighten-4 input, .teal--text.text--lighten-4 textarea { caret-color: #b2dfdb !important; } .teal.lighten-3 { background-color: #80cbc4 !important; border-color: #80cbc4 !important; } .teal.lighten-3--after:after { background-color: #80cbc4 !important; } .teal--text.text--lighten-3 { color: #80cbc4 !important; } .teal--text.text--lighten-3 input, .teal--text.text--lighten-3 textarea { caret-color: #80cbc4 !important; } .teal.lighten-2 { background-color: #4db6ac !important; border-color: #4db6ac !important; } .teal.lighten-2--after:after { background-color: #4db6ac !important; } .teal--text.text--lighten-2 { color: #4db6ac !important; } .teal--text.text--lighten-2 input, .teal--text.text--lighten-2 textarea { caret-color: #4db6ac !important; } .teal.lighten-1 { background-color: #26a69a !important; border-color: #26a69a !important; } .teal.lighten-1--after:after { background-color: #26a69a !important; } .teal--text.text--lighten-1 { color: #26a69a !important; } .teal--text.text--lighten-1 input, .teal--text.text--lighten-1 textarea { caret-color: #26a69a !important; } .teal.darken-1 { background-color: #00897b !important; border-color: #00897b !important; } .teal.darken-1--after:after { background-color: #00897b !important; } .teal--text.text--darken-1 { color: #00897b !important; } .teal--text.text--darken-1 input, .teal--text.text--darken-1 textarea { caret-color: #00897b !important; } .teal.darken-2 { background-color: #00796b !important; border-color: #00796b !important; } .teal.darken-2--after:after { background-color: #00796b !important; } .teal--text.text--darken-2 { color: #00796b !important; } .teal--text.text--darken-2 input, .teal--text.text--darken-2 textarea { caret-color: #00796b !important; } .teal.darken-3 { background-color: #00695c !important; border-color: #00695c !important; } .teal.darken-3--after:after { background-color: #00695c !important; } .teal--text.text--darken-3 { color: #00695c !important; } .teal--text.text--darken-3 input, .teal--text.text--darken-3 textarea { caret-color: #00695c !important; } .teal.darken-4 { background-color: #004d40 !important; border-color: #004d40 !important; } .teal.darken-4--after:after { background-color: #004d40 !important; } .teal--text.text--darken-4 { color: #004d40 !important; } .teal--text.text--darken-4 input, .teal--text.text--darken-4 textarea { caret-color: #004d40 !important; } .teal.accent-1 { background-color: #a7ffeb !important; border-color: #a7ffeb !important; } .teal.accent-1--after:after { background-color: #a7ffeb !important; } .teal--text.text--accent-1 { color: #a7ffeb !important; } .teal--text.text--accent-1 input, .teal--text.text--accent-1 textarea { caret-color: #a7ffeb !important; } .teal.accent-2 { background-color: #64ffda !important; border-color: #64ffda !important; } .teal.accent-2--after:after { background-color: #64ffda !important; } .teal--text.text--accent-2 { color: #64ffda !important; } .teal--text.text--accent-2 input, .teal--text.text--accent-2 textarea { caret-color: #64ffda !important; } .teal.accent-3 { background-color: #1de9b6 !important; border-color: #1de9b6 !important; } .teal.accent-3--after:after { background-color: #1de9b6 !important; } .teal--text.text--accent-3 { color: #1de9b6 !important; } .teal--text.text--accent-3 input, .teal--text.text--accent-3 textarea { caret-color: #1de9b6 !important; } .teal.accent-4 { background-color: #00bfa5 !important; border-color: #00bfa5 !important; } .teal.accent-4--after:after { background-color: #00bfa5 !important; } .teal--text.text--accent-4 { color: #00bfa5 !important; } .teal--text.text--accent-4 input, .teal--text.text--accent-4 textarea { caret-color: #00bfa5 !important; } .green { background-color: #4caf50 !important; border-color: #4caf50 !important; } .green--text { color: #4caf50 !important; } .green--text input, .green--text textarea { caret-color: #4caf50 !important; } .green--after:after { background: #4caf50 !important; } .green.lighten-5 { background-color: #e8f5e9 !important; border-color: #e8f5e9 !important; } .green.lighten-5--after:after { background-color: #e8f5e9 !important; } .green--text.text--lighten-5 { color: #e8f5e9 !important; } .green--text.text--lighten-5 input, .green--text.text--lighten-5 textarea { caret-color: #e8f5e9 !important; } .green.lighten-4 { background-color: #c8e6c9 !important; border-color: #c8e6c9 !important; } .green.lighten-4--after:after { background-color: #c8e6c9 !important; } .green--text.text--lighten-4 { color: #c8e6c9 !important; } .green--text.text--lighten-4 input, .green--text.text--lighten-4 textarea { caret-color: #c8e6c9 !important; } .green.lighten-3 { background-color: #a5d6a7 !important; border-color: #a5d6a7 !important; } .green.lighten-3--after:after { background-color: #a5d6a7 !important; } .green--text.text--lighten-3 { color: #a5d6a7 !important; } .green--text.text--lighten-3 input, .green--text.text--lighten-3 textarea { caret-color: #a5d6a7 !important; } .green.lighten-2 { background-color: #81c784 !important; border-color: #81c784 !important; } .green.lighten-2--after:after { background-color: #81c784 !important; } .green--text.text--lighten-2 { color: #81c784 !important; } .green--text.text--lighten-2 input, .green--text.text--lighten-2 textarea { caret-color: #81c784 !important; } .green.lighten-1 { background-color: #66bb6a !important; border-color: #66bb6a !important; } .green.lighten-1--after:after { background-color: #66bb6a !important; } .green--text.text--lighten-1 { color: #66bb6a !important; } .green--text.text--lighten-1 input, .green--text.text--lighten-1 textarea { caret-color: #66bb6a !important; } .green.darken-1 { background-color: #43a047 !important; border-color: #43a047 !important; } .green.darken-1--after:after { background-color: #43a047 !important; } .green--text.text--darken-1 { color: #43a047 !important; } .green--text.text--darken-1 input, .green--text.text--darken-1 textarea { caret-color: #43a047 !important; } .green.darken-2 { background-color: #388e3c !important; border-color: #388e3c !important; } .green.darken-2--after:after { background-color: #388e3c !important; } .green--text.text--darken-2 { color: #388e3c !important; } .green--text.text--darken-2 input, .green--text.text--darken-2 textarea { caret-color: #388e3c !important; } .green.darken-3 { background-color: #2e7d32 !important; border-color: #2e7d32 !important; } .green.darken-3--after:after { background-color: #2e7d32 !important; } .green--text.text--darken-3 { color: #2e7d32 !important; } .green--text.text--darken-3 input, .green--text.text--darken-3 textarea { caret-color: #2e7d32 !important; } .green.darken-4 { background-color: #1b5e20 !important; border-color: #1b5e20 !important; } .green.darken-4--after:after { background-color: #1b5e20 !important; } .green--text.text--darken-4 { color: #1b5e20 !important; } .green--text.text--darken-4 input, .green--text.text--darken-4 textarea { caret-color: #1b5e20 !important; } .green.accent-1 { background-color: #b9f6ca !important; border-color: #b9f6ca !important; } .green.accent-1--after:after { background-color: #b9f6ca !important; } .green--text.text--accent-1 { color: #b9f6ca !important; } .green--text.text--accent-1 input, .green--text.text--accent-1 textarea { caret-color: #b9f6ca !important; } .green.accent-2 { background-color: #69f0ae !important; border-color: #69f0ae !important; } .green.accent-2--after:after { background-color: #69f0ae !important; } .green--text.text--accent-2 { color: #69f0ae !important; } .green--text.text--accent-2 input, .green--text.text--accent-2 textarea { caret-color: #69f0ae !important; } .green.accent-3 { background-color: #00e676 !important; border-color: #00e676 !important; } .green.accent-3--after:after { background-color: #00e676 !important; } .green--text.text--accent-3 { color: #00e676 !important; } .green--text.text--accent-3 input, .green--text.text--accent-3 textarea { caret-color: #00e676 !important; } .green.accent-4 { background-color: #00c853 !important; border-color: #00c853 !important; } .green.accent-4--after:after { background-color: #00c853 !important; } .green--text.text--accent-4 { color: #00c853 !important; } .green--text.text--accent-4 input, .green--text.text--accent-4 textarea { caret-color: #00c853 !important; } .light-green { background-color: #8bc34a !important; border-color: #8bc34a !important; } .light-green--text { color: #8bc34a !important; } .light-green--text input, .light-green--text textarea { caret-color: #8bc34a !important; } .light-green--after:after { background: #8bc34a !important; } .light-green.lighten-5 { background-color: #f1f8e9 !important; border-color: #f1f8e9 !important; } .light-green.lighten-5--after:after { background-color: #f1f8e9 !important; } .light-green--text.text--lighten-5 { color: #f1f8e9 !important; } .light-green--text.text--lighten-5 input, .light-green--text.text--lighten-5 textarea { caret-color: #f1f8e9 !important; } .light-green.lighten-4 { background-color: #dcedc8 !important; border-color: #dcedc8 !important; } .light-green.lighten-4--after:after { background-color: #dcedc8 !important; } .light-green--text.text--lighten-4 { color: #dcedc8 !important; } .light-green--text.text--lighten-4 input, .light-green--text.text--lighten-4 textarea { caret-color: #dcedc8 !important; } .light-green.lighten-3 { background-color: #c5e1a5 !important