.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.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: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !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: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !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: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !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: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

/* Light - Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/OpenSans-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/OpenSans-LightItalic.ttf") format("truetype"); }
/* Regular - Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/OpenSans-Italic.ttf") format("truetype"); }
/* Semi Bold - Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/OpenSans-SemiBoldItalic.ttf") format("truetype"); }
/* Bold - Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/OpenSans-BoldItalic.ttf") format("truetype"); }
*:focus {
  outline: none; }

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #373737; }
  body.home section {
    margin-top: 0; }

.radius16 {
  border-radius: 16px; }

header {
  background-color: #2e3d46;
  max-height: 233px; }
  header > .container {
    position: relative; }
  header a.brand-logo {
    background: url(../img/logo-500.png) no-repeat center center/contain transparent;
    height: 59px;
    width: 100%;
    display: block;
    text-indent: -999999px;
    margin: 5px; }
    header a.brand-logo:hover, header a.brand-logo:active {
      background-color: initial !important; }
  header .top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: space-around;
    margin-top: 22px;
    margin-bottom: 22px; }
    header .top .mobileMenuButton,
    header .top .userSideMenuButton {
      flex: 2; }
    header .top .userSideMenuButton .sidenav-trigger:hover, header .top .userSideMenuButton .sidenav-trigger:active {
      color: white; }
    header .top .userSideMenuButton .sidenav-trigger .username {
      font-size: 1rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 120px;
      display: inline-block; }
    header .top a.logo {
      flex: 2;
      background: url("../img/logo-500.png") no-repeat center left/contain transparent;
      height: 85px;
      text-indent: -9999px; }
    header .top ul#menu {
      flex: 5;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      align-content: space-around;
      color: white;
      margin-right: 7rem; }
      header .top ul#menu a {
        color: white;
        padding: 0.8rem 0.5rem;
        display: block; }
        header .top ul#menu a.active, header .top ul#menu a:hover, header .top ul#menu a:active {
          color: #9db52c; }
      header .top ul#menu > li {
        flex: 1;
        text-align: center; }
        header .top ul#menu > li > ul {
          box-shadow: 0 0 1px #ababab;
          border-radius: 8px;
          overflow: initial;
          margin-top: 12px; }
          header .top ul#menu > li > ul::before {
            transform: rotate(45deg);
            content: " ";
            width: 10px;
            height: 10px;
            background-color: white;
            position: absolute;
            margin-left: -5px;
            top: -5px;
            z-index: -1; }
          header .top ul#menu > li > ul li {
            font-size: 1rem; }
            header .top ul#menu > li > ul li::before {
              content: " ";
              width: 100%;
              height: 1px;
              background-color: #ececec;
              position: absolute; }
            header .top ul#menu > li > ul li:first-child::before {
              height: 0; }
            header .top ul#menu > li > ul li:first-child {
              border-top-left-radius: 8px;
              border-top-right-radius: 8px; }
              header .top ul#menu > li > ul li:first-child a.active, header .top ul#menu > li > ul li:first-child a:hover, header .top ul#menu > li > ul li:first-child a:active {
                border-top-left-radius: 8px;
                border-top-right-radius: 8px; }
            header .top ul#menu > li > ul li:last-child {
              border-bottom-left-radius: 8px;
              border-bottom-right-radius: 8px; }
              header .top ul#menu > li > ul li:last-child a.active, header .top ul#menu > li > ul li:last-child a:hover, header .top ul#menu > li > ul li:last-child a:active {
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px; }
            header .top ul#menu > li > ul li a {
              padding: 1rem 1.5rem;
              font-size: inherit;
              color: #373737; }
              header .top ul#menu > li > ul li a.active, header .top ul#menu > li > ul li a:hover, header .top ul#menu > li > ul li a:active {
                color: #1e1e1e;
                background-color: #F2F2F2; }
    header .top ul#loginRegisterMenu {
      flex: 2;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      align-content: space-around;
      color: white; }
      header .top ul#loginRegisterMenu > li {
        flex: 1;
        text-align: right; }
        header .top ul#loginRegisterMenu > li a {
          color: white;
          padding: 0.8rem 0.5rem;
          display: block;
          position: relative; }
          header .top ul#loginRegisterMenu > li a.login.active::before, header .top ul#loginRegisterMenu > li a.login:hover::before, header .top ul#loginRegisterMenu > li a.login:active::before {
            content: " ";
            width: 38px;
            height: 3px;
            background-color: #9db52c;
            position: absolute;
            bottom: 7px;
            border-radius: 8px; }
          header .top ul#loginRegisterMenu > li a.register {
            background-color: #9db52c;
            text-align: center;
            margin-left: 10px;
            border-radius: 8px;
            padding: 0.3rem 1.2rem 0.4rem;
            display: inline-block; }
            header .top ul#loginRegisterMenu > li a.register.active, header .top ul#loginRegisterMenu > li a.register:hover, header .top ul#loginRegisterMenu > li a.register:active {
              background-color: #b8d143; }
          header .top ul#loginRegisterMenu > li a.active, header .top ul#loginRegisterMenu > li a:hover, header .top ul#loginRegisterMenu > li a:active {
            color: white; }
    header .top ul.userMenu {
      flex: 2;
      text-align: right;
      font-size: 0; }
      header .top ul.userMenu > li {
        text-align: right;
        display: inline-block;
        font-size: 1rem; }
        header .top ul.userMenu > li > a {
          padding: 0.3rem 1rem;
          display: block; }
          header .top ul.userMenu > li > a:hover, header .top ul.userMenu > li > a:active {
            color: white; }
            header .top ul.userMenu > li > a:hover .badge, header .top ul.userMenu > li > a:active .badge {
              color: white; }
          header .top ul.userMenu > li > a .badge {
            color: #9db52c;
            margin: 0;
            padding: 0 0.3rem;
            min-width: 0;
            float: none; }
        header .top ul.userMenu > li > a.userMenuBtn {
          background-color: #9db52c;
          color: white;
          border-radius: 8px; }
          header .top ul.userMenu > li > a.userMenuBtn:hover, header .top ul.userMenu > li > a.userMenuBtn:active {
            background-color: #b8d143;
            color: white; }
        header .top ul.userMenu > li:last-child {
          margin-left: 0.5rem; }
        header .top ul.userMenu > li > ul {
          box-shadow: 0 0 1px #ababab;
          border-radius: 8px;
          overflow: initial; }
          header .top ul.userMenu > li > ul::before {
            transform: rotate(45deg);
            content: " ";
            width: 10px;
            height: 10px;
            background-color: white;
            position: absolute;
            margin-left: -5px;
            top: -5px;
            z-index: -1;
            left: 75%; }
          header .top ul.userMenu > li > ul li {
            font-size: 1rem; }
            header .top ul.userMenu > li > ul li::before {
              content: " ";
              width: 100%;
              height: 1px;
              background-color: #ececec;
              position: absolute; }
            header .top ul.userMenu > li > ul li:first-child::before {
              height: 0; }
            header .top ul.userMenu > li > ul li:first-child {
              border-top-left-radius: 8px;
              border-top-right-radius: 8px; }
              header .top ul.userMenu > li > ul li:first-child a.active, header .top ul.userMenu > li > ul li:first-child a:hover, header .top ul.userMenu > li > ul li:first-child a:active {
                border-top-left-radius: 8px;
                border-top-right-radius: 8px; }
            header .top ul.userMenu > li > ul li:last-child {
              border-bottom-left-radius: 8px;
              border-bottom-right-radius: 8px; }
              header .top ul.userMenu > li > ul li:last-child a.active, header .top ul.userMenu > li > ul li:last-child a:hover, header .top ul.userMenu > li > ul li:last-child a:active {
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px; }
            header .top ul.userMenu > li > ul li a {
              padding: 1rem 1.5rem;
              font-size: inherit;
              color: #373737; }
              header .top ul.userMenu > li > ul li a.active, header .top ul.userMenu > li > ul li a:hover, header .top ul.userMenu > li > ul li a:active {
                color: #1e1e1e;
                background-color: #F2F2F2; }

section {
  padding: 20px 20px 20px 260px;
  margin-bottom: 62px;
  /* For fixed footer */ }
  section > .container {
    width: 100%; }

