@import url("http://fonts.googleapis.com/css?family=Open Sans:300,400,700");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500);
.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; }

.panel.with-nav-tabs > .panel-heading {
  padding: 5px 5px 0 5px; }

.panel.with-nav-tabs > .heading-main {
  padding: 10px 15px !important; }

.panel.with-nav-tabs .nav-tabs {
  border-bottom: none; }

.panel.with-nav-tabs .nav-justified {
  margin-bottom: -1px; }

.with-nav-tabs .nav-tabs > li > a {
  font-size: 15px; }

/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #2c3e50; }

.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #2c3e50;
  background-color: #ddd;
  border-color: transparent; }

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #2c3e50;
  background-color: #fff;
  border-color: #ddd;
  border-bottom-color: transparent; }

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f5f5f5;
  border-color: #ddd; }

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #2c3e50; }

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ddd; }

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #2c3e50; }

/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: #fff; }

.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: #fff;
  background-color: #3071a9;
  border-color: transparent; }

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
  color: #428bca;
  background-color: #fff;
  border-color: #428bca;
  border-bottom-color: transparent; }

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #428bca;
  border-color: #3071a9; }

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #fff; }

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #3071a9; }

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  background-color: #4a9fe9; }

/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #4CAF50; }

.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #4CAF50;
  background-color: #d6e9c6;
  border-color: transparent; }

.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
  color: #4CAF50;
  background-color: #fff;
  border-color: #d6e9c6;
  border-bottom-color: transparent; }

.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #4CAF50; }

.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #d6e9c6; }

.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #4CAF50; }

/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f; }

.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
  background-color: #bce8f1;
  border-color: transparent; }

.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
  color: #31708f;
  background-color: #fff;
  border-color: #bce8f1;
  border-bottom-color: transparent; }

.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #d9edf7;
  border-color: #bce8f1; }

.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #31708f; }

.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #bce8f1; }

.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #31708f; }

/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b; }

.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b;
  background-color: #faebcc;
  border-color: transparent; }

.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
  color: #8a6d3b;
  background-color: #fff;
  border-color: #faebcc;
  border-bottom-color: transparent; }

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #fcf8e3;
  border-color: #faebcc; }

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #8a6d3b; }

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #faebcc; }

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #8a6d3b; }

/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442; }

.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442;
  background-color: #ebccd1;
  border-color: transparent; }

.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
  color: #a94442;
  background-color: #fff;
  border-color: #ebccd1;
  border-bottom-color: transparent; }

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f2dede;
  /* bg color */
  border-color: #ebccd1;
  /* border color */ }

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #a94442;
  /* normal text color */ }

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ebccd1;
  /* hover bg color */ }

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  /* active text color */
  background-color: #a94442;
  /* active bg color */ }

.global-search .searching, .global-search .no-results {
  margin-top: 10px; }
.global-search.active .global-search-box, .global-search.active .global-search-overlay {
  display: block; }
