a { background-color: transparent } a:active, a:hover { outline: 0 } code { font-family: monospace, monospace; font-size: 1em } .card-panel { transition: box-shadow .25s; padding: 20px; margin: .5rem 0 1rem 0; border-radius: 2px; background-color: #fff } .card { position: relative; margin: .5rem 0 1rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px } .card .card-title { font-size: 24px; font-weight: 300 } .card .card-title.activator { cursor: pointer } .card.small, .card.medium, .card.large { position: relative } .card.small .card-image, .card.medium .card-image, .card.large .card-image { max-height: 60%; overflow: hidden } .card.small .card-image+.card-content, .card.medium .card-image+.card-content, .card.large .card-image+.card-content { max-height: 40% } .card.small .card-content, .card.medium .card-content, .card.large .card-content { max-height: 100%; overflow: hidden } .card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0 } .card.small { height: 300px } .card.medium { height: 400px } .card.large { height: 500px } .card.horizontal { display: -webkit-flex; display: -ms-flexbox; display: flex } .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { height: 100%; max-height: none; overflow: visible } .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { height: 100% } .card.horizontal .card-image { max-width: 50% } .card.horizontal .card-image img { max-width: 100%; width: auto } .card.horizontal .card-stacked { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative } .card.horizontal .card-stacked .card-content { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .card.sticky-action .card-action { z-index: 2 } .card.sticky-action .card-reveal { z-index: 1; padding-bottom: 64px } .card .card-image { position: relative } .card .card-image img { display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100% } .card .card-image .card-title { color: #fff; position: absolute; bottom: 0; left: 0; padding: 20px } .card .card-content { padding: 20px; border-radius: 0 0 2px 2px } .card .card-content p { margin: 0; color: inherit } .card .card-content .card-title { line-height: 48px } .card .card-action { position: relative; background-color: inherit; border-top: 1px solid rgba(160, 160, 160, .2); padding: 20px } .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) { color: #ffab40; margin-right: 20px; transition: color .3s ease; text-transform: uppercase } .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover { color: #ffd8a6 } .card .card-reveal { padding: 20px; position: absolute; background-color: #fff; width: 100%; overflow-y: auto; top: 100%; height: 100%; z-index: 3; display: none } .card .card-reveal .card-title { cursor: pointer; display: block } .card-panel, .card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) } .red { background-color: #f44336 !important } .red-text { color: #f44336 !important } .red.lighten-5 { background-color: #ffebee !important } .red-text.text-lighten-5 { color: #ffebee !important } .red.lighten-4 { background-color: #ffcdd2 !important } .red-text.text-lighten-4 { color: #ffcdd2 !important } .red.lighten-3 { background-color: #ef9a9a !important } .red-text.text-lighten-3 { color: #ef9a9a !important } .red.lighten-2 { background-color: #e57373 !important } .red-text.text-lighten-2 { color: #e57373 !important } .red.lighten-1 { background-color: #ef5350 !important } .red-text.text-lighten-1 { color: #ef5350 !important } .red.darken-1 { background-color: #e53935 !important } .red-text.text-darken-1 { color: #e53935 !important } .red.darken-2 { background-color: #d32f2f !important } .red-text.text-darken-2 { color: #d32f2f !important } .red.darken-3 { background-color: #c62828 !important } .red-text.text-darken-3 { color: #c62828 !important } .red.darken-4 { background-color: #b71c1c !important } .red-text.text-darken-4 { color: #b71c1c !important } .red.accent-1 { background-color: #ff8a80 !important } .red-text.text-accent-1 { color: #ff8a80 !important } .red.accent-2 { background-color: #ff5252 !important } .red-text.text-accent-2 { color: #ff5252 !important } .red.accent-3 { background-color: #ff1744 !important } .red-text.text-accent-3 { color: #ff1744 !important } .red.accent-4 { background-color: #d50000 !important } .red-text.text-accent-4 { color: #d50000 !important } .pink { background-color: #e91e63 !important } .pink-text { color: #e91e63 !important } .pink.lighten-5 { background-color: #fce4ec !important } .pink-text.text-lighten-5 { color: #fce4ec !important } .pink.lighten-4 { background-color: #f8bbd0 !important } .pink-text.text-lighten-4 { color: #f8bbd0 !important } .pink.lighten-3 { background-color: #f48fb1 !important } .pink-text.text-lighten-3 { color: #f48fb1 !important } .pink.lighten-2 { background-color: #f06292 !important } .pink-text.text-lighten-2 { color: #f06292 !important } .pink.lighten-1 { background-color: #ec407a !important } .pink-text.text-lighten-1 { color: #ec407a !important } .pink.darken-1 { background-color: #d81b60 !important } .pink-text.text-darken-1 { color: #d81b60 !important } .pink.darken-2 { background-color: #c2185b !important } .pink-text.text-darken-2 { color: #c2185b !important } .pink.darken-3 { background-color: #ad1457 !important } .pink-text.text-darken-3 { color: #ad1457 !important } .pink.darken-4 { background-color: #880e4f !important } .pink-text.text-darken-4 { color: #880e4f !important } .pink.accent-1 { background-color: #ff80ab !important } .pink-text.text-accent-1 { color: #ff80ab !important } .pink.accent-2 { background-color: #ff4081 !important } .pink-text.text-accent-2 { color: #ff4081 !important } .pink.accent-3 { background-color: #f50057 !important } .pink-text.text-accent-3 { color: #f50057 !important } .pink.accent-4 { background-color: #c51162 !important } .pink-text.text-accent-4 { color: #c51162 !important } .purple { background-color: #9c27b0 !important } .purple-text { color: #9c27b0 !important } .purple.lighten-5 { background-color: #f3e5f5 !important } .purple-text.text-lighten-5 { color: #f3e5f5 !important } .purple.lighten-4 { background-color: #e1bee7 !important } .purple-text.text-lighten-4 { color: #e1bee7 !important } .purple.lighten-3 { background-color: #ce93d8 !important } .purple-text.text-lighten-3 { color: #ce93d8 !important } .purple.lighten-2 { background-color: #ba68c8 !important } .purple-text.text-lighten-2 { color: #ba68c8 !important } .purple.lighten-1 { background-color: #ab47bc !important } .purple-text.text-lighten-1 { color: #ab47bc !important } .purple.darken-1 { background-color: #8e24aa !important } .purple-text.text-darken-1 { color: #8e24aa !important } .purple.darken-2 { background-color: #7b1fa2 !important } .purple-text.text-darken-2 { color: #7b1fa2 !important } .purple.darken-3 { background-color: #6a1b9a !important } .purple-text.text-darken-3 { color: #6a1b9a !important } .purple.darken-4 { background-color: #4a148c !important } .purple-text.text-darken-4 { color: #4a148c !important } .purple.accent-1 { background-color: #ea80fc !important } .purple-text.text-accent-1 { color: #ea80fc !important } .purple.accent-2 { background-color: #e040fb !important } .purple-text.text-accent-2 { color: #e040fb !important } .purple.accent-3 { background-color: #d500f9 !important } .purple-text.text-accent-3 { color: #d500f9 !important } .purple.accent-4 { background-color: #a0f !important } .purple-text.text-accent-4 { color: #a0f !important } .deep-purple { background-color: #673ab7 !important } .deep-purple-text { color: #673ab7 !important } .deep-purple.lighten-5 { background-color: #ede7f6 !important } .deep-purple-text.text-lighten-5 { color: #ede7f6 !important } .deep-purple.lighten-4 { background-color: #d1c4e9 !important } .deep-purple-text.text-lighten-4 { color: #d1c4e9 !important } .deep-purple.lighten-3 { background-color: #b39ddb !important } .deep-purple-text.text-lighten-3 { color: #b39ddb !important } .deep-purple.lighten-2 { background-color: #9575cd !important } .deep-purple-text.text-lighten-2 { color: #9575cd !important } .deep-purple.lighten-1 { background-color: #7e57c2 !important } .deep-purple-text.text-lighten-1 { color: #7e57c2 !important } .deep-purple.darken-1 { background-color: #5e35b1 !important } .deep-purple-text.text-darken-1 { color: #5e35b1 !important } .deep-purple.darken-2 { background-color: #512da8 !important } .deep-purple-text.text-darken-2 { color: #512da8 !important } .deep-purple.darken-3 { background-color: #4527a0 !important } .deep-purple-text.text-darken-3 { color: #4527a0 !important } .deep-purple.darken-4 { background-color: #311b92 !important } .deep-purple-text.text-darken-4 { color: #311b92 !important } .deep-purple.accent-1 { background-color: #b388ff !important } .deep-purple-text.text-accent-1 { color: #b388ff !important } .deep-purple.accent-2 { background-color: #7c4dff !important } .deep-purple-text.text-accent-2 { color: #7c4dff !important } .deep-purple.accent-3 { background-color: #651fff !important } .deep-purple-text.text-accent-3 { color: #651fff !important } .deep-purple.accent-4 { background-color: #6200ea !important } .deep-purple-text.text-accent-4 { color: #6200ea !important } .indigo { background-color: #3f51b5 !important } .indigo-text { color: #3f51b5 !important } .indigo.lighten-5 { background-color: #e8eaf6 !important } .indigo-text.text-lighten-5 { color: #e8eaf6 !important } .indigo.lighten-4 { background-color: #c5cae9 !important } .indigo-text.text-lighten-4 { color: #c5cae9 !important } .indigo.lighten-3 { background-color: #9fa8da !important } .indigo-text.text-lighten-3 { color: #9fa8da !important } .indigo.lighten-2 { background-color: #7986cb !important } .indigo-text.text-lighten-2 { color: #7986cb !important } .indigo.lighten-1 { background-color: #5c6bc0 !important } .indigo-text.text-lighten-1 { color: #5c6bc0 !important } .indigo.darken-1 { background-color: #3949ab !important } .indigo-text.text-darken-1 { color: #3949ab !important } .indigo.darken-2 { background-color: #303f9f !important } .indigo-text.text-darken-2 { color: #303f9f !important } .indigo.darken-3 { background-color: #283593 !important } .indigo-text.text-darken-3 { color: #283593 !important } .indigo.darken-4 { background-color: #1a237e !important } .indigo-text.text-darken-4 { color: #1a237e !important } .indigo.accent-1 { background-color: #8c9eff !important } .indigo-text.text-accent-1 { color: #8c9eff !important } .indigo.accent-2 { background-color: #536dfe !important } .indigo-text.text-accent-2 { color: #536dfe !important } .indigo.accent-3 { background-color: #3d5afe !important } .indigo-text.text-accent-3 { color: #3d5afe !important } .indigo.accent-4 { background-color: #304ffe !important } .indigo-text.text-accent-4 { color: #304ffe !important } .blue { background-color: #2196f3 !important } .blue-text { color: #2196f3 !important } .blue.lighten-5 { background-color: #e3f2fd !important } .blue-text.text-lighten-5 { color: #e3f2fd !important } .blue.lighten-4 { background-color: #bbdefb !important } .blue-text.text-lighten-4 { color: #bbdefb !important } .blue.lighten-3 { background-color: #90caf9 !important } .blue-text.text-lighten-3 { color: #90caf9 !important } .blue.lighten-2 { background-color: #64b5f6 !important } .blue-text.text-lighten-2 { color: #64b5f6 !important } .blue.lighten-1 { background-color: #42a5f5 !important } .blue-text.text-lighten-1 { color: #42a5f5 !important } .blue.darken-1 { background-color: #1e88e5 !important } .blue-text.text-darken-1 { color: #1e88e5 !important } .blue.darken-2 { background-color: #1976d2 !important } .blue-text.text-darken-2 { color: #1976d2 !important } .blue.darken-3 { background-color: #1565c0 !important } .blue-text.text-darken-3 { color: #1565c0 !important } .blue.darken-4 { background-color: #0d47a1 !important } .blue-text.text-darken-4 { color: #0d47a1 !important } .blue.accent-1 { background-color: #82b1ff !important } .blue-text.text-accent-1 { color: #82b1ff !important } .blue.accent-2 { background-color: #448aff !important } .blue-text.text-accent-2 { color: #448aff !important } .blue.accent-3 { background-color: #2979ff !important } .blue-text.text-accent-3 { color: #2979ff !important } .blue.accent-4 { background-color: #2962ff !important } .blue-text.text-accent-4 { color: #2962ff !important } .light-blue { background-color: #03a9f4 !important } .light-blue-text { color: #03a9f4 !important } .light-blue.lighten-5 { background-color: #e1f5fe !important } .light-blue-text.text-lighten-5 { color: #e1f5fe !important } .light-blue.lighten-4 { background-color: #b3e5fc !important } .light-blue-text.text-lighten-4 { color: #b3e5fc !important } .light-blue.lighten-3 { background-color: #81d4fa !important } .light-blue-text.text-lighten-3 { color: #81d4fa !important } .light-blue.lighten-2 { background-color: #4fc3f7 !important } .light-blue-text.text-lighten-2 { color: #4fc3f7 !important } .light-blue.lighten-1 { background-color: #29b6f6 !important } .light-blue-text.text-lighten-1 { color: #29b6f6 !important } .light-blue.darken-1 { background-color: #039be5 !important } .light-blue-text.text-darken-1 { color: #039be5 !important } .light-blue.darken-2 { background-color: #0288d1 !important } .light-blue-text.text-darken-2 { color: #0288d1 !important } .light-blue.darken-3 { background-color: #0277bd !important } .light-blue-text.text-darken-3 { color: #0277bd !important } .light-blue.darken-4 { background-color: #01579b !important } .light-blue-text.text-darken-4 { color: #01579b !important } .light-blue.accent-1 { background-color: #80d8ff !important } .light-blue-text.text-accent-1 { color: #80d8ff !important } .light-blue.accent-2 { background-color: #40c4ff !important } .light-blue-text.text-accent-2 { color: #40c4ff !important } .light-blue.accent-3 { background-color: #00b0ff !important } .light-blue-text.text-accent-3 { color: #00b0ff !important } .light-blue.accent-4 { background-color: #0091ea !important } .light-blue-text.text-accent-4 { color: #0091ea !important } .cyan { background-color: #00bcd4 !important } .cyan-text { color: #00bcd4 !important } .cyan.lighten-5 { background-color: #e0f7fa !important } .cyan-text.text-lighten-5 { color: #e0f7fa !important } .cyan.lighten-4 { background-color: #b2ebf2 !important } .cyan-text.text-lighten-4 { color: #b2ebf2 !important } .cyan.lighten-3 { background-color: #80deea !important } .cyan-text.text-lighten-3 { color: #80deea !important } .cyan.lighten-2 { background-color: #4dd0e1 !important } .cyan-text.text-lighten-2 { color: #4dd0e1 !important } .cyan.lighten-1 { background-color: #26c6da !important } .cyan-text.text-lighten-1 { color: #26c6da !important } .cyan.darken-1 { background-color: #00acc1 !important } .cyan-text.text-darken-1 { color: #00acc1 !important } .cyan.darken-2 { background-color: #0097a7 !important } .cyan-text.text-darken-2 { color: #0097a7 !important } .cyan.darken-3 { background-color: #00838f !important } .cyan-text.text-darken-3 { color: #00838f !important } .cyan.darken-4 { background-color: #006064 !important } .cyan-text.text-darken-4 { color: #006064 !important } .cyan.accent-1 { background-color: #84ffff !important } .cyan-text.text-accent-1 { color: #84ffff !important } .cyan.accent-2 { background-color: #18ffff !important } .cyan-text.text-accent-2 { color: #18ffff !important } .cyan.accent-3 { background-color: #00e5ff !important } .cyan-text.text-accent-3 { color: #00e5ff !important } .cyan.accent-4 { background-color: #00b8d4 !important } .cyan-text.text-accent-4 { color: #00b8d4 !important } .teal { background-color: #009688 !important } .teal-text { color: #009688 !important } .teal.lighten-5 { background-color: #e0f2f1 !important } .teal-text.text-lighten-5 { color: #e0f2f1 !important } .teal.lighten-4 { background-color: #b2dfdb !important } .teal-text.text-lighten-4 { color: #b2dfdb !important } .teal.lighten-3 { background-color: #80cbc4 !important } .teal-text.text-lighten-3 { color: #80cbc4 !important } .teal.lighten-2 { background-color: #4db6ac !important } .teal-text.text-lighten-2 { color: #4db6ac !important } .teal.lighten-1 { background-color: #26a69a !important } .teal-text.text-lighten-1 { color: #26a69a !important } .teal.darken-1 { background-color: #00897b !important } .teal-text.text-darken-1 { color: #00897b !important } .teal.darken-2 { background-color: #00796b !important } .teal-text.text-darken-2 { color: #00796b !important } .teal.darken-3 { background-color: #00695c !important } .teal-text.text-darken-3 { color: #00695c !important } .teal.darken-4 { background-color: #004d40 !important } .teal-text.text-darken-4 { color: #004d40 !important } .teal.accent-1 { background-color: #a7ffeb !important } .teal-text.text-accent-1 { color: #a7ffeb !important } .teal.accent-2 { background-color: #64ffda !important } .teal-text.text-accent-2 { color: #64ffda !important } .teal.accent-3 { background-color: #1de9b6 !important } .teal-text.text-accent-3 { color: #1de9b6 !important } .teal.accent-4 { background-color: #00bfa5 !important } .teal-text.text-accent-4 { color: #00bfa5 !important } .green { background-color: #4caf50 !important } .green-text { color: #4caf50 !important } .green.lighten-5 { background-color: #e8f5e9 !important } .green-text.text-lighten-5 { color: #e8f5e9 !important } .green.lighten-4 { background-color: #c8e6c9 !important } .green-text.text-lighten-4 { color: #c8e6c9 !important } .green.lighten-3 { background-color: #a5d6a7 !important } .green-text.text-lighten-3 { color: #a5d6a7 !important } .green.lighten-2 { background-color: #81c784 !important } .green-text.text-lighten-2 { color: #81c784 !important } .green.lighten-1 { background-color: #66bb6a !important } .green-text.text-lighten-1 { color: #66bb6a !important } .green.darken-1 { background-color: #43a047 !important } .green-text.text-darken-1 { color: #43a047 !important } .green.darken-2 { background-color: #388e3c !important } .green-text.text-darken-2 { color: #388e3c !important } .green.darken-3 { background-color: #2e7d32 !important } .green-text.text-darken-3 { color: #2e7d32 !important } .green.darken-4 { background-color: #1b5e20 !important } .green-text.text-darken-4 { color: #1b5e20 !important } .green.accent-1 { background-color: #b9f6ca !important } .green-text.text-accent-1 { color: #b9f6ca !important } .green.accent-2 { background-color: #69f0ae !important } .green-text.text-accent-2 { color: #69f0ae !important } .green.accent-3 { background-color: #00e676 !important } .green-text.text-accent-3 { color: #00e676 !important } .green.accent-4 { background-color: #00c853 !important } .green-text.text-accent-4 { color: #00c853 !important } .light-green { background-color: #8bc34a !important } .light-green-text { color: #8bc34a !important } .light-green.lighten-5 { background-color: #f1f8e9 !important } .light-green-text.text-lighten-5 { color: #f1f8e9 !important } .light-green.lighten-4 { background-color: #dcedc8 !important } .light-green-text.text-lighten-4 { color: #dcedc8 !important } .light-green.lighten-3 { background-color: #c5e1a5 !important } .light-green-text.text-lighten-3 { color: #c5e1a5 !important } .light-green.lighten-2 { background-color: #aed581 !important } .light-green-text.text-lighten-2 { color: #aed581 !important } .light-green.lighten-1 { background-color: #9ccc65 !important } .light-green-text.text-lighten-1 { color: #9ccc65 !important } .light-green.darken-1 { background-color: #7cb342 !important } .light-green-text.text-darken-1 { color: #7cb342 !important } .light-green.darken-2 { background-color: #689f38 !important } .light-green-text.text-darken-2 { color: #689f38 !important } .light-green.darken-3 { background-color: #558b2f !important } .light-green-text.text-darken-3 { color: #558b2f !important } .light-green.darken-4 { background-color: #33691e !important } .light-green-text.text-darken-4 { color: #33691e !important } .light-green.accent-1 { background-color: #ccff90 !important } .light-green-text.text-accent-1 { color: #ccff90 !important } .light-green.accent-2 { background-color: #b2ff59 !important } .light-green-text.text-accent-2 { color: #b2ff59 !important } .light-green.accent-3 { background-color: #76ff03 !important } .light-green-text.text-accent-3 { color: #76ff03 !important } .light-green.accent-4 { background-color: #64dd17 !important } .light-green-text.text-accent-4 { color: #64dd17 !important } .lime { background-color: #cddc39 !important } .lime-text { color: #cddc39 !important } .lime.lighten-5 { background-color: #f9fbe7 !important } .lime-text.text-lighten-5 { color: #f9fbe7 !important } .lime.lighten-4 { background-color: #f0f4c3 !important } .lime-text.text-lighten-4 { color: #f0f4c3 !important } .lime.lighten-3 { background-color: #e6ee9c !important } .lime-text.text-lighten-3 { color: #e6ee9c !important } .lime.lighten-2 { background-color: #dce775 !important } .lime-text.text-lighten-2 { color: #dce775 !important } .lime.lighten-1 { background-color: #d4e157 !important } .lime-text.text-lighten-1 { color: #d4e157 !important } .lime.darken-1 { background-color: #c0ca33 !important } .lime-text.text-darken-1 { color: #c0ca33 !important } .lime.darken-2 { background-color: #afb42b !important } .lime-text.text-darken-2 { color: #afb42b !important } .lime.darken-3 { background-color: #9e9d24 !important } .lime-text.text-darken-3 { color: #9e9d24 !important } .lime.darken-4 { background-color: #827717 !important } .lime-text.text-darken-4 { color: #827717 !important } .lime.accent-1 { background-color: #f4ff81 !important } .lime-text.text-accent-1 { color: #f4ff81 !important } .lime.accent-2 { background-color: #eeff41 !important } .lime-text.text-accent-2 { color: #eeff41 !important } .lime.accent-3 { background-color: #c6ff00 !important } .lime-text.text-accent-3 { color: #c6ff00 !important } .lime.accent-4 { background-color: #aeea00 !important } .lime-text.text-accent-4 { color: #aeea00 !important } .yellow { background-color: #ffeb3b !important } .yellow-text { color: #ffeb3b !important } .yellow.lighten-5 { background-color: #fffde7 !important } .yellow-text.text-lighten-5 { color: #fffde7 !important } .yellow.lighten-4 { background-color: #fff9c4 !important } .yellow-text.text-lighten-4 { color: #fff9c4 !important } .yellow.lighten-3 { background-color: #fff59d !important } .yellow-text.text-lighten-3 { color: #fff59d !important } .yellow.lighten-2 { background-color: #fff176 !important } .yellow-text.text-lighten-2 { color: #fff176 !important } .yellow.lighten-1 { background-color: #ffee58 !important } .yellow-text.text-lighten-1 { color: #ffee58 !important } .yellow.darken-1 { background-color: #fdd835 !important } .yellow-text.text-darken-1 { color: #fdd835 !important } .yellow.darken-2 { background-color: #fbc02d !important } .yellow-text.text-darken-2 { color: #fbc02d !important } .yellow.darken-3 { background-color: #f9a825 !important } .yellow-text.text-darken-3 { color: #f9a825 !important } .yellow.darken-4 { background-color: #f57f17 !important } .yellow-text.text-darken-4 { color: #f57f17 !important } .yellow.accent-1 { background-color: #ffff8d !important } .yellow-text.text-accent-1 { color: #ffff8d !important } .yellow.accent-2 { background-color: #ff0 !important } .yellow-text.text-accent-2 { color: #ff0 !important } .yellow.accent-3 { background-color: #ffea00 !important } .yellow-text.text-accent-3 { color: #ffea00 !important } .yellow.accent-4 { background-color: #ffd600 !important } .yellow-text.text-accent-4 { color: #ffd600 !important } .amber { background-color: #ffc107 !important } .amber-text { color: #ffc107 !important } .amber.lighten-5 { background-color: #fff8e1 !important } .amber-text.text-lighten-5 { color: #fff8e1 !important } .amber.lighten-4 { background-color: #ffecb3 !important } .amber-text.text-lighten-4 { color: #ffecb3 !important } .amber.lighten-3 { background-color: #ffe082 !important } .amber-text.text-lighten-3 { color: #ffe082 !important } .amber.lighten-2 { background-color: #ffd54f !important } .amber-text.text-lighten-2 { color: #ffd54f !important } .amber.lighten-1 { background-color: #ffca28 !important } .amber-text.text-lighten-1 { color: #ffca28 !important } .amber.darken-1 { background-color: #ffb300 !important } .amber-text.text-darken-1 { color: #ffb300 !important } .amber.darken-2 { background-color: #ffa000 !important } .amber-text.text-darken-2 { color: #ffa000 !important } .amber.darken-3 { background-color: #ff8f00 !important } .amber-text.text-darken-3 { color: #ff8f00 !important } .amber.darken-4 { background-color: #ff6f00 !important } .amber-text.text-darken-4 { color: #ff6f00 !important } .amber.accent-1 { background-color: #ffe57f !important } .amber-text.text-accent-1 { color: #ffe57f !important } .amber.accent-2 { background-color: #ffd740 !important } .amber-text.text-accent-2 { color: #ffd740 !important } .amber.accent-3 { background-color: #ffc400 !important } .amber-text.text-accent-3 { color: #ffc400 !important } .amber.accent-4 { background-color: #ffab00 !important } .amber-text.text-accent-4 { color: #ffab00 !important } .orange { background-color: #ff9800 !important } .orange-text { color: #ff9800 !important } .orange.lighten-5 { background-color: #fff3e0 !important } .orange-text.text-lighten-5 { color: #fff3e0 !important } .orange.lighten-4 { background-color: #ffe0b2 !important } .orange-text.text-lighten-4 { color: #ffe0b2 !important } .orange.lighten-3 { background-color: #ffcc80 !important } .orange-text.text-lighten-3 { color: #ffcc80 !important } .orange.lighten-2 { background-color: #ffb74d !important } .orange-text.text-lighten-2 { color: #ffb74d !important } .orange.lighten-1 { background-color: #ffa726 !important } .orange-text.text-lighten-1 { color: #ffa726 !important } .orange.darken-1 { background-color: #fb8c00 !important } .orange-text.text-darken-1 { color: #fb8c00 !important } .orange.darken-2 { background-color: #f57c00 !important } .orange-text.text-darken-2 { color: #f57c00 !important } .orange.darken-3 { background-color: #ef6c00 !important } .orange-text.text-darken-3 { color: #ef6c00 !important } .orange.darken-4 { background-color: #e65100 !important } .orange-text.text-darken-4 { color: #e65100 !important } .orange.accent-1 { background-color: #ffd180 !important } .orange-text.text-accent-1 { color: #ffd180 !important } .orange.accent-2 { background-color: #ffab40 !important } .orange-text.text-accent-2 { color: #ffab40 !important } .orange.accent-3 { background-color: #ff9100 !important } .orange-text.text-accent-3 { color: #ff9100 !important } .orange.accent-4 { background-color: #ff6d00 !important } .orange-text.text-accent-4 { color: #ff6d00 !important } .deep-orange { background-color: #ff5722 !important } .deep-orange-text { color: #ff5722 !important } .deep-orange.lighten-5 { background-color: #fbe9e7 !important } .deep-orange-text.text-lighten-5 { color: #fbe9e7 !important } .deep-orange.lighten-4 { background-color: #ffccbc !important } .deep-orange-text.text-lighten-4 { color: #ffccbc !important } .deep-orange.lighten-3 { background-color: #ffab91 !important } .deep-orange-text.text-lighten-3 { color: #ffab91 !important } .deep-orange.lighten-2 { background-color: #ff8a65 !important } .deep-orange-text.text-lighten-2 { color: #ff8a65 !important } .deep-orange.lighten-1 { background-color: #ff7043 !important } .deep-orange-text.text-lighten-1 { color: #ff7043 !important } .deep-orange.darken-1 { background-color: #f4511e !important } .deep-orange-text.text-darken-1 { color: #f4511e !important } .deep-orange.darken-2 { background-color: #e64a19 !important } .deep-orange-text.text-darken-2 { color: #e64a19 !important } .deep-orange.darken-3 { background-color: #d84315 !important } .deep-orange-text.text-darken-3 { color: #d84315 !important } .deep-orange.darken-4 { background-color: #bf360c !important } .deep-orange-text.text-darken-4 { color: #bf360c !important } .deep-orange.accent-1 { background-color: #ff9e80 !important } .deep-orange-text.text-accent-1 { color: #ff9e80 !important } .deep-orange.accent-2 { background-color: #ff6e40 !important } .deep-orange-text.text-accent-2 { color: #ff6e40 !important } .deep-orange.accent-3 { background-color: #ff3d00 !important } .deep-orange-text.text-accent-3 { color: #ff3d00 !important } .deep-orange.accent-4 { background-color: #dd2c00 !important } .deep-orange-text.text-accent-4 { color: #dd2c00 !important } .brown { background-color: #795548 !important } .brown-text { color: #795548 !important } .brown.lighten-5 { background-color: #efebe9 !important } .brown-text.text-lighten-5 { color: #efebe9 !important } .brown.lighten-4 { background-color: #d7ccc8 !important } .brown-text.text-lighten-4 { color: #d7ccc8 !important } .brown.lighten-3 { background-color: #bcaaa4 !important } .brown-text.text-lighten-3 { color: #bcaaa4 !important } .brown.lighten-2 { background-color: #a1887f !important } .brown-text.text-lighten-2 { color: #a1887f !important } .brown.lighten-1 { background-color: #8d6e63 !important } .brown-text.text-lighten-1 { color: #8d6e63 !important } .brown.darken-1 { background-color: #6d4c41 !important } .brown-text.text-darken-1 { color: #6d4c41 !important } .brown.darken-2 { background-color: #5d4037 !important } .brown-text.text-darken-2 { color: #5d4037 !important } .brown.darken-3 { background-color: #4e342e !important } .brown-text.text-darken-3 { color: #4e342e !important } .brown.darken-4 { background-color: #3e2723 !important } .brown-text.text-darken-4 { color: #3e2723 !important } .blue-grey { background-color: #607d8b !important } .blue-grey-text { color: #607d8b !important } .blue-grey.lighten-5 { background-color: #eceff1 !important } .blue-grey-text.text-lighten-5 { color: #eceff1 !important } .blue-grey.lighten-4 { background-color: #cfd8dc !important } .blue-grey-text.text-lighten-4 { color: #cfd8dc !important } .blue-grey.lighten-3 { background-color: #b0bec5 !important } .blue-grey-text.text-lighten-3 { color: #b0bec5 !important } .blue-grey.lighten-2 { background-color: #90a4ae !important } .blue-grey-text.text-lighten-2 { color: #90a4ae !important } .blue-grey.lighten-1 { background-color: #78909c !important } .blue-grey-text.text-lighten-1 { color: #78909c !important } .blue-grey.darken-1 { background-color: #546e7a !important } .blue-grey-text.text-darken-1 { color: #546e7a !important } .blue-grey.darken-2 { background-color: #455a64 !important } .blue-grey-text.text-darken-2 { color: #455a64 !important } .blue-grey.darken-3 { background-color: #37474f !important } .blue-grey-text.text-darken-3 { color: #37474f !important } .blue-grey.darken-4 { background-color: #263238 !important } .blue-grey-text.text-darken-4 { color: #263238 !important } .grey { background-color: #9e9e9e !important } .grey-text { color: #9e9e9e !important } .grey.lighten-5 { background-color: #fafafa !important } .grey-text.text-lighten-5 { color: #fafafa !important } .grey.lighten-4 { background-color: #f5f5f5 !important } .grey-text.text-lighten-4 { color: #f5f5f5 !important } .grey.lighten-3 { background-color: #eee !important } .grey-text.text-lighten-3 { color: #eee !important } .grey.lighten-2 { background-color: #e0e0e0 !important } .grey-text.text-lighten-2 { color: #e0e0e0 !important } .grey.lighten-1 { background-color: #bdbdbd !important } .grey-text.text-lighten-1 { color: #bdbdbd !important } .grey.darken-1 { background-color: #757575 !important } .grey-text.text-darken-1 { color: #757575 !important } .grey.darken-2 { background-color: #616161 !important } .grey-text.text-darken-2 { color: #616161 !important } .grey.darken-3 { background-color: #424242 !important } .grey-text.text-darken-3 { color: #424242 !important } .grey.darken-4 { background-color: #212121 !important } .grey-text.text-darken-4 { color: #212121 !important } .black { background-color: #000 !important } .black-text { color: #000 !important } .white { background-color: #fff !important } .white-text { color: #fff !important } .transparent { background-color: transparent !important } .transparent-text { color: transparent !important } .center { text-align: center } .bold { font-weight: bold } .modal { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21); display: none; position: fixed; left: 0; right: 0; background-color: #fafafa; padding: 0; max-height: 70%; width: 55%; margin: auto; overflow-y: auto; border-radius: 2px; will-change: top, opacity } .modal h1, .modal h2, .modal h3, .modal h4 { margin-top: 0 } .modal .modal-content { padding: 24px } .modal .modal-close { cursor: pointer } .modal .modal-footer { border-radius: 0 0 2px 2px; background-color: #fafafa; padding: 4px 6px; height: 56px; width: 100% } .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat { float: right; margin: 6px 0 } .modal.modal-fixed-footer { padding: 0; height: 70% } .modal.modal-fixed-footer .modal-content { position: absolute; height: calc(100% - 56px); max-height: 100%; width: 100%; overflow-y: auto } .modal.modal-fixed-footer .modal-footer { border-top: 1px solid rgba(0, 0, 0, .1); position: absolute; bottom: 0 } .modal.bottom-sheet { top: auto; bottom: -100%; margin: 0; width: 100%; max-height: 45%; border-radius: 0; will-change: bottom, opacity } @media only screen and (max-width: 992px) { .modal { width: 80% } } .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; transition: all .3s ease-out } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, .2); transition: all .7s ease-out; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0); transform: scale(0); pointer-events: none } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, .45) } .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, .7) } .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, .7) } .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, .7) } .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, .7) } .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, .7) } .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, .7) } .waves-effect input[type=button], .waves-effect input[type=reset], .waves-effect input[type=submit] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none } .waves-effect img { position: relative; z-index: -1 } .waves-notransition { transition: none !important } .waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%) } .waves-input-wrapper { border-radius: .2em; vertical-align: bottom } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1 } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none } .waves-block { display: block } .waves-effect .waves-ripple { z-index: -1 } .tab, .tab1 { padding-left: 2em } .tab2 { padding-left: 4em } .tab3 { padding-left: 6em } .tab4 { padding-left: 8em } .tab5 { padding-left: 10em } .tab6 { padding-left: 12em } .tab7 { padding-left: 14em } .h1 { display: block; font-size: 2em } .h2 { display: block; font-size: 1.5em } .h3 { display: block; font-size: 1.17em } .h4 { display: block } .h5 { display: block; font-size: .83em } .h6 { display: block; font-size: .67em } .p { display: block; font-size: 1.1em }