body.login #particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #015592;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1; }

.max-width-500 {
  max-width: 500px; }

.margin-auto {
  margin: 0 auto; }

h1:not(.swal2-title) {
  margin: 0 0.75rem 20px;
  font-size: 22px;
  display: inline-block;
  border-bottom: 3px solid #9db52c;
  padding: 0 0 5px; }

h2:not(.swal2-title) {
  margin: 0 0.75rem 20px;
  font-size: 18px;
  display: inline-block;
  border-bottom: 3px solid #3e467b;
  padding: 0 0 5px; }

hr {
  border: 0;
  height: 1px;
  background-color: #a3a3a3; }

a {
  color: #9db52c; }
  a:active, a:hover {
    color: #015592; }

.site-green {
  background-color: #9db52c; }

.site-green-text {
  color: #9db52c; }

a.site-green {
  background-color: #b8d143;
  color: white; }

.btn-full {
  width: 100%;
  display: block; }

.btnBlue {
  background-color: #3e467b; }
  .btnBlue:hover, .btnBlue:active, .btnBlue:focus {
    background-color: #4f599d;
    color: white; }

.btnGreen {
  background-color: #9db52c; }
  .btnGreen:hover, .btnGreen:active, .btnGreen:focus {
    background-color: #b8d143;
    color: white; }

.btnRed {
  background-color: #a4354a; }
  .btnRed:hover, .btnRed:active, .btnRed:focus {
    background-color: #c44860;
    color: white; }

ul.infoDetail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-around; }
  ul.infoDetail li {
    flex: 1;
    flex-basis: calc(33% - 2rem);
    margin: 0 1rem 1rem 0;
    height: 78px;
    border: 1px solid #eaeaea;
    padding: 5px 10px; }
    ul.infoDetail li .title {
      display: block;
      font-weight: 600; }
    ul.infoDetail li .value {
      font-size: 0.9rem; }

footer {
  color: #FFFFFF;
  background-color: #2e3d46;
  font-size: 1rem;
  margin: 0;
  padding: 20px 20px 20px 260px;
  bottom: 0;
  left: 0;
  right: 0; }
  footer a {
    color: white; }
    footer a:active, footer a:hover {
      color: white;
      text-decoration: underline; }
  footer .top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-around;
    padding-bottom: 1rem;
    border-bottom: 1px solid #567384; }
    footer .top .footer-partners {
      flex: 6; }
      footer .top .footer-partners ul {
        list-style: none;
        font-size: 0;
        text-align: center; }
        footer .top .footer-partners ul li {
          display: inline-block;
          margin: 1rem; }
          footer .top .footer-partners ul li img {
            height: 2rem; }
  footer .footerMenu {
    margin-top: 3rem; }
    footer .footerMenu a:hover, footer .footerMenu a:active {
      color: #567384;
      text-decoration: none; }
    footer .footerMenu h3 {
      font-size: 1.2rem;
      padding: 0 0 5px;
      border-bottom: 3px solid #567384;
      display: inline-block;
      margin: 0 0 1rem 0; }
    footer .footerMenu ul {
      margin-top: 0; }
      footer .footerMenu ul li a {
        font-size: 0.9rem; }
        footer .footerMenu ul li a:hover, footer .footerMenu ul li a:active {
          color: #567384;
          text-decoration: none; }
    footer .footerMenu .socialLinks {
      text-align: left;
      font-size: 0; }
      footer .footerMenu .socialLinks a {
        font-size: 1.2rem;
        line-height: 1.8rem;
        text-align: center;
        display: inline-block;
        width: 1.8rem; }
        footer .footerMenu .socialLinks a:hover, footer .footerMenu .socialLinks a:focus, footer .footerMenu .socialLinks a:active {
          color: #9db52c; }
    footer .footerMenu .tg-list {
      display: flex;
      align-items: flex-start;
      margin-top: 2rem; }
      footer .footerMenu .tg-list .tg-list-item .tgl {
        display: none; }
        footer .footerMenu .tg-list .tg-list-item .tgl, footer .footerMenu .tg-list .tg-list-item .tgl:after, footer .footerMenu .tg-list .tg-list-item .tgl:before, footer .footerMenu .tg-list .tg-list-item .tgl *, footer .footerMenu .tg-list .tg-list-item .tgl *:after, footer .footerMenu .tg-list .tg-list-item .tgl *:before, footer .footerMenu .tg-list .tg-list-item .tgl + .tgl-btn {
          box-sizing: border-box; }
          footer .footerMenu .tg-list .tg-list-item .tgl::selection, footer .footerMenu .tg-list .tg-list-item .tgl:after::selection, footer .footerMenu .tg-list .tg-list-item .tgl:before::selection, footer .footerMenu .tg-list .tg-list-item .tgl *::selection, footer .footerMenu .tg-list .tg-list-item .tgl *:after::selection, footer .footerMenu .tg-list .tg-list-item .tgl *:before::selection, footer .footerMenu .tg-list .tg-list-item .tgl + .tgl-btn::selection {
            background: none; }
        footer .footerMenu .tg-list .tg-list-item .tgl + .tgl-btn {
          outline: 0;
          display: block;
          width: 8em;
          height: 2em;
          position: relative;
          cursor: pointer;
          user-select: none; }
          footer .footerMenu .tg-list .tg-list-item .tgl + .tgl-btn:after, footer .footerMenu .tg-list .tg-list-item .tgl + .tgl-btn:before {
            position: relative;
            display: block;
            content: "";
            width: 50%;
            height: 100%; }
          footer .footerMenu .tg-list .tg-list-item .tgl + .tgl-btn:after {
            left: 0; }
          footer .footerMenu .tg-list .tg-list-item .tgl + .tgl-btn:before {
            display: none; }
        footer .footerMenu .tg-list .tg-list-item .tgl:checked + .tgl-btn:after {
          left: 50%; }
      footer .footerMenu .tg-list .tg-list-item .tgl-skewed + .tgl-btn {
        overflow: hidden;
        transform: skew(-10deg);
        backface-visibility: hidden;
        transition: all .2s ease;
        font-family: sans-serif;
        background: #888; }
        footer .footerMenu .tg-list .tg-list-item .tgl-skewed + .tgl-btn:after, footer .footerMenu .tg-list .tg-list-item .tgl-skewed + .tgl-btn:before {
          margin-top: 0;
          transform: skew(10deg);
          display: inline-block;
          transition: all .2s ease;
          width: 100%;
          text-align: center;
          position: absolute;
          line-height: 2em;
          font-weight: bold;
          color: #fff;
          text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
        footer .footerMenu .tg-list .tg-list-item .tgl-skewed + .tgl-btn:after {
          left: 100%;
          content: attr(data-tg-on); }
        footer .footerMenu .tg-list .tg-list-item .tgl-skewed + .tgl-btn:before {
          left: 0;
          content: attr(data-tg-off); }
        footer .footerMenu .tg-list .tg-list-item .tgl-skewed + .tgl-btn:active {
          background: #888; }
          footer .footerMenu .tg-list .tg-list-item .tgl-skewed + .tgl-btn:active:before {
            left: -10%; }
      footer .footerMenu .tg-list .tg-list-item .tgl-skewed:checked + .tgl-btn {
        background: #9db52c; }
        footer .footerMenu .tg-list .tg-list-item .tgl-skewed:checked + .tgl-btn:before {
          left: -100%; }
        footer .footerMenu .tg-list .tg-list-item .tgl-skewed:checked + .tgl-btn:after {
          left: 0; }
        footer .footerMenu .tg-list .tg-list-item .tgl-skewed:checked + .tgl-btn:active:after {
          left: 10%; }
  footer .footer-copyright {
    color: rgba(255, 255, 255, 0.4); }

.userInfoBox {
  /*background-color: #f6f6f6;*/
  /* 6:5 Avatar Ratio */ }
  .userInfoBox .avatar {
    width: 100%;
    max-width: 150px;
    padding-top: 50%;
    margin: 0 auto;
    display: block;
    background: no-repeat center center / contain;
    position: relative; }
    .userInfoBox .avatar .edit-avatar {
      position: absolute;
      background-color: #9db52c;
      color: #fff;
      padding: 3px;
      width: 100%;
      text-align: center;
      bottom: 0;
      font-size: 13px; }
  .userInfoBox .userInfo {
    padding: 12px 0; }
    .userInfoBox .userInfo .username {
      color: #1b1b1b;
      font-size: 1.2rem; }
    .userInfoBox .userInfo .aboutMe {
      font-size: 0.9rem; }
  .userInfoBox .metaInfo {
    background-color: #9db52c;
    padding: 11px 20px;
    overflow: hidden;
    font-size: 1.2rem;
    color: white; }
    .userInfoBox .metaInfo a {
      color: white; }

.account-left-panel .metaInfo {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-between; }
  .account-left-panel .metaInfo > * {
    flex: 1;
    margin-bottom: 1rem; }
  .account-left-panel .metaInfo > *:last-child {
    margin-bottom: 0; }
  .account-left-panel .metaInfo .balanceInfo {
    font-size: 1.1rem;
    background-color: #9db52c;
    padding: 1rem;
    color: white; }
  .account-left-panel .metaInfo .balanceButtons {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: flex-start; }
    .account-left-panel .metaInfo .balanceButtons > * {
      flex-basis: 49%;
      border-radius: 8px; }

.shareTradeBox {
  color: black;
  padding: 0;
  border: 0 solid;
  display: inline-block; }
  .shareTradeBox label {
    padding: 8px 8px 8px 0;
    display: block;
    color: black; }
    .shareTradeBox label input {
      opacity: 1; }
    .shareTradeBox label span {
      opacity: 1; }
    .shareTradeBox label [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
    .shareTradeBox label [type="checkbox"].filled-in:checked + span:not(.lever):after {
      top: 2px; }

@media only screen and (max-width: 992px) {
  .userInfoBox {
    visibility: visible; }
    .userInfoBox .avatar {
      padding-top: 15%; }
    .userInfoBox .userInfo {
      padding: 12px 0 0; }

  .copierCount {
    margin-bottom: 20px; } }
.panel {
  padding: 12px 24px;
  margin: 0 0 1rem 0;
  border: 1px solid #eaeaea;
  background-color: white; }
  .panel .panel-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    padding: 0 0 0 10px;
    display: block;
    line-height: 2rem;
    position: relative;
    border-bottom: 0 none; }
    .panel .panel-title::before {
      content: " ";
      width: 4px;
      background-color: #9db52c;
      height: 80%;
      display: block;
      position: absolute;
      top: 10%;
      left: 0; }
    .panel .panel-title::after {
      content: " ";
      width: calc(100% + 10px);
      background-color: #eaeaea;
      height: 1px;
      left: -10px;
      display: block;
      position: relative;
      top: 10px; }
    .panel .panel-title a.buttonIcon {
      font-size: 2rem; }
    .panel .panel-title .linkToAll {
      float: right;
      font-weight: 300;
      color: inherit;
      font-size: 1rem; }
      .panel .panel-title .linkToAll a {
        color: inherit;
        transition: color 200ms; }
        .panel .panel-title .linkToAll a:hover, .panel .panel-title .linkToAll a:active {
          color: #9db52c; }
    .panel .panel-title .badge {
      margin-top: 5px; }
    .panel .panel-title .select-wrapper {
      margin-top: -8px; }
    .panel .panel-title .filterInputs {
      float: right;
      position: relative;
      top: -8px; }
      .panel .panel-title .filterInputs input {
        width: 200px; }
        .panel .panel-title .filterInputs input::placeholder {
          color: #000; }
      .panel .panel-title .filterInputs .select-wrapper {
        width: 220px;
        display: inline-block; }
  .panel .panel-content .panel-sub-title {
    margin: 0 0 0.5rem 0 !important;
    border-bottom: 1px solid !important;
    color: #9db52c;
    padding: 0.5rem 0;
    font-size: 1rem;
    font-weight: 300;
    display: block; }
    .panel .panel-content .panel-sub-title a.icon {
      color: #9db52c;
      float: right;
      font-size: 1.4em; }
    .panel .panel-content .panel-sub-title + * hr {
      background-color: rgba(0, 188, 213, 0.29);
      border: 0 none;
      height: 1px;
      width: 60%; }

.fullGraph > div {
  width: 100% !important; }
  .fullGraph > div > div {
    width: 100% !important; }

.dataTables_wrapper {
  width: 100%; }
  .dataTables_wrapper table {
    width: 100%; }

.range-slider input {
  width: 30% !important;
  min-width: 50px; }
.range-slider .noUi-target {
  width: 54%;
  float: right;
  position: relative;
  top: 14px;
  right: 16px; }

.pointer {
  cursor: pointer; }

strong {
  font-weight: 600; }

.mAuto {
  margin: 0 auto; }

nav {
  background-color: #2e3d46; }
  nav a.dropdown-button:hover, nav a.dropdown-button:active {
    color: inherit; }
  nav .dropdown-content li:hover, nav .dropdown-content li:active, nav .dropdown-content li.active {
    background-color: rgba(0, 0, 0, 0.35); }
  nav .dropdown-content li.divider {
    background-color: rgba(0, 0, 0, 0.35); }
  nav .dropdown-content li a {
    font-size: 0.8rem; }
    nav .dropdown-content li a i {
      margin-right: 5px; }

.leftMenuCollapse {
  width: 64px;
  text-align: center;
  display: none; }

.g-recaptcha {
  display: inline-block; }

.itemDownload a > i {
  font-size: 3rem; }

.dataTables_wrapper .dataTables_processing {
  height: 100%;
  top: 0;
  margin-top: 0;
  padding-top: 0; }
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 15px; }
  .dataTables_wrapper .dataTables_filter label {
    display: flex;
    font-size: 15px;
    font-weight: 600;
    line-height: 31px; }
    .dataTables_wrapper .dataTables_filter label input {
      display: inline-block;
      height: auto;
      margin: 0;
      padding: 5px;
      font-weight: 400; }

table {
  font-size: 13px; }
  table.dataTable {
    font-size: 12px; }
    table.dataTable thead th, table.dataTable thead td {
      border-color: #DADADA; }
    table.dataTable table.dataTable.display tbody tr:hover > .sorting_1,
    table.dataTable table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
      background-color: #d6ecb4; }
    table.dataTable tbody tr:hover {
      background-color: #d6ecb4; }
      table.dataTable tbody tr:hover > .sorting_1 {
        background-color: #d6ecb4; }
    table.dataTable.no-footer {
      border-color: #DADADA; }
    table.dataTable button {
      margin: 3px;
      padding: 0 9px; }
      table.dataTable button.btn-icon i {
        vertical-align: initial; }
    table.dataTable a.btn {
      margin: 0 3px;
      padding: 0 9px; }
      table.dataTable a.btn.btn-icon i {
        vertical-align: initial; }
    table.dataTable td.details-control {
      background: url("../img/caret-down-solid.svg") no-repeat center center/40%;
      cursor: pointer;
      padding: 5px 10px; }
    table.dataTable td.actions a {
      font-size: 1.5rem; }
    table.dataTable td.createdDate a {
      color: inherit;
      font-size: 1rem; }
    table.dataTable tr.shown td.details-control {
      background: url("../img/caret-up-solid.svg") no-repeat center center/40%; }
  table.table-sm thead th {
    padding: 8px 3px; }
  table.table-sm tbody td {
    padding: 5px 3px; }
  table.table-sm ~ .dataTables_info {
    font-size: 10px; }
  table.table-sm ~ .dataTables_paginate {
    font-size: 12px; }
    table.table-sm ~ .dataTables_paginate .paginate_button {
      padding: 0.1em 0.5em; }
  table.table-md thead th {
    padding: 12px 3px; }
  table.table-md tbody td {
    padding: 9px 3px; }
  table.table-md ~ .dataTables_info {
    font-size: 10px; }
  table.table-md ~ .dataTables_paginate {
    font-size: 12px; }
    table.table-md ~ .dataTables_paginate .paginate_button {
      padding: 0.1em 0.5em; }

#table_openPositionList thead th.no-sort.sorting_desc, #table_openPositionList thead th.no-sort.sorting_asc,
#table_openOrderList thead th.no-sort.sorting_desc,
#table_openOrderList thead th.no-sort.sorting_asc {
  background-image: none; }

#tableSearch {
  margin-bottom: 0; }

#cke_content {
  margin-bottom: 20px;
  position: relative;
  top: 15px; }

[type="checkbox"] + label {
  top: auto;
  left: 0;
  margin-bottom: 15px; }
[type="checkbox"] + label::before {
  margin-top: 3px; }
[type="checkbox"]:not(.filled-in) + label::after {
  margin-top: 3px; }

.btn-small {
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  padding: 1px 4px; }
  .btn-small i {
    font-size: 11px;
    line-height: 20px; }

.btn-medium {
  font-size: 1rem;
  height: 50px;
  line-height: 40px;
  padding: 5px 18px; }
  .btn-medium i {
    line-height: 40px; }

.input-field .prefix.text {
  top: 0;
  left: 0.75rem;
  text-align: center; }
  .input-field .prefix.text ~ input, .input-field .prefix.text ~ textarea {
    width: calc(100% - 3rem - 0.75rem); }
.input-field .suffix.text {
  top: 0;
  right: 0.75rem;
  text-align: center; }
  .input-field .suffix.text ~ input, .input-field .suffix.text ~ textarea {
    width: calc(100% - 3rem - 0.75rem); }

/*.input-field {
	.prefix {
		&.right {
			margin: 0;
			right: 0;
			top: 8px;
			~ input {
				margin-right: 3rem;
				margin-left: 0;
				width: 92%;
				width: calc(100% - 3rem);
			}
			~ textarea {
				margin-right: 3rem;
				margin-left: 0;
				width: 92%;
				width: calc(100% - 3rem);
			}
			~ label {
				margin-left: 0;
				margin-right: 3rem;
			}
		}
		~ label {
			margin-left: 3rem;
			width: calc(100% - 3rem) !important;
		}
	}
	.note-editor {
		top: 13px;
		margin-bottom: 20px;
		~ label {
			font-size: 0.8rem;
			//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
			transform: translateY(-140%);
		}
	}
}*/
.mb0 {
  margin-bottom: 0; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb40 {
  margin-bottom: 40px; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt60 {
  margin-top: 60px; }

.pt20 {
  padding-top: 20px; }

@media only screen and (max-width: 992px) {
  body > header {
    padding-left: 0; }
  body > section {
    padding-left: 0; }
  body > footer {
    padding-left: 0; }

  .leftMenuCollapse {
    display: block; }

  .side-nav .collapsible-header {
    padding: 0 16px; }
  .side-nav.fixed .collapsible-header {
    padding: 0 16px; } }
.bs-callout {
  border-color: #eee;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  margin: 20px 0;
  padding: 20px; }
  .bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 1.4rem; }
  .bs-callout code {
    border-radius: 3px; }
  .bs-callout p:last-child {
    margin-bottom: 0; }
  .bs-callout + .bs-callout {
    margin-top: -5px; }

.bs-callout-danger {
  border-left-color: #ce4844; }
  .bs-callout-danger h4 {
    color: #ce4844; }

.bs-callout-warning {
  border-left-color: #aa6708; }
  .bs-callout-warning h4 {
    color: #aa6708; }

.bs-callout-info {
  border-left-color: #1b809e; }
  .bs-callout-info h4 {
    color: #1b809e; }

.bs-callout-success {
  border-left-color: #3f863b; }
  .bs-callout-success h4 {
    color: #29934b; }

code {
  background-color: lightgray;
  border: 1px solid #999;
  padding: 4px 8px;
  border-radius: 3px;
  width: 100%;
  white-space: nowrap;
  display: block;
  overflow: auto;
  max-height: 500px;
  margin: 10px 0;
  color: #4e4e4e; }

.codeBlockWithCopy {
  position: relative; }
  .codeBlockWithCopy code {
    padding: 8px 4px; }
  .codeBlockWithCopy button.copyButton {
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    width: 24px;
    z-index: 2;
    top: 0;
    position: absolute;
    right: 0; }

.mainTitle {
  border-bottom: 1px solid;
  color: #aa6708;
  font-size: 1.7em;
  font-weight: 300;
  margin-top: 0;
  padding: 0.5rem 0; }
  .mainTitle a.icon {
    color: #76c276; }
  .mainTitle + * hr {
    background-color: rgba(170, 103, 8, 0.29);
    border: 0 none;
    height: 1px;
    width: 60%; }

.subTitle {
  border-bottom: 1px solid;
  color: #00b8d4;
  font-size: 1.6em;
  font-weight: 300;
  margin-top: 0;
  padding: 0.5rem 0; }
  .subTitle a.icon {
    color: #00b8d4;
    float: right;
    font-size: 1.4em; }
  .subTitle + * hr {
    background-color: rgba(0, 188, 213, 0.29);
    border: 0 none;
    height: 1px;
    width: 60%; }

.inlineOrangeBox {
  padding: 3px 5px;
  border-radius: 3px;
  background-color: #fbae00; }

.userStatusColor.active {
  color: #43a047; }
.userStatusColor.passive {
  color: #757575; }
.userStatusColor.deleted {
  color: #b71c1c; }

#loader-wrapper {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }
  #loader-wrapper .loader-section {
    background: #222222 none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    top: 0;
    transform: translateX(0px);
    width: 51%;
    z-index: 1000; }
    #loader-wrapper .loader-section.section-left {
      left: 0; }
    #loader-wrapper .loader-section.section-right {
      right: 0; }

#loader {
  animation: 2s linear 0s normal none infinite running spin;
  border-color: #3498db transparent transparent;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  display: block;
  height: 150px;
  left: 50%;
  margin: -75px 0 0 -75px;
  position: relative;
  top: 50%;
  width: 150px;
  z-index: 1001; }

#loader-logo {
  background: transparent no-repeat scroll center center;
  display: block;
  left: 48%;
  position: absolute;
  top: 46%;
  z-index: 1001; }

#loader::before {
  animation: 3s linear 0s normal none infinite running spin;
  border-color: #e74c3c transparent transparent;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  bottom: 5px;
  content: "";
  left: 5px;
  position: absolute;
  right: 5px;
  top: 5px; }

#loader::after {
  animation: 1.5s linear 0s normal none infinite running spin;
  border-color: #f9c922 transparent transparent;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.loaded #loader-wrapper {
  transform: translateY(-100%);
  transition: all 0.3s ease-out 1s;
  visibility: hidden; }
  .loaded #loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
  .loaded #loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out 0s; }

.fw300 {
  font-weight: 300; }

.fw400 {
  font-weight: 400; }

.fw500 {
  font-weight: 500; }

.btn-sm {
  height: 28px;
  line-height: 28px;
  padding: 0 1rem;
  white-space: nowrap; }
  .btn-sm i {
    vertical-align: top; }

#ajaxFullLoader {
  display: flex;
  align-items: center;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2147483647;
  background-color: rgba(74, 74, 74, 0.46); }
  #ajaxFullLoader img {
    flex: 1; }

.dropdown-content {
  background-color: #2e3d46; }
  .dropdown-content li {
    line-height: initial;
    min-height: initial; }
    .dropdown-content li > a {
      font-size: 13px;
      line-height: 25px;
      padding: 6px 10px; }
      .dropdown-content li > a > i {
        margin-right: 0; }
    .dropdown-content li > span {
      font-size: 13px;
      line-height: 25px;
      padding: 6px 10px; }

.multiple-select-dropdown label {
  margin-bottom: 0; }

.note-editor {
  border: 0 none; }
  .note-editor .note-toolbar {
    background-color: #83bcb6; }
  .note-editor .btn {
    background-color: #83bcb6; }
  .note-editor .btn-large {
    background-color: #83bcb6; }
  .note-editor .note-resizebar {
    background-color: #83bcb6; }

.popover .btn {
  background-color: #83bcb6; }
.popover .btn-large {
  background-color: #83bcb6; }

i.deleteAnswer {
  font-size: 25px;
  cursor: pointer; }
i.newDeleteAnswer {
  font-size: 25px;
  cursor: pointer; }
i.deleteQuestion {
  cursor: pointer; }
i.newDeleteQuestion {
  cursor: pointer; }

.side-nav .collapsible-header {
  padding: 0 32px; }
.side-nav.fixed .collapsible-header {
  padding: 0 32px; }

.toast {
  user-select: none; }
  .toast.red.darken-3 a {
    cursor: pointer;
    color: #FFFFFF;
    padding: 0 5px; }

#printPage {
  cursor: pointer; }

.swal2-overlay {
  z-index: 1003; }

.border-table table {
  border: 1px solid #999;
  padding: 5px !important; }
.border-table th {
  border: 1px solid #999;
  padding: 5px !important; }
.border-table td {
  border: 1px solid #999;
  padding: 5px !important; }

span.badge {
  text-overflow: ellipsis;
  white-space: nowrap; }
  span.badge.active {
    background-color: #81c784;
    color: #FFFFFF; }
  span.badge.passive {
    background-color: #90a4ae;
    color: #FFFFFF; }
  span.badge.deleted {
    background-color: #ff5b5a;
    color: #FFFFFF; }

h2.card-title {
  margin: 0; }

button i.material-icons {
  vertical-align: top; }

.paymentList .collapsible-header {
  background-color: #f8f8f8;
  font-weight: 600; }
  .paymentList .collapsible-header.active {
    background-color: #407286;
    color: #FFFFFF; }
  .paymentList .collapsible-header button {
    margin-left: 1rem; }
    .paymentList .collapsible-header button i.right {
      float: none;
      line-height: inherit;
      margin: 0 0 0 1rem;
      vertical-align: inherit;
      width: inherit; }

.modal.modal-lg {
  height: 80%;
  max-height: 80%;
  max-width: 1240px;
  width: 90%; }

.modal.modal-sm {
  height: 60%;
  max-height: 60%;
  max-width: 1000px;
  width: 40%; }

.modal .modal-content h1.title, .modal .modal-content h2.title, .modal .modal-content h3.title, .modal .modal-content h4.title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 1.5rem;
  padding: 0 0 0 10px;
  display: block;
  line-height: 2rem;
  position: relative;
  border-bottom: 0 none; }
  .modal .modal-content h1.title::before, .modal .modal-content h2.title::before, .modal .modal-content h3.title::before, .modal .modal-content h4.title::before {
    content: " ";
    width: 4px;
    background-color: #9db52c;
    height: 80%;
    display: block;
    position: absolute;
    top: 10%;
    left: 0; }
  .modal .modal-content h1.title::after, .modal .modal-content h2.title::after, .modal .modal-content h3.title::after, .modal .modal-content h4.title::after {
    content: " ";
    width: calc(100% + 10px);
    background-color: #eaeaea;
    height: 1px;
    left: -10px;
    display: block;
    position: relative;
    top: 10px; }
.modal .modal-content h1.modal-sub-title, .modal .modal-content h2.modal-sub-title, .modal .modal-content h3.modal-sub-title, .modal .modal-content h4.modal-sub-title {
  margin: 0 0 0.5rem 0 !important;
  border-bottom: 1px solid !important;
  color: #9db52c;
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: 300;
  display: block; }
  .modal .modal-content h1.modal-sub-title a.icon, .modal .modal-content h2.modal-sub-title a.icon, .modal .modal-content h3.modal-sub-title a.icon, .modal .modal-content h4.modal-sub-title a.icon {
    color: #9db52c;
    float: right;
    font-size: 1.4em; }
  .modal .modal-content h1.modal-sub-title + * hr, .modal .modal-content h2.modal-sub-title + * hr, .modal .modal-content h3.modal-sub-title + * hr, .modal .modal-content h4.modal-sub-title + * hr {
    background-color: rgba(0, 188, 213, 0.29);
    border: 0 none;
    height: 1px;
    width: 60%; }

.btn-floating.btn-medium {
  width: 28px;
  padding: 0; }
  .btn-floating.btn-medium i {
    line-height: 28px; }

.chips .input {
  width: 200px !important; }

textarea.materialize-textarea {
  max-height: 35vh;
  padding: 0.8rem; }

.reset-table td {
  padding: 5px 5px !important; }

.bold600 {
  font-weight: 600; }

.p12 {
  padding: 12px !important; }

.fs12 {
  font-size: 12px !important; }

.fs13 {
  font-size: 13px !important; }

.fs16 {
  font-size: 16px !important; }

.no-margin {
  margin: 0; }

blockquote > pre {
  overflow: auto; }

ul.pagination li.active {
  background: #9db52c; }

.blog .item {
  margin-bottom: 20px;
  border: 1px solid #4e4e4e;
  padding: 10px; }
  .blog .item .title {
    color: #9db52c;
    font-size: 17px;
    text-decoration: underline; }
  .blog .item .date {
    color: #aeaeae;
    font-size: 13px; }
  .blog .item .summary {
    margin-top: 10px; }

.avatarList .item {
  width: 150px;
  height: 150px;
  background: no-repeat center center/contain transparent;
  display: inline-block;
  margin: 10px;
  cursor: pointer; }
  .avatarList .item.selected {
    border: 5px solid #9db52c;
    cursor: default; }

.sidenav-trigger {
  font-size: 25px;
  display: none; }
  .sidenav-trigger i {
    color: #9db52c; }

.sidenav {
  background-color: #2e3d46; }
  .sidenav li {
    color: white; }
    .sidenav li.menuHeader {
      border-bottom: 1px solid #0172c5;
      font-size: 1.1rem;
      color: white;
      text-align: center;
      background-color: #015592;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding: 0 1rem; }
      .sidenav li.menuHeader span.userBalance {
        display: block;
        font-size: 13px; }
    .sidenav li a {
      color: white;
      transition: background-color 300ms, color 300ms; }
      .sidenav li a:hover, .sidenav li a:active {
        background-color: #1a2227; }
      .sidenav li a i {
        margin-right: 6px;
        color: white; }
      .sidenav li a.active {
        border-left: 0.5rem solid #9db52c;
        background-color: rgba(0, 0, 0, 0.35) !important; }
        .sidenav li a.active a i {
          margin-right: 5px; }
    .sidenav li .collapsible .collapsible-header:hover, .sidenav li .collapsible .collapsible-header:active {
      background-color: #1a2227; }
    .sidenav li .collapsible .collapsible-header i {
      color: white; }
    .sidenav li .collapsible.active .collapsible-header {
      background-color: #1a2227; }
    .sidenav li .collapsible .collapsible-body {
      background-color: #243037; }
    .sidenav li.active {
      background-color: rgba(0, 0, 0, 0.35) !important; }
  .sidenav .divider {
    margin: 0; }

table.orderInfoTable {
  border-collapse: collapse;
  width: 100%; }
  table.orderInfoTable td, table.orderInfoTable th {
    width: 50%;
    border: 1px solid #ddd;
    text-align: left;
    padding: 15px; }
    table.orderInfoTable td .left, table.orderInfoTable th .left {
      font-weight: bolder; }

.range-slider .noUi-target {
  border-color: #c1c1c1;
  right: -4px; }
  .range-slider .noUi-target .noUi-handle {
    border-color: #c1c1c1; }
    .range-slider .noUi-target .noUi-handle::after, .range-slider .noUi-target .noUi-handle::before {
      background: #c1c1c1; }
    .range-slider .noUi-target .noUi-handle .noUi-tooltip {
      font-size: 11px;
      padding: 2px;
      background-color: #efefef; }

.alert {
  text-align: center;
  font-size: medium;
  background-color: green; }
  .alert .info {
    background-color: yellow; }

.socialLinks {
  text-align: center;
  font-size: 1.5rem; }
  .socialLinks a {
    display: inline-block; }
    .socialLinks a:hover, .socialLinks a:focus, .socialLinks a:active {
      color: #9db52c; }

.notificationList li {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #eaeaea; }
  .notificationList li a {
    text-decoration: underline; }

.highcharts-plot-line-label {
  background-color: #9db52c;
  color: #FFF;
  padding: 2px 4px;
  font-size: 0.8rem !important;
  margin-top: 5px !important; }

.civic-button {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  max-width: 300px;
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  padding: 0 50px 0 62px;
  border-radius: 100px;
  background-color: #3AB03E;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif; }
  .civic-button:hover {
    color: #FFFFFF;
    background-color: #008C04; }
  .civic-button .civic-logo-icon {
    position: absolute;
    top: 12px;
    left: 12px; }

@media only screen and (max-width: 992px) {
  body .sidenav-trigger {
    display: inline-block !important;
    padding: 1rem 2rem; }
  body.home header > .container {
    background: none; }
  body header > .container {
    background: none; }
  body header .top a.logo {
    background-position: center center; }
  body header .top ul#loginRegisterMenu {
    display: none; }
  body header .featured {
    text-align: center; }
  body section .summaryContent > .content h2 {
    font-size: 1.5rem;
    margin-bottom: 0.3rem; }
  body section .mobileApps > .container .textContent .appLinks {
    margin: 1rem 0; } }
@media only screen and (max-width: 600px) {
  .container {
    width: 95%; }

  .sidenav-trigger .username {
    display: none !important; }

  .mb60-on-small {
    margin-bottom: 60px !important; }

  .mb80-on-small {
    margin-bottom: 80px !important; }

  section .summaryContent > .content {
    padding-right: 0; }
    section .summaryContent > .content h2 {
      font-size: 2rem; }
  section .summaryContent > .imageContent {
    display: none; }
  section .mobileApps > .container {
    flex-direction: column-reverse; }
    section .mobileApps > .container .imageContent {
      min-height: 200px; }
    section .mobileApps > .container .textContent h4 {
      text-align: center; }
    section .mobileApps > .container .textContent .appLinks {
      margin: 1rem 0; }

  footer .top .footer-partners ul li {
    margin: 0 1rem; }

  .notificationList li .right {
    float: none !important;
    display: block;
    font-size: 12px !important;
    margin-top: 10px; }

  .g-recaptcha {
    transform: scale(0.8);
    transform-origin: 0 0; }

  .modal.modal-lg {
    height: 90%;
    max-height: 90%;
    width: 95%; }

  .modal.modal-sm {
    height: 70%;
    max-height: 70%;
    max-width: 1000px;
    width: 95%; }

  .center-on-small-only {
    text-align: center !important; }

  .panel .panel-title:before {
    max-height: 29px;
    top: 0; } }
@media only screen and (max-width: 380px) {
  .panel-title .linkToAll {
    display: none; } }

/*# sourceMappingURL=style.css.map */