.global-search .global-search-box {
  display: none;
  width: 400px;
  min-height: 60px;
  max-height: 800px;
  overflow-y: auto;
  position: absolute;
  left: calc(100% + 25px);
  z-index: 5;
  top: 5px;
  background-color: #ebebeb;
  padding: 10px; }
  .global-search .global-search-box:after {
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #ebebeb;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -14px;
    width: 0;
    height: 0; }
  .global-search .global-search-box h1 {
    font-size: 20px;
    margin-top: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #464646; }
  .global-search .global-search-box a {
    padding: 5px;
    display: block;
    background-color: #d8d8d8; }
    .global-search .global-search-box a:hover {
      text-decoration: none;
      background-color: #e2e2e2; }
    .global-search .global-search-box a:not(:last-child) {
      margin-bottom: 10px; }
  .global-search .global-search-box p {
    margin-bottom: 0; }
  .global-search .global-search-box .item-label {
    font-weight: bold; }
  .global-search .global-search-box .item-info {
    color: #777; }
.global-search .global-search-overlay {
  display: none;
  z-index: 2;
  position: absolute;
  width: 5000px;
  height: 5000px;
  background-color: rgba(0, 0, 0, 0.7); }

.capping .show-owner {
  display: block !important; }
.capping .hide-owner {
  display: none !important; }
.capping .checkbox + .checkbox {
  margin-top: 0px !important; }

.version_connections .left, .version_connections .right {
  height: 650px; }
.version_connections .left, .version_connections .connectors {
  overflow-y: scroll; }
.version_connections .connectors {
  height: 595px; }
.version_connections .left .form-field {
  margin-bottom: 15px; }
.version_connections .right .panel {
  margin-top: 0; }
  .version_connections .right .panel .panel-heading {
    overflow: auto; }
    .version_connections .right .panel .panel-heading .form-group {
      margin-bottom: 0; }
.version_connections .right .api-connector-box > .well {
  border-radius: 0; }
.version_connections .right .api-connector-box .header.well {
  padding: 6px 19px;
  margin-bottom: 0;
  border-bottom-width: 0;
  overflow: auto; }
  .version_connections .right .api-connector-box .header.well .api-name {
    float: left;
    font-size: 18px;
    font-weight: bold; }
  .version_connections .right .api-connector-box .header.well .api-capping-defined {
    float: right;
    padding-right: 40px;
    font-size: 18px;
    font-weight: bold; }
  .version_connections .right .api-connector-box .header.well .api-id {
    float: left;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 10px; }
  .version_connections .right .api-connector-box .header.well .api-link {
    float: left;
    margin-left: 11px;
    margin-top: 2px;
    font-size: 18px;
    margin-bottom: -5px; }
.version_connections .right .api-connector-box .api-config {
  overflow: auto;
  margin-top: -10px; }
.version_connections .right .api-connector-box .bindings .binding .formfield-slot .text-muted {
  border: 2px dotted #ababab;
  border-radius: 5px;
  padding: 3px;
  pointer-events: none !important;
  display: block;
  text-align: center; }
.version_connections .right .api-connector-box .bindings .binding .formfield-slot .formField-name {
  box-sizing: content-box;
  pointer-events: none !important;
  display: block;
  text-align: center; }
.version_connections .right .api-connector-box .bindings .binding .formfield-slot.dragover .formField-name {
  box-shadow: 0 0 2px 1px #FF5280; }
  .version_connections .right .api-connector-box .bindings .binding .formfield-slot.dragover .formField-name span {
    border: none; }
.version_connections .action-bar {
  float: left;
  margin-top: 20px; }

.pixel-crud .pixel-placeholders-info {
  border: 2px dashed #d0d0d0;
  padding: 10px;
  margin-bottom: 40px; }
  .pixel-crud .pixel-placeholders-info .example, .pixel-crud .pixel-placeholders-info .example > b {
    font-family: "Courier New", monospace; }
.pixel-crud .curved-arrow {
  opacity: 0.6;
  text-align: right; }
  .pixel-crud .curved-arrow svg {
    transform-origin: center;
    transform: rotate(-78deg);
    margin-right: -28px;
    margin-top: -11px; }
    @media (max-width: 991px) {
      .pixel-crud .curved-arrow svg {
        display: none; } }

.version-sidebar .nav-tabs {
  border-bottom: none; }
  .version-sidebar .nav-tabs li {
    float: none; }
.version-sidebar .version-tab-wrapper {
  margin-bottom: 15px;
  padding: 0; }
  .version-sidebar .version-tab-wrapper .version-tab {
    display: block;
    cursor: pointer;
    position: relative;
    background-color: white;
    border: 1px solid #e8e8e8; }
    .version-sidebar .version-tab-wrapper .version-tab:not(:last-of-type) {
      border-bottom: 0; }
    .version-sidebar .version-tab-wrapper .version-tab .label {
      background-color: #ff5280; }
    .version-sidebar .version-tab-wrapper .version-tab a, .version-sidebar .version-tab-wrapper .version-tab a:focus {
      display: block;
      margin: 0;
      background-color: transparent;
      border: 0;
      border-bottom-color: transparent;
      padding: 8px 12px;
      text-decoration: none; }
    .version-sidebar .version-tab-wrapper .version-tab.active {
      background-color: #ff5280; }
      .version-sidebar .version-tab-wrapper .version-tab.active a {
        color: white;
        pointer-events: none; }
      .version-sidebar .version-tab-wrapper .version-tab.active .label {
        background-color: white;
        color: black; }
      .version-sidebar .version-tab-wrapper .version-tab.active .tab-labels {
        background-color: #ff5280; }
      @media (min-width: 1200px) {
        .version-sidebar .version-tab-wrapper .version-tab.active:after {
          content: '';
          position: absolute;
          left: 100%;
          top: 50%;
          margin-top: -7px;
          border-left: 0;
          border-bottom: 7px solid transparent;
          border-top: 7px solid transparent;
          border-left: 7px solid #ff5280; } }
    .version-sidebar .version-tab-wrapper .version-tab:not(.active) .black-link {
      color: #333; }
    .version-sidebar .version-tab-wrapper .version-tab:not(.active):hover {
      background-color: #ebebeb; }
      .version-sidebar .version-tab-wrapper .version-tab:not(.active):hover .tab-labels {
        background-color: #ebebeb; }
    .version-sidebar .version-tab-wrapper .version-tab .tab-text {
      overflow: hidden;
      white-space: nowrap; }
    .version-sidebar .version-tab-wrapper .version-tab .tab-labels {
      padding-left: 5px;
      background-color: white;
      position: absolute;
      right: 0;
      padding-right: 6px;
      top: calc(50% - 10px); }

.version-pane-wrapper .version-pane:not(.active) {
  display: none; }

.api-connector-box {
  position: relative;
  overflow: auto; }
  .api-connector-box .form-group:last-of-type {
    margin-bottom: 0; }
  .api-connector-box .remove-apiconnector-tab {
    z-index: 2;
    cursor: pointer;
    color: rgba(250, 0, 67, 0.6);
    position: absolute;
    left: 29px;
    top: 13px;
    transition: all 0.1s ease-out; }
    .api-connector-box .remove-apiconnector-tab i {
      transition: all 0.1s ease-out; }
    .api-connector-box .remove-apiconnector-tab:hover {
      color: #fa0043;
      top: 9px;
      left: 25px;
      transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53); }
      .api-connector-box .remove-apiconnector-tab:hover i {
        transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53);
        font-size: 40px; }

.api-connector-box.add-new {
  cursor: pointer;
  color: #dcdcdc;
  height: 123px;
  text-align: center;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  margin-bottom: 20px; }
  .api-connector-box.add-new:hover {
    color: #bebebe; }
  .api-connector-box.add-new i {
    vertical-align: middle;
    line-height: 83px; }

.formfield-box.item .api-connector-box.add-new {
  height: 74px; }
  .formfield-box.item .api-connector-box.add-new i {
    line-height: 34px; }

.filter-box > div {
  position: relative;
  padding: 11px 0;
  background-color: #fbfbfb;
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin-bottom: 19px; }

.filter-box-add .well {
  background-color: #fbfbfb; }

#parameter-wrapper td {
  vertical-align: middle;
  position: relative; }
  #parameter-wrapper td .checkbox {
    display: inline;
    position: absolute;
    left: 20px; }
  #parameter-wrapper td .with-checkbox {
    /* Inputs with class .with-checkbox --> In order to make room for checkbox */
    padding-left: 31px; }
  #parameter-wrapper td .new-remove-tab i {
    background-color: #ff5280;
    cursor: pointer;
    opacity: 0.8;
    color: white;
    padding: 6px;
    border-radius: 5px; }
    #parameter-wrapper td .new-remove-tab i:hover {
      opacity: 1; }
  #parameter-wrapper td.add-new {
    text-align: center;
    color: #dcdcdc; }
    #parameter-wrapper td.add-new i {
      padding: 2px;
      border: 2px solid #dcdcdc;
      border-radius: 9px;
      width: 100%;
      cursor: pointer; }

.parameter-box {
  position: relative;
  overflow: auto; }
  .parameter-box .form-group:last-of-type {
    margin-bottom: 0; }

.parameter-box-add, .configuration-box-add, .filter-box-add {
  cursor: pointer;
  color: #dcdcdc;
  height: 123px;
  text-align: center;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  margin-bottom: 20px; }
  .parameter-box-add:hover, .configuration-box-add:hover, .filter-box-add:hover {
    color: #bebebe; }
  .parameter-box-add i, .configuration-box-add i, .filter-box-add i {
    vertical-align: middle;
    line-height: 83px; }

.remove-tab {
  z-index: 2;
  cursor: pointer;
  color: rgba(250, 0, 67, 0.6);
  position: absolute;
  left: 29px;
  top: 13px;
  transition: all 0.1s ease-out; }
  .remove-tab i {
    transition: all 0.1s ease-out; }
  .remove-tab:hover {
    color: #fa0043;
    top: 9px;
    left: 25px;
    transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53); }
    .remove-tab:hover i {
      transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53);
      font-size: 40px; }

.configuration-box .well {
  overflow: auto; }

.banner-index .banner-card {
  float: left;
  margin: 3px;
  position: relative;
  width: 200px;
  height: 167px; }
  .banner-index .banner-card .banner-frame {
    background-size: cover; }
  .banner-index .banner-card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: rgba(0, 0, 0, 0.1);
    transition: background 0.5s ease; }
  .banner-index .banner-card:hover .overlay {
    display: block;
    background: rgba(0, 0, 0, 0.8); }
  .banner-index .banner-card:hover .banner-position {
    top: 20px; }
  .banner-index .banner-card:hover .banner-button {
    opacity: 1;
    transition-delay: 0.10s; }
  .banner-index .banner-card .banner-frame {
    position: absolute;
    width: 200px;
    height: 167px;
    left: 0; }
  .banner-index .banner-card .banner-position {
    text-shadow: 0px 0px 5px black;
    position: absolute;
    width: 200px;
    left: 0;
    top: 66px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    z-index: 1;
    transition: top .5s ease; }
  .banner-index .banner-card .banner-button {
    position: absolute;
    width: 200px;
    left: 0;
    top: 57px;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease; }
    .banner-index .banner-card .banner-button a {
      display: block;
      width: 180px;
      padding: 8px;
      margin: 0 auto 15px;
      text-align: center;
      clear: left;
      color: white;
      border: solid 2px white;
      z-index: 1; }

.collection {
  overflow: auto;
  margin-bottom: 45px; }
  .collection:last-child {
    margin-bottom: 0; }
  .collection .collection-name {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #ff5280;
    font-size: 20px; }
    .collection .collection-name a {
      padding: 2px 9px;
      margin-top: -4px;
      margin-left: 14px; }
  .collection .collection-banners .banner-card {
    float: left;
    margin: 3px;
    position: relative;
    width: 300px;
    height: 169px; }
    .collection .collection-banners .banner-card .banner-frame {
      background-size: cover; }
    .collection .collection-banners .banner-card .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #FFF;
      background: rgba(0, 0, 0, 0.1);
      transition: background 0.5s ease; }
    .collection .collection-banners .banner-card:hover .overlay {
      display: block;
      background: rgba(0, 0, 0, 0.8); }
    .collection .collection-banners .banner-card:hover .banner-position {
      top: 20px; }
    .collection .collection-banners .banner-card:hover .banner-button {
      opacity: 1;
      transition-delay: 0.10s; }
    .collection .collection-banners .banner-card .banner-frame {
      position: absolute;
      width: 300px;
      height: 169px;
      left: 0; }
    .collection .collection-banners .banner-card .banner-position {
      text-shadow: 0px 0px 5px black;
      position: absolute;
      width: 300px;
      left: 0;
      top: 66px;
      font-weight: 700;
      font-size: 24px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      z-index: 1;
      transition: top .5s ease; }
    .collection .collection-banners .banner-card .banner-button {
      position: absolute;
      width: 300px;
      left: 0;
      top: 57px;
      text-align: center;
      opacity: 0;
      transition: opacity .35s ease; }
      .collection .collection-banners .banner-card .banner-button a {
        display: block;
        width: 180px;
        padding: 8px;
        margin: 0 auto 15px;
        text-align: center;
        clear: left;
        color: white;
        border: solid 2px white;
        z-index: 1; }

.banner-box-add {
  margin-top: 21px;
  float: left;
  cursor: pointer;
  color: #dcdcdc;
  width: 169px;
  text-align: center;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  margin-bottom: 20px; }
  .banner-box-add .well {
    padding: 17px; }
  .banner-box-add:hover {
    color: #bebebe; }
  .banner-box-add i {
    vertical-align: middle;
    line-height: 83px; }

.banner-collection-edit .banner-box {
  position: relative;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 12px; }
  .banner-collection-edit .banner-box .box-position .form-group {
    margin-bottom: 0; }

/* 

Dashboard Template 
http://www.templatemo.com/preview/templatemo_415_dashboard

    1. CSS Imports
    2. General Styles
    3. Sidebar
    4. Charts
    5. Preferences form
    6. Sign in form
    7. tables.html
    8. Bootstrap overrides
    9. Maps
    10. Media Queries
	
--------------------------------------- */
/* 1. CSS Imports
--------------------------------------- */
/* 2. General Styles
--------------------------------------- */
* {
  font-family: 'Open Sans', sans-serif; }

body {
  background-color: #ebebeb; }

h1 {
  font-size: 24px; }

.btn a {
  color: white;
  text-decoration: none; }

.logo {
  display: inline-block; }

.logo h1 {
  font-size: 24px;
  margin: 10px 15px; }

.logo .brand {
  position: relative;
  color: #FF5280;
  font-weight: bold; }
  .logo .brand:before {
    content: '';
    margin-top: -9px;
    margin-bottom: -24px;
    display: inline-block;
    height: 56px;
    width: 38px;
    margin-right: 9px;
    background: url("../assets/img/brain.svg") no-repeat right center;
    background-size: contain; }

.template-box .template {
  float: left;
  margin-right: 15px; }
  .template-box .template:last-of-type {
    margin-right: 0; }
  .template-box .template .title {
    text-align: center; }
  .template-box .template input {
    position: absolute;
    opacity: 0; }
    .template-box .template input:checked + label > img {
      outline: solid 3px #FF5280; }

.leadBrain-content-wrapper {
  float: left;
  width: 100%; }

.leadBrain-content {
  margin-left: 235px;
  margin-top: 50px;
  min-height: 600px;
  padding: 25px 20px 25px 20px;
  background-color: white;
  overflow-x: hidden; }

.leadBrain-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 5;
  clear: both;
  font-size: 13px;
  padding: 8px 0 5px 0;
  text-align: center;
  color: #ccc;
  background-color: #333; }

.margin-bottom-15 {
  margin-bottom: 15px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

/* 3. Sidebar
------------------------------------------------------*/
#leadBrain_search_box {
  width: 150px;
  display: inline-block; }

.navbar {
  margin-bottom: 0;
  border-radius: 0;
  position: fixed;
  z-index: 9999;
  width: 100%; }

.navbar-header {
  color: #7f7f7f;
  width: 100%; }

.session-box {
  color: white;
  float: right;
  font-size: 16px;
  padding: 13px; }

.leadBrain-sidebar {
  position: relative;
  padding: 0;
  margin-top: 20px;
  width: 235px; }

.leadBrain-sidebar .leadBrain-sidebar-menu {
  list-style: none;
  margin-top: 30px;
  padding: 0;
  position: fixed;
  z-index: 9999;
  width: 235px; }

.leadBrain-sidebar .leadBrain-sidebar-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px; }

.leadBrain-sidebar .leadBrain-sidebar-menu > li > a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 20px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300; }

.leadBrain-sidebar-menu a {
  color: black; }

.leadBrain-sidebar-menu a:hover {
  text-decoration: none; }

.leadBrain-sidebar-menu li.sub .leadBrain-submenu {
  display: none; }

.leadBrain-sidebar-menu li.sub.open .leadBrain-submenu {
  display: block; }

.leadBrain-submenu {
  padding-left: 0; }

.leadBrain-submenu li {
  list-style: none;
  background-color: #DFDFDF; }

.leadBrain-submenu li a {
  display: block;
  padding: 8px 15px;
  border-bottom: 1px solid #d4d4d4;
  margin: 0; }

.leadBrain-sidebar-menu > li.sub.open > a {
  background-color: rgba(145, 145, 145, 0.3); }

.leadBrain-sidebar .leadBrain-sidebar-menu > li.active, .leadBrain-sidebar .leadBrain-sidebar-menu > li > a:hover {
  background-color: #bfbfbf; }

.leadBrain-submenu li > a:hover {
  background-color: #e4e4e4; }

.leadBrain-sidebar .leadBrain-sidebar-menu > li > a > i {
  font-size: 16px;
  top: 2px;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 4px;
  display: inline-block;
  width: 1.25em;
  text-align: center; }

/* 4. Charts 
--------------------------------------------*/
.leadBrain-chart-box {
  display: inline-block;
  text-align: center;
  padding: 20px 30px 30px 0; }

/* 5. Preferences Form
------------------------------------------*/
#leadBrain-preferences-form {
  max-width: 960px;
  margin-bottom: 30px; }

/* 6. Sign in Form 
--------------------------------------------*/
.leadBrain-signin-form {
  padding-top: 50px;
  max-width: 600px;
  margin: 0 auto; }

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0; }

.floating-save {
  position: fixed;
  top: 80px;
  z-index: 10;
  padding: 10px 16px;
  right: 50px;
  background-color: #f5f5f5;
  outline: 1px solid #e8e8e8; }

/* 7. tables.html
------------------------------------------*/
#leadBrain_sort_btn {
  margin-bottom: 20px; }

/* 8. Bootstrap overrides
----------------------------------------------*/
.nav-pills > li > a, .nav-tabs > li > a, .alert, .progress, .panel, .btn, .panel-group .panel, .form-control, .modal-content, .breadcrumb {
  border-radius: 0; }

.list-group-item:first-child, .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.form-control-feedback {
  right: 15px; }

.panel {
  margin-top: 20px; }

/* 9. Maps
------------------------------------------------------*/
.jqvmap-zoomin, .jqvmap-zoomout {
  width: 15px;
  height: 15px; }

.vmap {
  height: 400px; }

/* 10. Media Queries
------------------------------------------------------*/
@media screen and (min-width: 992px) {
  .leadBrain-sidebar {
    width: 235px;
    float: left;
    position: relative;
    margin-right: -100%; } }
@media screen and (max-width: 991px) {
  .navbar-form {
    padding: 0;
    margin-left: 0; }

  .navbar-header {
    float: none; }

  .navbar-toggle {
    display: block; }

  .leadBrain-sidebar {
    border-top: 0 !important;
    margin-top: 0px; }

  .leadBrain-sidebar.navbar-collapse.collapse {
    display: none !important;
    margin-top: 0; }

  .leadBrain-sidebar.navbar-collapse.in {
    border-top: 0 !important;
    margin: 0;
    position: relative;
    overflow: hidden !important;
    overflow-y: auto !important;
    display: block !important; }

  .leadBrain-content-wrapper {
    float: none; }

  .leadBrain-content {
    margin: 0;
    padding-top: 72px; }

  .leadBrain-sidebar .leadBrain-sidebar-menu {
    background-color: white; } }
@media screen and (max-width: 767px) {
  .leadBrain-chart-box {
    padding-right: 0; } }
.stats-button {
  position: relative; }
  .stats-button .stats-menu {
    position: absolute;
    bottom: 45px;
    background-color: #f9f9f9;
    border: 1px solid #ff5280;
    padding: 15px 40px 10px 40px;
    max-width: 270px;
    left: -76px; }
    .stats-button .stats-menu:after {
      display: block;
      position: relative;
      content: '';
      width: 0;
      height: 0;
      bottom: -21px;
      left: 40%;
      border-style: solid;
      border-width: 10px 15px 0 15px;
      border-color: #ff5280 transparent transparent transparent; }

.datasource-wrapper .list-inline {
  position: relative; }
.datasource-wrapper .drag-area {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 22px;
  height: 79px;
  line-height: 79px; }

.image-box {
  float: left;
  margin: 20px 40px 20px 0; }
  .image-box:last-of-type {
    margin-right: 0; }
  .image-box .box-title {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin: 5px 0; }

.step-connection-binding-table {
  width: 100%; }

.formfield-box.item {
  perspective: 1000px;
  -moz-perspective: 800px;
  -webkit-perspective: 800px;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  -webkit-transition: 0.3s ease-in-out all; }

.formfield-box.item.flipped {
  background-color: white;
  transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg); }

.formfield-box.item.flipped .front {
  display: none; }

.formfield-box.item .back {
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  display: none;
  float: left;
  width: 100%; }

.formfield-box.item.flipped.connections .back.connections {
  display: block; }

.formfield-box.item.flipped.validations .back.validations {
  display: block; }

.no-connections-message {
  margin: 8px 0 18px 0;
  color: #929292;
  text-align: center; }

.connection-formfields {
  overflow: auto; }

.remove-formfield-tab, .flip-formfield-tab, .remove-apiConnector-tab, .load-questiondummy-button, .remove-versionApiConnector-tab, .remove-footerElement-tab {
  z-index: 2;
  cursor: pointer;
  color: rgba(250, 0, 67, 0.6);
  position: absolute;
  transition: all 0.1s ease-out; }
  .remove-formfield-tab i, .flip-formfield-tab i, .remove-apiConnector-tab i, .load-questiondummy-button i, .remove-versionApiConnector-tab i, .remove-footerElement-tab i {
    transition: all 0.1s ease-out; }
  .remove-formfield-tab:hover, .flip-formfield-tab:hover, .remove-apiConnector-tab:hover, .load-questiondummy-button:hover, .remove-versionApiConnector-tab:hover, .remove-footerElement-tab:hover {
    color: #fa0043;
    transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53); }
    .remove-formfield-tab:hover i, .flip-formfield-tab:hover i, .remove-apiConnector-tab:hover i, .load-questiondummy-button:hover i, .remove-versionApiConnector-tab:hover i, .remove-footerElement-tab:hover i {
      transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53);
      font-size: 40px; }
  .remove-formfield-tab.flip-formfield-tab.connections, .flip-formfield-tab.flip-formfield-tab.connections, .remove-apiConnector-tab.flip-formfield-tab.connections, .load-questiondummy-button.flip-formfield-tab.connections, .remove-versionApiConnector-tab.flip-formfield-tab.connections, .remove-footerElement-tab.flip-formfield-tab.connections {
    width: 28px;
    text-align: right;
    top: -7px;
    left: calc(100% - 37px); }
    .remove-formfield-tab.flip-formfield-tab.connections:hover, .flip-formfield-tab.flip-formfield-tab.connections:hover, .remove-apiConnector-tab.flip-formfield-tab.connections:hover, .load-questiondummy-button.flip-formfield-tab.connections:hover, .remove-versionApiConnector-tab.flip-formfield-tab.connections:hover, .remove-footerElement-tab.flip-formfield-tab.connections:hover {
      top: -10px;
      left: calc(100% - 44px); }
  .remove-formfield-tab.flip-formfield-tab.validations, .flip-formfield-tab.flip-formfield-tab.validations, .remove-apiConnector-tab.flip-formfield-tab.validations, .load-questiondummy-button.flip-formfield-tab.validations, .remove-versionApiConnector-tab.flip-formfield-tab.validations, .remove-footerElement-tab.flip-formfield-tab.validations {
    width: 41px;
    left: 10px;
    bottom: -10px;
    text-align: left; }
    .remove-formfield-tab.flip-formfield-tab.validations:hover, .flip-formfield-tab.flip-formfield-tab.validations:hover, .remove-apiConnector-tab.flip-formfield-tab.validations:hover, .load-questiondummy-button.flip-formfield-tab.validations:hover, .remove-versionApiConnector-tab.flip-formfield-tab.validations:hover, .remove-footerElement-tab.flip-formfield-tab.validations:hover {
      bottom: -14px;
      left: 6px; }
  .remove-formfield-tab.flip-formfield-tab.advanced, .flip-formfield-tab.flip-formfield-tab.advanced, .remove-apiConnector-tab.flip-formfield-tab.advanced, .load-questiondummy-button.flip-formfield-tab.advanced, .remove-versionApiConnector-tab.flip-formfield-tab.advanced, .remove-footerElement-tab.flip-formfield-tab.advanced {
    width: 41px;
    right: 10px;
    bottom: -10px;
    text-align: right; }
    .remove-formfield-tab.flip-formfield-tab.advanced:hover, .flip-formfield-tab.flip-formfield-tab.advanced:hover, .remove-apiConnector-tab.flip-formfield-tab.advanced:hover, .load-questiondummy-button.flip-formfield-tab.advanced:hover, .remove-versionApiConnector-tab.flip-formfield-tab.advanced:hover, .remove-footerElement-tab.flip-formfield-tab.advanced:hover {
      bottom: -14px;
      right: 6px; }
  .remove-formfield-tab.flip-formfield-tab.go-back, .flip-formfield-tab.flip-formfield-tab.go-back, .remove-apiConnector-tab.flip-formfield-tab.go-back, .load-questiondummy-button.flip-formfield-tab.go-back, .remove-versionApiConnector-tab.flip-formfield-tab.go-back, .remove-footerElement-tab.flip-formfield-tab.go-back {
    width: 28px;
    text-align: right;
    top: -7px;
    left: calc(100% - 37px); }
    .remove-formfield-tab.flip-formfield-tab.go-back:hover, .flip-formfield-tab.flip-formfield-tab.go-back:hover, .remove-apiConnector-tab.flip-formfield-tab.go-back:hover, .load-questiondummy-button.flip-formfield-tab.go-back:hover, .remove-versionApiConnector-tab.flip-formfield-tab.go-back:hover, .remove-footerElement-tab.flip-formfield-tab.go-back:hover {
      top: -10px;
      left: calc(100% - 44px); }
  .remove-formfield-tab.remove-apiConnector-tab, .flip-formfield-tab.remove-apiConnector-tab, .remove-apiConnector-tab.remove-apiConnector-tab, .load-questiondummy-button.remove-apiConnector-tab, .remove-versionApiConnector-tab.remove-apiConnector-tab, .remove-footerElement-tab.remove-apiConnector-tab {
    left: 35px;
    top: 20px; }
    .remove-formfield-tab.remove-apiConnector-tab:hover, .flip-formfield-tab.remove-apiConnector-tab:hover, .remove-apiConnector-tab.remove-apiConnector-tab:hover, .load-questiondummy-button.remove-apiConnector-tab:hover, .remove-versionApiConnector-tab.remove-apiConnector-tab:hover, .remove-footerElement-tab.remove-apiConnector-tab:hover {
      left: 31px;
      top: 13px; }
  .remove-formfield-tab.remove-versionApiConnector-tab, .flip-formfield-tab.remove-versionApiConnector-tab, .remove-apiConnector-tab.remove-versionApiConnector-tab, .load-questiondummy-button.remove-versionApiConnector-tab, .remove-versionApiConnector-tab.remove-versionApiConnector-tab, .remove-footerElement-tab.remove-versionApiConnector-tab {
    right: 24px;
    top: 6px; }
    .remove-formfield-tab.remove-versionApiConnector-tab:hover, .flip-formfield-tab.remove-versionApiConnector-tab:hover, .remove-apiConnector-tab.remove-versionApiConnector-tab:hover, .load-questiondummy-button.remove-versionApiConnector-tab:hover, .remove-versionApiConnector-tab.remove-versionApiConnector-tab:hover, .remove-footerElement-tab.remove-versionApiConnector-tab:hover {
      right: 19px;
      top: 0; }
  .remove-formfield-tab.remove-footerElement-tab, .flip-formfield-tab.remove-footerElement-tab, .remove-apiConnector-tab.remove-footerElement-tab, .load-questiondummy-button.remove-footerElement-tab, .remove-versionApiConnector-tab.remove-footerElement-tab, .remove-footerElement-tab.remove-footerElement-tab {
    left: 11px;
    top: 8px; }
    .remove-formfield-tab.remove-footerElement-tab:hover, .flip-formfield-tab.remove-footerElement-tab:hover, .remove-apiConnector-tab.remove-footerElement-tab:hover, .load-questiondummy-button.remove-footerElement-tab:hover, .remove-versionApiConnector-tab.remove-footerElement-tab:hover, .remove-footerElement-tab.remove-footerElement-tab:hover {
      left: 6px;
      top: 4px; }
  .remove-formfield-tab.load-questiondummy-button, .flip-formfield-tab.load-questiondummy-button, .remove-apiConnector-tab.load-questiondummy-button, .load-questiondummy-button.load-questiondummy-button, .remove-versionApiConnector-tab.load-questiondummy-button, .remove-footerElement-tab.load-questiondummy-button {
    left: 35px;
    top: 20px; }
    .remove-formfield-tab.load-questiondummy-button:hover, .flip-formfield-tab.load-questiondummy-button:hover, .remove-apiConnector-tab.load-questiondummy-button:hover, .load-questiondummy-button.load-questiondummy-button:hover, .remove-versionApiConnector-tab.load-questiondummy-button:hover, .remove-footerElement-tab.load-questiondummy-button:hover {
      left: 31px;
      top: 13px; }
  .remove-formfield-tab.remove-formfield-tab, .flip-formfield-tab.remove-formfield-tab, .remove-apiConnector-tab.remove-formfield-tab, .load-questiondummy-button.remove-formfield-tab, .remove-versionApiConnector-tab.remove-formfield-tab, .remove-footerElement-tab.remove-formfield-tab {
    width: 25px;
    left: 10px;
    top: 10px; }
    .remove-formfield-tab.remove-formfield-tab:hover, .flip-formfield-tab.remove-formfield-tab:hover, .remove-apiConnector-tab.remove-formfield-tab:hover, .load-questiondummy-button.remove-formfield-tab:hover, .remove-versionApiConnector-tab.remove-formfield-tab:hover, .remove-footerElement-tab.remove-formfield-tab:hover {
      top: 6px;
      left: 6px; }

.formfield-box, .iframe-url-input {
  position: relative;
  background-color: #f3f3f3;
  clear: both;
  border: 2px solid #ff5280;
  padding: 20px 0;
  margin: 0 auto 20px auto;
  overflow: auto; }
  .formfield-box.iframe-url-input .form-group, .iframe-url-input.iframe-url-input .form-group {
    margin-bottom: 0; }
  .formfield-box.add-new, .iframe-url-input.add-new {
    cursor: pointer;
    color: #dcdcdc;
    height: 190px;
    background-color: #f4f4f4;
    border: 2px solid #dcdcdc;
    text-align: center;
    overflow: hidden;
    transition: all 0.1s ease-in-out; }
    .formfield-box.add-new:hover, .iframe-url-input.add-new:hover {
      color: #bebebe;
      border: 2px solid #bebebe; }
    .formfield-box.add-new i, .iframe-url-input.add-new i {
      vertical-align: middle;
      line-height: 146px; }

.drag-area {
  cursor: pointer;
  text-align: center;
  background-color: gainsboro; }
  .drag-area.version {
    margin-top: -20px;
    margin-bottom: -20px;
    line-height: 236px;
    height: 236px; }

.drag-area i {
  vertical-align: middle; }

.sortable-ghost {
  opacity: 0; }

#step-wrapper .toggle-connections-box-button {
  margin: 0 0 10px 40px; }
#step-wrapper .step-config-box {
  margin: 15px 0;
  border: 2px solid #e8e8e8; }
  #step-wrapper .step-config-box .step-status-box {
    margin: 10px 0 10px 0; }
#step-wrapper .nav > li > a {
  padding: 10px 35px 10px 15px; }
#step-wrapper .add-step-button {
  cursor: pointer;
  color: #ff5280;
  padding: 10px 15px;
  position: relative;
  display: block; }
  #step-wrapper .add-step-button:hover .button-text {
    text-decoration: underline; }
#step-wrapper .remove-step-button {
  z-index: 2;
  height: 100%;
  width: 34px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 2px; }
  #step-wrapper .remove-step-button:hover i {
    transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53);
    top: 5px;
    left: 10px;
    color: #fa0043;
    font-size: 22px; }
  #step-wrapper .remove-step-button i {
    color: rgba(250, 0, 67, 0.6);
    position: relative;
    transition: all 0.1s ease-out;
    top: 7px;
    left: 12px; }

.formfield-wrapper {
  margin-top: 20px; }

.formfield-option-box {
  border: 1px solid #ccc;
  padding: 15px; }
  .formfield-option-box .formfield-option {
    position: relative;
    margin-bottom: 10px; }
    .formfield-option-box .formfield-option:last-of-type {
      margin-bottom: 0; }
    .formfield-option-box .formfield-option + .add-new-option {
      margin-top: 10px; }
  .formfield-option-box .add-new-option {
    cursor: text;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    text-align: center;
    height: 34px;
    line-height: 41px;
    vertical-align: middle;
    color: #ccc;
    transition: all 0.1s ease-in-out; }
    .formfield-option-box .add-new-option:hover {
      background-color: white;
      color: #b9b9b9; }
  .formfield-option-box .remove-option-tab {
    z-index: 2;
    height: 100%;
    width: 34px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0; }
    .formfield-option-box .remove-option-tab:hover i {
      transition: all 0.15s cubic-bezier(0, 0, 0.53, 3.53);
      top: 3px;
      left: 7px;
      color: #fa0043;
      font-size: 28px; }
    .formfield-option-box .remove-option-tab i {
      color: rgba(250, 0, 67, 0.6);
      position: relative;
      transition: all 0.1s ease-out;
      top: 7px;
      left: 12px; }

.collection {
  overflow: auto;
  margin-bottom: 45px; }
  .collection:last-child {
    margin-bottom: 0; }
  .collection .collection-name {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #ff5280;
    font-size: 20px; }
    .collection .collection-name a {
      padding: 2px 9px;
      margin-top: -4px;
      margin-left: 14px; }
  .collection .collection-images .image-card {
    float: left;
    margin: 3px;
    position: relative;
    width: 250px;
    height: 141px; }
    .collection .collection-images .image-card .image-frame {
      background-size: cover; }
    .collection .collection-images .image-card .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #FFF;
      background: rgba(0, 0, 0, 0.1);
      transition: background 0.5s ease; }
    .collection .collection-images .image-card:hover .overlay {
      display: block;
      background: rgba(0, 0, 0, 0.8); }
    .collection .collection-images .image-card:hover .image-position {
      top: 5px; }
    .collection .collection-images .image-card:hover .image-button {
      opacity: 1;
      transition-delay: 0.10s; }
    .collection .collection-images .image-card .image-frame {
      position: absolute;
      width: 250px;
      height: 141px;
      left: 0; }
    .collection .collection-images .image-card .image-position {
      text-shadow: 0px 0px 5px black;
      position: absolute;
      width: 250px;
      left: 0;
      top: 51px;
      font-weight: 700;
      font-size: 24px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      z-index: 1;
      transition: top .5s ease; }
    .collection .collection-images .image-card .image-button {
      position: absolute;
      width: 250px;
      left: 0;
      top: 41px;
      text-align: center;
      opacity: 0;
      transition: opacity .35s ease; }
      .collection .collection-images .image-card .image-button a {
        display: block;
        width: 180px;
        padding: 8px;
        margin: 0 auto 10px;
        text-align: center;
        clear: left;
        color: white;
        border: solid 2px white;
        z-index: 1; }

.image-box-add {
  margin-top: 21px;
  float: left;
  cursor: pointer;
  color: #dcdcdc;
  width: 169px;
  text-align: center;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  margin-bottom: 20px; }
  .image-box-add .well {
    padding: 17px; }
  .image-box-add:hover {
    color: #bebebe; }
  .image-box-add i {
    vertical-align: middle;
    line-height: 83px; }

#exception {
  background-color: #007aff;
  color: #fff;
  font-size: 100%;
  line-height: 1.5;
  font-family: "Roboto", sans-serif; }
  #exception .button {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    border: 1px solid #efefef;
    padding: .5em;
    border-radius: 3px;
    position: relative;
    transition: all .3s linear; }
    #exception .button:hover {
      background-color: #ff5280;
      color: #fff; }
  #exception p {
    font-size: 2em;
    text-align: center;
    font-weight: 100; }
  #exception h1 {
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    text-align: center;
    font-size: 15em;
    font-weight: 100;
    text-shadow: #0062cc 1px 1px, #0062cc 2px 2px, #0062cc 3px 3px, #0062cd 4px 4px, #0062cd 5px 5px, #0062cd 6px 6px, #0062cd 7px 7px, #0062ce 8px 8px, #0063ce 9px 9px, #0063ce 10px 10px, #0063ce 11px 11px, #0063cf 12px 12px, #0063cf 13px 13px, #0063cf 14px 14px, #0063cf 15px 15px, #0063d0 16px 16px, #0064d0 17px 17px, #0064d0 18px 18px, #0064d0 19px 19px, #0064d1 20px 20px, #0064d1 21px 21px, #0064d1 22px 22px, #0064d1 23px 23px, #0064d2 24px 24px, #0065d2 25px 25px, #0065d2 26px 26px, #0065d2 27px 27px, #0065d3 28px 28px, #0065d3 29px 29px, #0065d3 30px 30px, #0065d3 31px 31px, #0065d4 32px 32px, #0065d4 33px 33px, #0066d4 34px 34px, #0066d4 35px 35px, #0066d5 36px 36px, #0066d5 37px 37px, #0066d5 38px 38px, #0066d5 39px 39px, #0066d6 40px 40px, #0066d6 41px 41px, #0067d6 42px 42px, #0067d6 43px 43px, #0067d7 44px 44px, #0067d7 45px 45px, #0067d7 46px 46px, #0067d7 47px 47px, #0067d8 48px 48px, #0067d8 49px 49px, #0068d8 50px 50px, #0068d9 51px 51px, #0068d9 52px 52px, #0068d9 53px 53px, #0068d9 54px 54px, #0068da 55px 55px, #0068da 56px 56px, #0068da 57px 57px, #0068da 58px 58px, #0069db 59px 59px, #0069db 60px 60px, #0069db 61px 61px, #0069db 62px 62px, #0069dc 63px 63px, #0069dc 64px 64px, #0069dc 65px 65px, #0069dc 66px 66px, #006add 67px 67px, #006add 68px 68px, #006add 69px 69px, #006add 70px 70px, #006ade 71px 71px, #006ade 72px 72px, #006ade 73px 73px, #006ade 74px 74px, #006bdf 75px 75px, #006bdf 76px 76px, #006bdf 77px 77px, #006bdf 78px 78px, #006be0 79px 79px, #006be0 80px 80px, #006be0 81px 81px, #006be0 82px 82px, #006be1 83px 83px, #006ce1 84px 84px, #006ce1 85px 85px, #006ce1 86px 86px, #006ce2 87px 87px, #006ce2 88px 88px, #006ce2 89px 89px, #006ce2 90px 90px, #006ce3 91px 91px, #006de3 92px 92px, #006de3 93px 93px, #006de3 94px 94px, #006de4 95px 95px, #006de4 96px 96px, #006de4 97px 97px, #006de4 98px 98px, #006de5 99px 99px, #006ee5 100px 100px, #006ee5 101px 101px, #006ee6 102px 102px, #006ee6 103px 103px, #006ee6 104px 104px, #006ee6 105px 105px, #006ee7 106px 106px, #006ee7 107px 107px, #006ee7 108px 108px, #006fe7 109px 109px, #006fe8 110px 110px, #006fe8 111px 111px, #006fe8 112px 112px, #006fe8 113px 113px, #006fe9 114px 114px, #006fe9 115px 115px, #006fe9 116px 116px, #0070e9 117px 117px, #0070ea 118px 118px, #0070ea 119px 119px, #0070ea 120px 120px, #0070ea 121px 121px, #0070eb 122px 122px, #0070eb 123px 123px, #0070eb 124px 124px, #0071eb 125px 125px, #0071ec 126px 126px, #0071ec 127px 127px, #0071ec 128px 128px, #0071ec 129px 129px, #0071ed 130px 130px, #0071ed 131px 131px, #0071ed 132px 132px, #0071ed 133px 133px, #0072ee 134px 134px, #0072ee 135px 135px, #0072ee 136px 136px, #0072ee 137px 137px, #0072ef 138px 138px, #0072ef 139px 139px, #0072ef 140px 140px, #0072ef 141px 141px, #0073f0 142px 142px, #0073f0 143px 143px, #0073f0 144px 144px, #0073f0 145px 145px, #0073f1 146px 146px, #0073f1 147px 147px, #0073f1 148px 148px, #0073f1 149px 149px, #0074f2 150px 150px, #0074f2 151px 151px, #0074f2 152px 152px, #0074f3 153px 153px, #0074f3 154px 154px, #0074f3 155px 155px, #0074f3 156px 156px, #0074f4 157px 157px, #0074f4 158px 158px, #0075f4 159px 159px, #0075f4 160px 160px, #0075f5 161px 161px, #0075f5 162px 162px, #0075f5 163px 163px, #0075f5 164px 164px, #0075f6 165px 165px, #0075f6 166px 166px, #0076f6 167px 167px, #0076f6 168px 168px, #0076f7 169px 169px, #0076f7 170px 170px, #0076f7 171px 171px, #0076f7 172px 172px, #0076f8 173px 173px, #0076f8 174px 174px, #0077f8 175px 175px, #0077f8 176px 176px, #0077f9 177px 177px, #0077f9 178px 178px, #0077f9 179px 179px, #0077f9 180px 180px, #0077fa 181px 181px, #0077fa 182px 182px, #0077fa 183px 183px, #0078fa 184px 184px, #0078fb 185px 185px, #0078fb 186px 186px, #0078fb 187px 187px, #0078fb 188px 188px, #0078fc 189px 189px, #0078fc 190px 190px, #0078fc 191px 191px, #0079fc 192px 192px, #0079fd 193px 193px, #0079fd 194px 194px, #0079fd 195px 195px, #0079fd 196px 196px, #0079fe 197px 197px, #0079fe 198px 198px, #0079fe 199px 199px, #007aff 200px 200px; }
    @media only screen and (max-width: 480px) {
      #exception h1 {
        font-size: 18em; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      #exception h1 {
        font-size: 25em; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      #exception h1 {
        font-size: 35em; } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      #exception h1 {
        font-size: 30em; } }
    @media only screen and (min-width: 1200px) {
      #exception h1 {
        font-size: 35em; } }