@import "ag-grid.css";
@import "ag-theme-balham.css";

@charset "UTF-8";
/*variables*/
/*status colors variables*/
/*card header color variable*/
.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 {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !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.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 {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !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.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 {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !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.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 {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !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.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 {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !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.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 {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !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.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 {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !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.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 {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !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.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 {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !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.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 {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !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.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 {
  background-color: #4CAF50 !important;
}

.green-text {
  color: #4CAF50 !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.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 {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !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.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 {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !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.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 {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !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.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 {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !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.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 {
  background-color: #ff9900 !important;
}

.orange-text {
  color: #ff9900 !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.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 {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !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.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 {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !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.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 {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !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.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 {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !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;
}

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

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

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

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

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

.shades-text.text-transparent {
  color: transparent !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;
}

/*** Colors ***/
/*** Badges ***/
/*** Buttons ***/
/*** Cards ***/
/*** Collapsible ***/
/*** Dropdown ***/
/*** Fonts ***/
/*** Forms ***/
/*** Global ***/
/*** Navbar ***/
/*** SideNav ***/
/*** Photo Slider ***/
/*** Spinners | Loaders ***/
/*** Tabs ***/
/*** Tables ***/
/*** Toasts ***/
/*** Typography ***/
/*** Collections ***/
/* Progress Bar */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: 'Noto Sans', sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* 1 */
html input[type="button"],
button,
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

ul {
  list-style-type: none;
}

a {
  color: #0177d6;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.valign-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.valign-wrapper .valign {
  display: block;
}

ul {
  padding: 0;
}

ul li {
  list-style-type: none;
}

.clearfix {
  clear: both;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.z-depth-0 {
  box-shadow: none !important;
}

.z-depth-1, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .btn-large-circle, .dropdown-content, .collapsible, .side-nav {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover, .btn-large-circle:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4, .modal {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.z-depth-6 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08), 0 6px 8px 0 rgba(0, 0, 0, 0.08);
}

.hoverable:hover {
  transition: box-shadow .25s;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16), 0 6px 8px 0 rgba(0, 0, 0, 0.08);
}

header .right-sidebar-nav.side-nav, header .right-sidebar-nav.side-nav.collapsible {
  box-shadow: none;
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #ee6e73;
}

i {
  line-height: inherit;
}

i.left {
  float: left;
  margin-right: 15px;
}

i.right {
  float: right;
  margin-left: 15px;
}

i.tiny {
  font-size: 1rem;
}

i.small {
  font-size: 2rem;
}

i.medium {
  font-size: 4rem;
}

i.large {
  font-size: 6rem;
}

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
}

.pagination li {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
  border-radius: 2px;
  text-align: center;
}

.pagination li a {
  color: #444;
}

.pagination li.active a {
  color: #fff;
}

.pagination li.active {
  background-color: #ee6e73;
}

.pagination li.disabled a {
  cursor: default;
  color: #999;
}

.pagination li i {
  font-size: 2rem;
}

.pagination li.pages ul li {
  display: inline-block;
  float: none;
}

@media only screen and (max-width: 960px) {
  .pagination {
    width: 100%;
  }
  .pagination li.prev,
  .pagination li.next {
    width: 10%;
  }
  .pagination li.pages {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
}

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
}

.pin-top, .pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0;
}

.fade-in {
  opacity: 0;
  transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width: 960px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 960px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (max-width: 1200px) {
  .hide-on-large-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 961px) {
  .hide-on-large-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (max-width: 1500px) {
  .hide-on-xlarge-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .hide-on-xlarge-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .hide-on-xlarge-only {
    display: none !important;
  }
}

@media only screen and (max-width: 1920px) {
  .hide-on-xxlarge-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 1501px) {
  .hide-on-xxlarge-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 1501px) {
  .hide-on-xxlarge-only {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: initial !important;
  }
}

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: initial !important;
  }
}

@media only screen and (max-width: 960px) {
  .show-on-medium-and-down {
    display: initial !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 960px) {
  .show-on-medium {
    display: initial !important;
  }
}

@media only screen and (min-width: 961px) {
  .show-on-large-and-up {
    display: initial !important;
  }
}

@media only screen and (max-width: 1200px) {
  .show-on-large-and-down {
    display: initial !important;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .show-on-large {
    display: initial !important;
  }
}

@media only screen and (min-width: 1201px) {
  .show-on-xlarge-and-up {
    display: initial !important;
  }
}

@media only screen and (max-width: 1500px) {
  .show-on-xlarge-and-down {
    display: initial !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .show-on-xlarge {
    display: initial !important;
  }
}

@media only screen and (min-width: 1501px) {
  .show-on-xxlarge {
    display: initial !important;
  }
}

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center;
  }
}

footer.page-footer {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #ee6e73;
}

footer.page-footer .footer-copyright {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}

table, th, td {
  border: none;
}

table {
  width: 100%;
  display: table;
}

table.bordered > thead > tr, table.bordered > tbody > tr {
  border-bottom: 1px solid #d0d0d0;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: #f2f2f2;
}

table.striped > tbody > tr > td {
  border-radius: 0px;
}

table.highlight > tbody > tr {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

table.highlight > tbody > tr:hover {
  background-color: #f2f2f2;
}

table.centered thead tr th, table.centered tbody tr td {
  text-align: center;
}

thead {
  border-bottom: 1px solid #d0d0d0;
}

td, th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

@media only screen and (max-width: 960px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
  }
  table.responsive-table th,
  table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
  table.responsive-table th {
    text-align: left;
  }
  table.responsive-table thead {
    display: block;
    float: left;
  }
  table.responsive-table thead tr {
    display: block;
    padding: 0 10px 0 0;
  }
  table.responsive-table thead tr th::before {
    content: "\00a0";
  }
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  table.responsive-table th {
    display: block;
    text-align: right;
  }
  table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  table.responsive-table tr {
    padding: 0 10px;
  }
  table.responsive-table thead {
    border: 0;
    border-right: 1px solid #d0d0d0;
  }
  table.responsive-table.bordered th {
    border-bottom: 0;
    border-left: 0;
  }
  table.responsive-table.bordered td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  table.responsive-table.bordered tr {
    border: 0;
  }
  table.responsive-table.bordered tbody tr {
    border-right: 1px solid #d0d0d0;
  }
}

.collection {
  margin: 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.collection .collection-item {
  position: relative;
  background-color: #fff;
  line-height: 1.5rem;
  padding: 0.7143rem 1.429rem;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}

.collection .collection-item p {
  color: #757575;
  font-size: 14px;
  margin: 0;
}

.collection .collection-item .title {
  font-size: 16px;
}

.collection .collection-item.avatar {
  min-height: 80px;
  padding-left: 72px;
  position: relative;
}

.collection .collection-item.avatar .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}

.collection .collection-item.avatar .title {
  font-size: 16px;
}

.collection .collection-item.avatar p {
  margin: 0;
}

.collection .collection-item:last-child {
  border-bottom: none;
}

.collection .collection-item.active {
  background-color: #26a69a;
  color: #eafaf9;
}

.collection .collection-item.active .secondary-content {
  color: #fff;
}

.collection a.collection-item {
  display: block;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
  color: #26a69a;
}

.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}

.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.collection.with-header .collection-item {
  padding-left: 30px;
}

.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

.secondary-content {
  float: right;
  color: #0177d6;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  text-align: center;
  font-size: 1rem;
  line-height: inherit;
  color: #757575;
  position: absolute;
  right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #26a69a;
  border-radius: 2px;
}

span.badge.new:after {
  content: " new";
}

nav ul a span.badge {
  position: static;
  margin-left: 4px;
  line-height: 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container.no-controls {
  padding-top: 0;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #acece6;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #26a69a;
  -webkit-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
  -ms-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.progress .indeterminate {
  background-color: #26a69a;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  -moz-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  -ms-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  -moz-animation-delay: 1.15s;
  -ms-animation-delay: 1.15s;
  -o-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@-moz-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

@-moz-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

.left-align {
  text-align: left;
}

.right-align {
  text-align: right;
}

.center, .center-align {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.no-select, input[type=range], input[type=range] + .thumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.circle {
  border-radius: 50%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-padding {
  padding: 0 !important;
}

@font-face {
  font-family: "Material-Design-Icons";
  src: url("../font/material-design-icons/Material-Design-Icons.eot?#iefix") format("embedded-opentype"), url("../font/material-design-icons/Material-Design-Icons.woff2") format("woff2"), url("../font/material-design-icons/Material-Design-Icons.woff") format("woff"), url("../font/material-design-icons/Material-Design-Icons.ttf") format("truetype"), url("../font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="mdi-"], [class*="mdi-"] {
  speak: none;
  display: inline-block;
  font-family: "Material-Design-Icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-rendering: auto;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

[class^="mdi-"]:before, [class*="mdi-"]:before {
  display: inline-block;
  speak: none;
  text-decoration: inherit;
}

[class^="mdi-"].pull-left, [class*="mdi-"].pull-left {
  margin-right: .3em;
}

[class^="mdi-"].pull-right, [class*="mdi-"].pull-right {
  margin-left: .3em;
}

[class^="mdi-"].mdi-lg:before, [class^="mdi-"].mdi-lg:after, [class*="mdi-"].mdi-lg:before, [class*="mdi-"].mdi-lg:after {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

[class^="mdi-"].mdi-2x:before, [class^="mdi-"].mdi-2x:after, [class*="mdi-"].mdi-2x:before, [class*="mdi-"].mdi-2x:after {
  font-size: 2em;
}

[class^="mdi-"].mdi-3x:before, [class^="mdi-"].mdi-3x:after, [class*="mdi-"].mdi-3x:before, [class*="mdi-"].mdi-3x:after {
  font-size: 3em;
}

[class^="mdi-"].mdi-4x:before, [class^="mdi-"].mdi-4x:after, [class*="mdi-"].mdi-4x:before, [class*="mdi-"].mdi-4x:after {
  font-size: 4em;
}

[class^="mdi-"].mdi-5x:before, [class^="mdi-"].mdi-5x:after, [class*="mdi-"].mdi-5x:before, [class*="mdi-"].mdi-5x:after {
  font-size: 5em;
}

[class^="mdi-device-signal-cellular-"]:after,
[class^="mdi-device-battery-"]:after,
[class^="mdi-device-battery-charging-"]:after,
[class^="mdi-device-signal-cellular-connected-no-internet-"]:after,
[class^="mdi-device-signal-wifi-"]:after,
[class^="mdi-device-signal-wifi-statusbar-not-connected"]:after,
.mdi-device-network-wifi:after {
  opacity: .3;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: inline-block;
  speak: none;
  text-decoration: inherit;
}

[class^="mdi-device-signal-cellular-"]:after {
  content: "\e758";
}

[class^="mdi-device-battery-"]:after {
  content: "\e735";
}

[class^="mdi-device-battery-charging-"]:after {
  content: "\e733";
}

[class^="mdi-device-signal-cellular-connected-no-internet-"]:after {
  content: "\e75d";
}

[class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after {
  content: "\e765";
}

[class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after {
  content: "\e8f7";
}

.mdi-device-signal-cellular-off:after, .mdi-device-signal-cellular-null:after, .mdi-device-signal-cellular-no-sim:after, .mdi-device-signal-wifi-off:after, .mdi-device-signal-wifi-4-bar:after, .mdi-device-signal-cellular-4-bar:after, .mdi-device-battery-alert:after, .mdi-device-signal-cellular-connected-no-internet-4-bar:after, .mdi-device-battery-std:after, .mdi-device-battery-full .mdi-device-battery-unknown:after {
  content: "";
}

.mdi-fw {
  width: 1.28571429em;
  text-align: center;
}

.mdi-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.mdi-ul > li {
  position: relative;
}

.mdi-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.mdi-li.mdi-lg {
  left: -1.85714286em;
}

.mdi-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.mdi-spin {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.mdi-pulse {
  -webkit-animation: mdi-spin 1s steps(8) infinite;
  animation: mdi-spin 1s steps(8) infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.mdi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.mdi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .mdi-rotate-90,
:root .mdi-rotate-180,
:root .mdi-rotate-270,
:root .mdi-flip-horizontal,
:root .mdi-flip-vertical {
  filter: none;
}

.mdi-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.mdi-stack-1x,
.mdi-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.mdi-stack-1x {
  line-height: inherit;
}

.mdi-stack-2x {
  font-size: 2em;
}

.mdi-inverse {
  color: #ffffff;
}

/* Start Icons */
.mdi-action-3d-rotation:before {
  content: "\e600";
}

.mdi-action-accessibility:before {
  content: "\e601";
}

.mdi-action-account-balance-wallet:before {
  content: "\e602";
}

.mdi-action-account-balance:before {
  content: "\e603";
}

.mdi-action-account-box:before {
  content: "\e604";
}

.mdi-action-account-child:before {
  content: "\e605";
}

.mdi-action-account-circle:before {
  content: "\e606";
}

.mdi-action-add-shopping-cart:before {
  content: "\e607";
}

.mdi-action-alarm-add:before {
  content: "\e608";
}

.mdi-action-alarm-off:before {
  content: "\e609";
}

.mdi-action-alarm-on:before {
  content: "\e60a";
}

.mdi-action-alarm:before {
  content: "\e60b";
}

.mdi-action-android:before {
  content: "\e60c";
}

.mdi-action-announcement:before {
  content: "\e60d";
}

.mdi-action-aspect-ratio:before {
  content: "\e60e";
}

.mdi-action-assessment:before {
  content: "\e60f";
}

.mdi-action-assignment-ind:before {
  content: "\e610";
}

.mdi-action-assignment-late:before {
  content: "\e611";
}

.mdi-action-assignment-return:before {
  content: "\e612";
}

.mdi-action-assignment-returned:before {
  content: "\e613";
}

.mdi-action-assignment-turned-in:before {
  content: "\e614";
}

.mdi-action-assignment:before {
  content: "\e615";
}

.mdi-action-autorenew:before {
  content: "\e616";
}

.mdi-action-backup:before {
  content: "\e617";
}

.mdi-action-book:before {
  content: "\e618";
}

.mdi-action-bookmark-outline:before {
  content: "\e619";
}

.mdi-action-bookmark:before {
  content: "\e61a";
}

.mdi-action-bug-report:before {
  content: "\e61b";
}

.mdi-action-cached:before {
  content: "\e61c";
}

.mdi-action-check-circle:before {
  content: "\e61d";
}

.mdi-action-class:before {
  content: "\e61e";
}

.mdi-action-credit-card:before {
  content: "\e61f";
}

.mdi-action-dashboard:before {
  content: "\e620";
}

.mdi-action-delete:before {
  content: "\e621";
}

.mdi-action-description:before {
  content: "\e622";
}

.mdi-action-dns:before {
  content: "\e623";
}

.mdi-action-done-all:before {
  content: "\e624";
}

.mdi-action-done:before {
  content: "\e625";
}

.mdi-action-event:before {
  content: "\e626";
}

.mdi-action-exit-to-app:before {
  content: "\e627";
}

.mdi-action-explore:before {
  content: "\e628";
}

.mdi-action-extension:before {
  content: "\e629";
}

.mdi-action-face-unlock:before {
  content: "\e62a";
}

.mdi-action-favorite-outline:before {
  content: "\e62b";
}

.mdi-action-favorite:before {
  content: "\e62c";
}

.mdi-action-find-in-page:before {
  content: "\e62d";
}

.mdi-action-find-replace:before {
  content: "\e62e";
}

.mdi-action-flip-to-back:before {
  content: "\e62f";
}

.mdi-action-flip-to-front:before {
  content: "\e630";
}

.mdi-action-get-app:before {
  content: "\e631";
}

.mdi-action-grade:before {
  content: "\e632";
}

.mdi-action-group-work:before {
  content: "\e633";
}

.mdi-action-help:before {
  content: "\e634";
}

.mdi-action-highlight-remove:before {
  content: "\e635";
}

.mdi-action-history:before {
  content: "\e636";
}

.mdi-action-home:before {
  content: "\e637";
}

.mdi-action-https:before {
  content: "\e638";
}

.mdi-action-info-outline:before {
  content: "\e639";
}

.mdi-action-info:before {
  content: "\e63a";
}

.mdi-action-input:before {
  content: "\e63b";
}

.mdi-action-invert-colors:before {
  content: "\e63c";
}

.mdi-action-label-outline:before {
  content: "\e63d";
}

.mdi-action-label:before {
  content: "\e63e";
}

.mdi-action-language:before {
  content: "\e63f";
}

.mdi-action-launch:before {
  content: "\e640";
}

.mdi-action-list:before {
  content: "\e641";
}

.mdi-action-lock-open:before {
  content: "\e642";
}

.mdi-action-lock-outline:before {
  content: "\e643";
}

.mdi-action-lock:before {
  content: "\e644";
}

.mdi-action-loyalty:before {
  content: "\e645";
}

.mdi-action-markunread-mailbox:before {
  content: "\e646";
}

.mdi-action-note-add:before {
  content: "\e647";
}

.mdi-action-open-in-browser:before {
  content: "\e648";
}

.mdi-action-open-in-new:before {
  content: "\e649";
}

.mdi-action-open-with:before {
  content: "\e64a";
}

.mdi-action-pageview:before {
  content: "\e64b";
}

.mdi-action-payment:before {
  content: "\e64c";
}

.mdi-action-perm-camera-mic:before {
  content: "\e64d";
}

.mdi-action-perm-contact-cal:before {
  content: "\e64e";
}

.mdi-action-perm-data-setting:before {
  content: "\e64f";
}

.mdi-action-perm-device-info:before {
  content: "\e650";
}

.mdi-action-perm-identity:before {
  content: "\e651";
}

.mdi-action-perm-media:before {
  content: "\e652";
}

.mdi-action-perm-phone-msg:before {
  content: "\e653";
}

.mdi-action-perm-scan-wifi:before {
  content: "\e654";
}

.mdi-action-picture-in-picture:before {
  content: "\e655";
}

.mdi-action-polymer:before {
  content: "\e656";
}

.mdi-action-print:before {
  content: "\e657";
}

.mdi-action-query-builder:before {
  content: "\e658";
}

.mdi-action-question-answer:before {
  content: "\e659";
}

.mdi-action-receipt:before {
  content: "\e65a";
}

.mdi-action-redeem:before {
  content: "\e65b";
}

.mdi-action-reorder:before {
  content: "\e65c";
}

.mdi-action-report-problem:before {
  content: "\e65d";
}

.mdi-action-restore:before {
  content: "\e65e";
}

.mdi-action-room:before {
  content: "\e65f";
}

.mdi-action-schedule:before {
  content: "\e660";
}

.mdi-action-search:before {
  content: "\e661";
}

.mdi-action-settings-applications:before {
  content: "\e662";
}

.mdi-action-settings-backup-restore:before {
  content: "\e663";
}

.mdi-action-settings-bluetooth:before {
  content: "\e664";
}

.mdi-action-settings-cell:before {
  content: "\e665";
}

.mdi-action-settings-display:before {
  content: "\e666";
}

.mdi-action-settings-ethernet:before {
  content: "\e667";
}

.mdi-action-settings-input-antenna:before {
  content: "\e668";
}

.mdi-action-settings-input-component:before {
  content: "\e669";
}

.mdi-action-settings-input-composite:before {
  content: "\e66a";
}

.mdi-action-settings-input-hdmi:before {
  content: "\e66b";
}

.mdi-action-settings-input-svideo:before {
  content: "\e66c";
}

.mdi-action-settings-overscan:before {
  content: "\e66d";
}

.mdi-action-settings-phone:before {
  content: "\e66e";
}

.mdi-action-settings-power:before {
  content: "\e66f";
}

.mdi-action-settings-remote:before {
  content: "\e670";
}

.mdi-action-settings-voice:before {
  content: "\e671";
}

.mdi-action-settings:before {
  content: "\e672";
}

.mdi-action-shop-two:before {
  content: "\e673";
}

.mdi-action-shop:before {
  content: "\e674";
}

.mdi-action-shopping-basket:before {
  content: "\e675";
}

.mdi-action-shopping-cart:before {
  content: "\e676";
}

.mdi-action-speaker-notes:before {
  content: "\e677";
}

.mdi-action-spellcheck:before {
  content: "\e678";
}

.mdi-action-star-rate:before {
  content: "\e679";
}

.mdi-action-stars:before {
  content: "\e67a";
}

.mdi-action-store:before {
  content: "\e67b";
}

.mdi-action-subject:before {
  content: "\e67c";
}

.mdi-action-supervisor-account:before {
  content: "\e67d";
}

.mdi-action-swap-horiz:before {
  content: "\e67e";
}

.mdi-action-swap-vert-circle:before {
  content: "\e67f";
}

.mdi-action-swap-vert:before {
  content: "\e680";
}

.mdi-action-system-update-tv:before {
  content: "\e681";
}

.mdi-action-tab-unselected:before {
  content: "\e682";
}

.mdi-action-tab:before {
  content: "\e683";
}

.mdi-action-theaters:before {
  content: "\e684";
}

.mdi-action-thumb-down:before {
  content: "\e685";
}

.mdi-action-thumb-up:before {
  content: "\e686";
}

.mdi-action-thumbs-up-down:before {
  content: "\e687";
}

.mdi-action-toc:before {
  content: "\e688";
}

.mdi-action-today:before {
  content: "\e689";
}

.mdi-action-track-changes:before {
  content: "\e68a";
}

.mdi-action-translate:before {
  content: "\e68b";
}

.mdi-action-trending-down:before {
  content: "\e68c";
}

.mdi-action-trending-neutral:before {
  content: "\e68d";
}

.mdi-action-trending-up:before {
  content: "\e68e";
}

.mdi-action-turned-in-not:before {
  content: "\e68f";
}

.mdi-action-turned-in:before {
  content: "\e690";
}

.mdi-action-verified-user:before {
  content: "\e691";
}

.mdi-action-view-agenda:before {
  content: "\e692";
}

.mdi-action-view-array:before {
  content: "\e693";
}

.mdi-action-view-carousel:before {
  content: "\e694";
}

.mdi-action-view-column:before {
  content: "\e695";
}

.mdi-action-view-day:before {
  content: "\e696";
}

.mdi-action-view-headline:before {
  content: "\e697";
}

.mdi-action-view-list:before {
  content: "\e698";
}

.mdi-action-view-module:before {
  content: "\e699";
}

.mdi-action-view-quilt:before {
  content: "\e69a";
}

.mdi-action-view-stream:before {
  content: "\e69b";
}

.mdi-action-view-week:before {
  content: "\e69c";
}

.mdi-action-visibility-off:before {
  content: "\e69d";
}

.mdi-action-visibility:before {
  content: "\e69e";
}

.mdi-action-wallet-giftcard:before {
  content: "\e69f";
}

.mdi-action-wallet-membership:before {
  content: "\e6a0";
}

.mdi-action-wallet-travel:before {
  content: "\e6a1";
}

.mdi-action-work:before {
  content: "\e6a2";
}

.mdi-alert-error:before {
  content: "\e6a3";
}

.mdi-alert-warning:before {
  content: "\e6a4";
}

.mdi-av-album:before {
  content: "\e6a5";
}

.mdi-av-closed-caption:before {
  content: "\e6a6";
}

.mdi-av-equalizer:before {
  content: "\e6a7";
}

.mdi-av-explicit:before {
  content: "\e6a8";
}

.mdi-av-fast-forward:before {
  content: "\e6a9";
}

.mdi-av-fast-rewind:before {
  content: "\e6aa";
}

.mdi-av-games:before {
  content: "\e6ab";
}

.mdi-av-hearing:before {
  content: "\e6ac";
}

.mdi-av-high-quality:before {
  content: "\e6ad";
}

.mdi-av-loop:before {
  content: "\e6ae";
}

.mdi-av-mic-none:before {
  content: "\e6af";
}

.mdi-av-mic-off:before {
  content: "\e6b0";
}

.mdi-av-mic:before {
  content: "\e6b1";
}

.mdi-av-movie:before {
  content: "\e6b2";
}

.mdi-av-my-library-add:before {
  content: "\e6b3";
}

.mdi-av-my-library-books:before {
  content: "\e6b4";
}

.mdi-av-my-library-music:before {
  content: "\e6b5";
}

.mdi-av-new-releases:before {
  content: "\e6b6";
}

.mdi-av-not-interested:before {
  content: "\e6b7";
}

.mdi-av-pause-circle-fill:before {
  content: "\e6b8";
}

.mdi-av-pause-circle-outline:before {
  content: "\e6b9";
}

.mdi-av-pause:before {
  content: "\e6ba";
}

.mdi-av-play-arrow:before {
  content: "\e6bb";
}

.mdi-av-play-circle-fill:before {
  content: "\e6bc";
}

.mdi-av-play-circle-outline:before {
  content: "\e6bd";
}

.mdi-av-play-shopping-bag:before {
  content: "\e6be";
}

.mdi-av-playlist-add:before {
  content: "\e6bf";
}

.mdi-av-queue-music:before {
  content: "\e6c0";
}

.mdi-av-queue:before {
  content: "\e6c1";
}

.mdi-av-radio:before {
  content: "\e6c2";
}

.mdi-av-recent-actors:before {
  content: "\e6c3";
}

.mdi-av-repeat-one:before {
  content: "\e6c4";
}

.mdi-av-repeat:before {
  content: "\e6c5";
}

.mdi-av-replay:before {
  content: "\e6c6";
}

.mdi-av-shuffle:before {
  content: "\e6c7";
}

.mdi-av-skip-next:before {
  content: "\e6c8";
}

.mdi-av-skip-previous:before {
  content: "\e6c9";
}

.mdi-av-snooze:before {
  content: "\e6ca";
}

.mdi-av-stop:before {
  content: "\e6cb";
}

.mdi-av-subtitles:before {
  content: "\e6cc";
}

.mdi-av-surround-sound:before {
  content: "\e6cd";
}

.mdi-av-timer:before {
  content: "\e6ce";
}

.mdi-av-video-collection:before {
  content: "\e6cf";
}

.mdi-av-videocam-off:before {
  content: "\e6d0";
}

.mdi-av-videocam:before {
  content: "\e6d1";
}

.mdi-av-volume-down:before {
  content: "\e6d2";
}

.mdi-av-volume-mute:before {
  content: "\e6d3";
}

.mdi-av-volume-off:before {
  content: "\e6d4";
}

.mdi-av-volume-up:before {
  content: "\e6d5";
}

.mdi-av-web:before {
  content: "\e6d6";
}

.mdi-communication-business:before {
  content: "\e6d7";
}

.mdi-communication-call-end:before {
  content: "\e6d8";
}

.mdi-communication-call-made:before {
  content: "\e6d9";
}

.mdi-communication-call-merge:before {
  content: "\e6da";
}

.mdi-communication-call-missed:before {
  content: "\e6db";
}

.mdi-communication-call-received:before {
  content: "\e6dc";
}

.mdi-communication-call-split:before {
  content: "\e6dd";
}

.mdi-communication-call:before {
  content: "\e6de";
}

.mdi-communication-chat:before {
  content: "\e6df";
}

.mdi-communication-clear-all:before {
  content: "\e6e0";
}

.mdi-communication-comment:before {
  content: "\e6e1";
}

.mdi-communication-contacts:before {
  content: "\e6e2";
}

.mdi-communication-dialer-sip:before {
  content: "\e6e3";
}

.mdi-communication-dialpad:before {
  content: "\e6e4";
}

.mdi-communication-dnd-on:before {
  content: "\e6e5";
}

.mdi-communication-email:before {
  content: "\e6e6";
}

.mdi-communication-forum:before {
  content: "\e6e7";
}

.mdi-communication-import-export:before {
  content: "\e6e8";
}

.mdi-communication-invert-colors-off:before {
  content: "\e6e9";
}

.mdi-communication-invert-colors-on:before {
  content: "\e6ea";
}

.mdi-communication-live-help:before {
  content: "\e6eb";
}

.mdi-communication-location-off:before {
  content: "\e6ec";
}

.mdi-communication-location-on:before {
  content: "\e6ed";
}

.mdi-communication-message:before {
  content: "\e6ee";
}

.mdi-communication-messenger:before {
  content: "\e6ef";
}

.mdi-communication-no-sim:before {
  content: "\e6f0";
}

.mdi-communication-phone:before {
  content: "\e6f1";
}

.mdi-communication-portable-wifi-off:before {
  content: "\e6f2";
}

.mdi-communication-quick-contacts-dialer:before {
  content: "\e6f3";
}

.mdi-communication-quick-contacts-mail:before {
  content: "\e6f4";
}

.mdi-communication-ring-volume:before {
  content: "\e6f5";
}

.mdi-communication-stay-current-landscape:before {
  content: "\e6f6";
}

.mdi-communication-stay-current-portrait:before {
  content: "\e6f7";
}

.mdi-communication-stay-primary-landscape:before {
  content: "\e6f8";
}

.mdi-communication-stay-primary-portrait:before {
  content: "\e6f9";
}

.mdi-communication-swap-calls:before {
  content: "\e6fa";
}

.mdi-communication-textsms:before {
  content: "\e6fb";
}

.mdi-communication-voicemail:before {
  content: "\e6fc";
}

.mdi-communication-vpn-key:before {
  content: "\e6fd";
}

.mdi-content-add-box:before {
  content: "\e6fe";
}

.mdi-content-add-circle-outline:before {
  content: "\e6ff";
}

.mdi-content-add-circle:before {
  content: "\e700";
}

.mdi-content-add:before {
  content: "\e701";
}

.mdi-content-archive:before {
  content: "\e702";
}

.mdi-content-backspace:before {
  content: "\e703";
}

.mdi-content-block:before {
  content: "\e704";
}

.mdi-content-clear:before {
  content: "\e705";
}

.mdi-content-content-copy:before {
  content: "\e706";
}

.mdi-content-content-cut:before {
  content: "\e707";
}

.mdi-content-content-paste:before {
  content: "\e708";
}

.mdi-content-create:before {
  content: "\e709";
}

.mdi-content-drafts:before {
  content: "\e70a";
}

.mdi-content-filter-list:before {
  content: "\e70b";
}

.mdi-content-flag:before {
  content: "\e70c";
}

.mdi-content-forward:before {
  content: "\e70d";
}

.mdi-content-gesture:before {
  content: "\e70e";
}

.mdi-content-inbox:before {
  content: "\e70f";
}

.mdi-content-link:before {
  content: "\e710";
}

.mdi-content-mail:before {
  content: "\e711";
}

.mdi-content-markunread:before {
  content: "\e712";
}

.mdi-content-redo:before {
  content: "\e713";
}

.mdi-content-remove-circle-outline:before {
  content: "\e714";
}

.mdi-content-remove-circle:before {
  content: "\e715";
}

.mdi-content-remove:before {
  content: "\e716";
}

.mdi-content-reply-all:before {
  content: "\e717";
}

.mdi-content-reply:before {
  content: "\e718";
}

.mdi-content-report:before {
  content: "\e719";
}

.mdi-content-save:before {
  content: "\e71a";
}

.mdi-content-select-all:before {
  content: "\e71b";
}

.mdi-content-send:before {
  content: "\e71c";
}

.mdi-content-sort:before {
  content: "\e71d";
}

.mdi-content-text-format:before {
  content: "\e71e";
}

.mdi-content-undo:before {
  content: "\e71f";
}

.mdi-editor-attach-file:before {
  content: "\e776";
}

.mdi-editor-attach-money:before {
  content: "\e777";
}

.mdi-editor-border-all:before {
  content: "\e778";
}

.mdi-editor-border-bottom:before {
  content: "\e779";
}

.mdi-editor-border-clear:before {
  content: "\e77a";
}

.mdi-editor-border-color:before {
  content: "\e77b";
}

.mdi-editor-border-horizontal:before {
  content: "\e77c";
}

.mdi-editor-border-inner:before {
  content: "\e77d";
}

.mdi-editor-border-left:before {
  content: "\e77e";
}

.mdi-editor-border-outer:before {
  content: "\e77f";
}

.mdi-editor-border-right:before {
  content: "\e780";
}

.mdi-editor-border-style:before {
  content: "\e781";
}

.mdi-editor-border-top:before {
  content: "\e782";
}

.mdi-editor-border-vertical:before {
  content: "\e783";
}

.mdi-editor-format-align-center:before {
  content: "\e784";
}

.mdi-editor-format-align-justify:before {
  content: "\e785";
}

.mdi-editor-format-align-left:before {
  content: "\e786";
}

.mdi-editor-format-align-right:before {
  content: "\e787";
}

.mdi-editor-format-bold:before {
  content: "\e788";
}

.mdi-editor-format-clear:before {
  content: "\e789";
}

.mdi-editor-format-color-fill:before {
  content: "\e78a";
}

.mdi-editor-format-color-reset:before {
  content: "\e78b";
}

.mdi-editor-format-color-text:before {
  content: "\e78c";
}

.mdi-editor-format-indent-decrease:before {
  content: "\e78d";
}

.mdi-editor-format-indent-increase:before {
  content: "\e78e";
}

.mdi-editor-format-italic:before {
  content: "\e78f";
}

.mdi-editor-format-line-spacing:before {
  content: "\e790";
}

.mdi-editor-format-list-bulleted:before {
  content: "\e791";
}

.mdi-editor-format-list-numbered:before {
  content: "\e792";
}

.mdi-editor-format-paint:before {
  content: "\e793";
}

.mdi-editor-format-quote:before {
  content: "\e794";
}

.mdi-editor-format-size:before {
  content: "\e795";
}

.mdi-editor-format-strikethrough:before {
  content: "\e796";
}

.mdi-editor-format-textdirection-l-to-r:before {
  content: "\e797";
}

.mdi-editor-format-textdirection-r-to-l:before {
  content: "\e798";
}

.mdi-editor-format-underline:before {
  content: "\e799";
}

.mdi-editor-functions:before {
  content: "\e79a";
}

.mdi-editor-insert-chart:before {
  content: "\e79b";
}

.mdi-editor-insert-comment:before {
  content: "\e79c";
}

.mdi-editor-insert-drive-file:before {
  content: "\e79d";
}

.mdi-editor-insert-emoticon:before {
  content: "\e79e";
}

.mdi-editor-insert-invitation:before {
  content: "\e79f";
}

.mdi-editor-insert-link:before {
  content: "\e7a0";
}

.mdi-editor-insert-photo:before {
  content: "\e7a1";
}

.mdi-editor-merge-type:before {
  content: "\e7a2";
}

.mdi-editor-mode-comment:before {
  content: "\e7a3";
}

.mdi-editor-mode-edit:before {
  content: "\e7a4";
}

.mdi-editor-publish:before {
  content: "\e7a5";
}

.mdi-editor-vertical-align-bottom:before {
  content: "\e7a6";
}

.mdi-editor-vertical-align-center:before {
  content: "\e7a7";
}

.mdi-editor-vertical-align-top:before {
  content: "\e7a8";
}

.mdi-editor-wrap-text:before {
  content: "\e7a9";
}

.mdi-file-attachment:before {
  content: "\e7aa";
}

.mdi-file-cloud-circle:before {
  content: "\e7ab";
}

.mdi-file-cloud-done:before {
  content: "\e7ac";
}

.mdi-file-cloud-download:before {
  content: "\e7ad";
}

.mdi-file-cloud-off:before {
  content: "\e7ae";
}

.mdi-file-cloud-queue:before {
  content: "\e7af";
}

.mdi-file-cloud-upload:before {
  content: "\e7b0";
}

.mdi-file-cloud:before {
  content: "\e7b1";
}

.mdi-file-file-download:before {
  content: "\e7b2";
}

.mdi-file-file-upload:before {
  content: "\e7b3";
}

.mdi-file-folder-open:before {
  content: "\e7b4";
}

.mdi-file-folder-shared:before {
  content: "\e7b5";
}

.mdi-file-folder:before {
  content: "\e7b6";
}

.mdi-device-access-alarm:before {
  content: "\e720";
}

.mdi-device-access-alarms:before {
  content: "\e721";
}

.mdi-device-access-time:before {
  content: "\e722";
}

.mdi-device-add-alarm:before {
  content: "\e723";
}

.mdi-device-airplanemode-off:before {
  content: "\e724";
}

.mdi-device-airplanemode-on:before {
  content: "\e725";
}

.mdi-device-battery-20:before {
  content: "\e726";
}

.mdi-device-battery-30:before {
  content: "\e727";
}

.mdi-device-battery-50:before {
  content: "\e728";
}

.mdi-device-battery-60:before {
  content: "\e729";
}

.mdi-device-battery-80:before {
  content: "\e72a";
}

.mdi-device-battery-90:before {
  content: "\e72b";
}

.mdi-device-battery-alert:before {
  content: "\e72c";
}

.mdi-device-battery-charging-20:before {
  content: "\e72d";
}

.mdi-device-battery-charging-30:before {
  content: "\e72e";
}

.mdi-device-battery-charging-50:before {
  content: "\e72f";
}

.mdi-device-battery-charging-60:before {
  content: "\e730";
}

.mdi-device-battery-charging-80:before {
  content: "\e731";
}

.mdi-device-battery-charging-90:before {
  content: "\e732";
}

.mdi-device-battery-charging-full:before {
  content: "\e733";
}

.mdi-device-battery-full:before {
  content: "\e734";
}

.mdi-device-battery-std:before {
  content: "\e735";
}

.mdi-device-battery-unknown:before {
  content: "\e736";
}

.mdi-device-bluetooth-connected:before {
  content: "\e737";
}

.mdi-device-bluetooth-disabled:before {
  content: "\e738";
}

.mdi-device-bluetooth-searching:before {
  content: "\e739";
}

.mdi-device-bluetooth:before {
  content: "\e73a";
}

.mdi-device-brightness-auto:before {
  content: "\e73b";
}

.mdi-device-brightness-high:before {
  content: "\e73c";
}

.mdi-device-brightness-low:before {
  content: "\e73d";
}

.mdi-device-brightness-medium:before {
  content: "\e73e";
}

.mdi-device-data-usage:before {
  content: "\e73f";
}

.mdi-device-developer-mode:before {
  content: "\e740";
}

.mdi-device-devices:before {
  content: "\e741";
}

.mdi-device-dvr:before {
  content: "\e742";
}

.mdi-device-gps-fixed:before {
  content: "\e743";
}

.mdi-device-gps-not-fixed:before {
  content: "\e744";
}

.mdi-device-gps-off:before {
  content: "\e745";
}

.mdi-device-location-disabled:before {
  content: "\e746";
}

.mdi-device-location-searching:before {
  content: "\e747";
}

.mdi-device-multitrack-audio:before {
  content: "\e748";
}

.mdi-device-network-cell:before {
  content: "\e749";
}

.mdi-device-network-wifi:before {
  content: "\e74a";
}

.mdi-device-nfc:before {
  content: "\e74b";
}

.mdi-device-now-wallpaper:before {
  content: "\e74c";
}

.mdi-device-now-widgets:before {
  content: "\e74d";
}

.mdi-device-screen-lock-landscape:before {
  content: "\e74e";
}

.mdi-device-screen-lock-portrait:before {
  content: "\e74f";
}

.mdi-device-screen-lock-rotation:before {
  content: "\e750";
}

.mdi-device-screen-rotation:before {
  content: "\e751";
}

.mdi-device-sd-storage:before {
  content: "\e752";
}

.mdi-device-settings-system-daydream:before {
  content: "\e753";
}

.mdi-device-signal-cellular-0-bar:before {
  content: "\e754";
}

.mdi-device-signal-cellular-1-bar:before {
  content: "\e755";
}

.mdi-device-signal-cellular-2-bar:before {
  content: "\e756";
}

.mdi-device-signal-cellular-3-bar:before {
  content: "\e757";
}

.mdi-device-signal-cellular-4-bar:before {
  content: "\e758";
}

.mdi-signal-wifi-statusbar-connected-no-internet-after:before {
  content: "\e8f6";
}

.mdi-device-signal-cellular-connected-no-internet-0-bar:before {
  content: "\e759";
}

.mdi-device-signal-cellular-connected-no-internet-1-bar:before {
  content: "\e75a";
}

.mdi-device-signal-cellular-connected-no-internet-2-bar:before {
  content: "\e75b";
}

.mdi-device-signal-cellular-connected-no-internet-3-bar:before {
  content: "\e75c";
}

.mdi-device-signal-cellular-connected-no-internet-4-bar:before {
  content: "\e75d";
}

.mdi-device-signal-cellular-no-sim:before {
  content: "\e75e";
}

.mdi-device-signal-cellular-null:before {
  content: "\e75f";
}

.mdi-device-signal-cellular-off:before {
  content: "\e760";
}

.mdi-device-signal-wifi-0-bar:before {
  content: "\e761";
}

.mdi-device-signal-wifi-1-bar:before {
  content: "\e762";
}

.mdi-device-signal-wifi-2-bar:before {
  content: "\e763";
}

.mdi-device-signal-wifi-3-bar:before {
  content: "\e764";
}

.mdi-device-signal-wifi-4-bar:before {
  content: "\e765";
}

.mdi-device-signal-wifi-off:before {
  content: "\e766";
}

.mdi-device-signal-wifi-statusbar-1-bar:before {
  content: "\e767";
}

.mdi-device-signal-wifi-statusbar-2-bar:before {
  content: "\e768";
}

.mdi-device-signal-wifi-statusbar-3-bar:before {
  content: "\e769";
}

.mdi-device-signal-wifi-statusbar-4-bar:before {
  content: "\e76a";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
  content: "\e76b";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet:before {
  content: "\e76f";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
  content: "\e76c";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
  content: "\e76d";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
  content: "\e76e";
}

.mdi-signal-wifi-statusbar-not-connected-after:before {
  content: "\e8f7";
}

.mdi-device-signal-wifi-statusbar-not-connected:before {
  content: "\e770";
}

.mdi-device-signal-wifi-statusbar-null:before {
  content: "\e771";
}

.mdi-device-storage:before {
  content: "\e772";
}

.mdi-device-usb:before {
  content: "\e773";
}

.mdi-device-wifi-lock:before {
  content: "\e774";
}

.mdi-device-wifi-tethering:before {
  content: "\e775";
}

.mdi-hardware-cast-connected:before {
  content: "\e7b7";
}

.mdi-hardware-cast:before {
  content: "\e7b8";
}

.mdi-hardware-computer:before {
  content: "\e7b9";
}

.mdi-hardware-desktop-mac:before {
  content: "\e7ba";
}

.mdi-hardware-desktop-windows:before {
  content: "\e7bb";
}

.mdi-hardware-dock:before {
  content: "\e7bc";
}

.mdi-hardware-gamepad:before {
  content: "\e7bd";
}

.mdi-hardware-headset-mic:before {
  content: "\e7be";
}

.mdi-hardware-headset:before {
  content: "\e7bf";
}

.mdi-hardware-keyboard-alt:before {
  content: "\e7c0";
}

.mdi-hardware-keyboard-arrow-down:before {
  content: "\e7c1";
}

.mdi-hardware-keyboard-arrow-left:before {
  content: "\e7c2";
}

.mdi-hardware-keyboard-arrow-right:before {
  content: "\e7c3";
}

.mdi-hardware-keyboard-arrow-up:before {
  content: "\e7c4";
}

.mdi-hardware-keyboard-backspace:before {
  content: "\e7c5";
}

.mdi-hardware-keyboard-capslock:before {
  content: "\e7c6";
}

.mdi-hardware-keyboard-control:before {
  content: "\e7c7";
}

.mdi-hardware-keyboard-hide:before {
  content: "\e7c8";
}

.mdi-hardware-keyboard-return:before {
  content: "\e7c9";
}

.mdi-hardware-keyboard-tab:before {
  content: "\e7ca";
}

.mdi-hardware-keyboard-voice:before {
  content: "\e7cb";
}

.mdi-hardware-keyboard:before {
  content: "\e7cc";
}

.mdi-hardware-laptop-chromebook:before {
  content: "\e7cd";
}

.mdi-hardware-laptop-mac:before {
  content: "\e7ce";
}

.mdi-hardware-laptop-windows:before {
  content: "\e7cf";
}

.mdi-hardware-laptop:before {
  content: "\e7d0";
}

.mdi-hardware-memory:before {
  content: "\e7d1";
}

.mdi-hardware-mouse:before {
  content: "\e7d2";
}

.mdi-hardware-phone-android:before {
  content: "\e7d3";
}

.mdi-hardware-phone-iphone:before {
  content: "\e7d4";
}

.mdi-hardware-phonelink-off:before {
  content: "\e7d5";
}

.mdi-hardware-phonelink:before {
  content: "\e7d6";
}

.mdi-hardware-security:before {
  content: "\e7d7";
}

.mdi-hardware-sim-card:before {
  content: "\e7d8";
}

.mdi-hardware-smartphone:before {
  content: "\e7d9";
}

.mdi-hardware-speaker:before {
  content: "\e7da";
}

.mdi-hardware-tablet-android:before {
  content: "\e7db";
}

.mdi-hardware-tablet-mac:before {
  content: "\e7dc";
}

.mdi-hardware-tablet:before {
  content: "\e7dd";
}

.mdi-hardware-tv:before {
  content: "\e7de";
}

.mdi-hardware-watch:before {
  content: "\e7df";
}

.mdi-image-add-to-photos:before {
  content: "\e7e0";
}

.mdi-image-adjust:before {
  content: "\e7e1";
}

.mdi-image-assistant-photo:before {
  content: "\e7e2";
}

.mdi-image-audiotrack:before {
  content: "\e7e3";
}

.mdi-image-blur-circular:before {
  content: "\e7e4";
}

.mdi-image-blur-linear:before {
  content: "\e7e5";
}

.mdi-image-blur-off:before {
  content: "\e7e6";
}

.mdi-image-blur-on:before {
  content: "\e7e7";
}

.mdi-image-brightness-1:before {
  content: "\e7e8";
}

.mdi-image-brightness-2:before {
  content: "\e7e9";
}

.mdi-image-brightness-3:before {
  content: "\e7ea";
}

.mdi-image-brightness-4:before {
  content: "\e7eb";
}

.mdi-image-brightness-5:before {
  content: "\e7ec";
}

.mdi-image-brightness-6:before {
  content: "\e7ed";
}

.mdi-image-brightness-7:before {
  content: "\e7ee";
}

.mdi-image-brush:before {
  content: "\e7ef";
}

.mdi-image-camera-alt:before {
  content: "\e7f0";
}

.mdi-image-camera-front:before {
  content: "\e7f1";
}

.mdi-image-camera-rear:before {
  content: "\e7f2";
}

.mdi-image-camera-roll:before {
  content: "\e7f3";
}

.mdi-image-camera:before {
  content: "\e7f4";
}

.mdi-image-center-focus-strong:before {
  content: "\e7f5";
}

.mdi-image-center-focus-weak:before {
  content: "\e7f6";
}

.mdi-image-collections:before {
  content: "\e7f7";
}

.mdi-image-color-lens:before {
  content: "\e7f8";
}

.mdi-image-colorize:before {
  content: "\e7f9";
}

.mdi-image-compare:before {
  content: "\e7fa";
}

.mdi-image-control-point-duplicate:before {
  content: "\e7fb";
}

.mdi-image-control-point:before {
  content: "\e7fc";
}

.mdi-image-crop-3-2:before {
  content: "\e7fd";
}

.mdi-image-crop-5-4:before {
  content: "\e7fe";
}

.mdi-image-crop-7-5:before {
  content: "\e7ff";
}

.mdi-image-crop-16-9:before {
  content: "\e800";
}

.mdi-image-crop-din:before {
  content: "\e801";
}

.mdi-image-crop-free:before {
  content: "\e802";
}

.mdi-image-crop-landscape:before {
  content: "\e803";
}

.mdi-image-crop-original:before {
  content: "\e804";
}

.mdi-image-crop-portrait:before {
  content: "\e805";
}

.mdi-image-crop-square:before {
  content: "\e806";
}

.mdi-image-crop:before {
  content: "\e807";
}

.mdi-image-dehaze:before {
  content: "\e808";
}

.mdi-image-details:before {
  content: "\e809";
}

.mdi-image-edit:before {
  content: "\e80a";
}

.mdi-image-exposure-minus-1:before {
  content: "\e80b";
}

.mdi-image-exposure-minus-2:before {
  content: "\e80c";
}

.mdi-image-exposure-plus-1:before {
  content: "\e80d";
}

.mdi-image-exposure-plus-2:before {
  content: "\e80e";
}

.mdi-image-exposure-zero:before {
  content: "\e80f";
}

.mdi-image-exposure:before {
  content: "\e810";
}

.mdi-image-filter-1:before {
  content: "\e811";
}

.mdi-image-filter-2:before {
  content: "\e812";
}

.mdi-image-filter-3:before {
  content: "\e813";
}

.mdi-image-filter-4:before {
  content: "\e814";
}

.mdi-image-filter-5:before {
  content: "\e815";
}

.mdi-image-filter-6:before {
  content: "\e816";
}

.mdi-image-filter-7:before {
  content: "\e817";
}

.mdi-image-filter-8:before {
  content: "\e818";
}

.mdi-image-filter-9-plus:before {
  content: "\e819";
}

.mdi-image-filter-9:before {
  content: "\e81a";
}

.mdi-image-filter-b-and-w:before {
  content: "\e81b";
}

.mdi-image-filter-center-focus:before {
  content: "\e81c";
}

.mdi-image-filter-drama:before {
  content: "\e81d";
}

.mdi-image-filter-frames:before {
  content: "\e81e";
}

.mdi-image-filter-hdr:before {
  content: "\e81f";
}

.mdi-image-filter-none:before {
  content: "\e820";
}

.mdi-image-filter-tilt-shift:before {
  content: "\e821";
}

.mdi-image-filter-vintage:before {
  content: "\e822";
}

.mdi-image-filter:before {
  content: "\e823";
}

.mdi-image-flare:before {
  content: "\e824";
}

.mdi-image-flash-auto:before {
  content: "\e825";
}

.mdi-image-flash-off:before {
  content: "\e826";
}

.mdi-image-flash-on:before {
  content: "\e827";
}

.mdi-image-flip:before {
  content: "\e828";
}

.mdi-image-gradient:before {
  content: "\e829";
}

.mdi-image-grain:before {
  content: "\e82a";
}

.mdi-image-grid-off:before {
  content: "\e82b";
}

.mdi-image-grid-on:before {
  content: "\e82c";
}

.mdi-image-hdr-off:before {
  content: "\e82d";
}

.mdi-image-hdr-on:before {
  content: "\e82e";
}

.mdi-image-hdr-strong:before {
  content: "\e82f";
}

.mdi-image-hdr-weak:before {
  content: "\e830";
}

.mdi-image-healing:before {
  content: "\e831";
}

.mdi-image-image-aspect-ratio:before {
  content: "\e832";
}

.mdi-image-image:before {
  content: "\e833";
}

.mdi-image-iso:before {
  content: "\e834";
}

.mdi-image-landscape:before {
  content: "\e835";
}

.mdi-image-leak-add:before {
  content: "\e836";
}

.mdi-image-leak-remove:before {
  content: "\e837";
}

.mdi-image-lens:before {
  content: "\e838";
}

.mdi-image-looks-3:before {
  content: "\e839";
}

.mdi-image-looks-4:before {
  content: "\e83a";
}

.mdi-image-looks-5:before {
  content: "\e83b";
}

.mdi-image-looks-6:before {
  content: "\e83c";
}

.mdi-image-looks-one:before {
  content: "\e83d";
}

.mdi-image-looks-two:before {
  content: "\e83e";
}

.mdi-image-looks:before {
  content: "\e83f";
}

.mdi-image-loupe:before {
  content: "\e840";
}

.mdi-image-movie-creation:before {
  content: "\e841";
}

.mdi-image-nature-people:before {
  content: "\e842";
}

.mdi-image-nature:before {
  content: "\e843";
}

.mdi-image-navigate-before:before {
  content: "\e844";
}

.mdi-image-navigate-next:before {
  content: "\e845";
}

.mdi-image-palette:before {
  content: "\e846";
}

.mdi-image-panorama-fisheye:before {
  content: "\e847";
}

.mdi-image-panorama-horizontal:before {
  content: "\e848";
}

.mdi-image-panorama-vertical:before {
  content: "\e849";
}

.mdi-image-panorama-wide-angle:before {
  content: "\e84a";
}

.mdi-image-panorama:before {
  content: "\e84b";
}

.mdi-image-photo-album:before {
  content: "\e84c";
}

.mdi-image-photo-camera:before {
  content: "\e84d";
}

.mdi-image-photo-library:before {
  content: "\e84e";
}

.mdi-image-photo:before {
  content: "\e84f";
}

.mdi-image-portrait:before {
  content: "\e850";
}

.mdi-image-remove-red-eye:before {
  content: "\e851";
}

.mdi-image-rotate-left:before {
  content: "\e852";
}

.mdi-image-rotate-right:before {
  content: "\e853";
}

.mdi-image-slideshow:before {
  content: "\e854";
}

.mdi-image-straighten:before {
  content: "\e855";
}

.mdi-image-style:before {
  content: "\e856";
}

.mdi-image-switch-camera:before {
  content: "\e857";
}

.mdi-image-switch-video:before {
  content: "\e858";
}

.mdi-image-tag-faces:before {
  content: "\e859";
}

.mdi-image-texture:before {
  content: "\e85a";
}

.mdi-image-timelapse:before {
  content: "\e85b";
}

.mdi-image-timer-3:before {
  content: "\e85c";
}

.mdi-image-timer-10:before {
  content: "\e85d";
}

.mdi-image-timer-auto:before {
  content: "\e85e";
}

.mdi-image-timer-off:before {
  content: "\e85f";
}

.mdi-image-timer:before {
  content: "\e860";
}

.mdi-image-tonality:before {
  content: "\e861";
}

.mdi-image-transform:before {
  content: "\e862";
}

.mdi-image-tune:before {
  content: "\e863";
}

.mdi-image-wb-auto:before {
  content: "\e864";
}

.mdi-image-wb-cloudy:before {
  content: "\e865";
}

.mdi-image-wb-incandescent:before {
  content: "\e866";
}

.mdi-image-wb-irradescent:before {
  content: "\e867";
}

.mdi-image-wb-sunny:before {
  content: "\e868";
}

.mdi-maps-beenhere:before {
  content: "\e869";
}

.mdi-maps-directions-bike:before {
  content: "\e86a";
}

.mdi-maps-directions-bus:before {
  content: "\e86b";
}

.mdi-maps-directions-car:before {
  content: "\e86c";
}

.mdi-maps-directions-ferry:before {
  content: "\e86d";
}

.mdi-maps-directions-subway:before {
  content: "\e86e";
}

.mdi-maps-directions-train:before {
  content: "\e86f";
}

.mdi-maps-directions-transit:before {
  content: "\e870";
}

.mdi-maps-directions-walk:before {
  content: "\e871";
}

.mdi-maps-directions:before {
  content: "\e872";
}

.mdi-maps-flight:before {
  content: "\e873";
}

.mdi-maps-hotel:before {
  content: "\e874";
}

.mdi-maps-layers-clear:before {
  content: "\e875";
}

.mdi-maps-layers:before {
  content: "\e876";
}

.mdi-maps-local-airport:before {
  content: "\e877";
}

.mdi-maps-local-atm:before {
  content: "\e878";
}

.mdi-maps-local-attraction:before {
  content: "\e879";
}

.mdi-maps-local-bar:before {
  content: "\e87a";
}

.mdi-maps-local-cafe:before {
  content: "\e87b";
}

.mdi-maps-local-car-wash:before {
  content: "\e87c";
}

.mdi-maps-local-convenience-store:before {
  content: "\e87d";
}

.mdi-maps-local-drink:before {
  content: "\e87e";
}

.mdi-maps-local-florist:before {
  content: "\e87f";
}

.mdi-maps-local-gas-station:before {
  content: "\e880";
}

.mdi-maps-local-grocery-store:before {
  content: "\e881";
}

.mdi-maps-local-hospital:before {
  content: "\e882";
}

.mdi-maps-local-hotel:before {
  content: "\e883";
}

.mdi-maps-local-laundry-service:before {
  content: "\e884";
}

.mdi-maps-local-library:before {
  content: "\e885";
}

.mdi-maps-local-mall:before {
  content: "\e886";
}

.mdi-maps-local-movies:before {
  content: "\e887";
}

.mdi-maps-local-offer:before {
  content: "\e888";
}

.mdi-maps-local-parking:before {
  content: "\e889";
}

.mdi-maps-local-pharmacy:before {
  content: "\e88a";
}

.mdi-maps-local-phone:before {
  content: "\e88b";
}

.mdi-maps-local-pizza:before {
  content: "\e88c";
}

.mdi-maps-local-play:before {
  content: "\e88d";
}

.mdi-maps-local-post-office:before {
  content: "\e88e";
}

.mdi-maps-local-print-shop:before {
  content: "\e88f";
}

.mdi-maps-local-restaurant:before {
  content: "\e890";
}

.mdi-maps-local-see:before {
  content: "\e891";
}

.mdi-maps-local-shipping:before {
  content: "\e892";
}

.mdi-maps-local-taxi:before {
  content: "\e893";
}

.mdi-maps-location-history:before {
  content: "\e894";
}

.mdi-maps-map:before {
  content: "\e895";
}

.mdi-maps-my-location:before {
  content: "\e896";
}

.mdi-maps-navigation:before {
  content: "\e897";
}

.mdi-maps-pin-drop:before {
  content: "\e898";
}

.mdi-maps-place:before {
  content: "\e899";
}

.mdi-maps-rate-review:before {
  content: "\e89a";
}

.mdi-maps-restaurant-menu:before {
  content: "\e89b";
}

.mdi-maps-satellite:before {
  content: "\e89c";
}

.mdi-maps-store-mall-directory:before {
  content: "\e89d";
}

.mdi-maps-terrain:before {
  content: "\e89e";
}

.mdi-maps-traffic:before {
  content: "\e89f";
}

.mdi-navigation-apps:before {
  content: "\e8a0";
}

.mdi-navigation-arrow-back:before {
  content: "\e8a1";
}

.mdi-navigation-arrow-drop-down-circle:before {
  content: "\e8a2";
}

.mdi-navigation-arrow-drop-down:before {
  content: "\e8a3";
}

.mdi-navigation-arrow-drop-up:before {
  content: "\e8a4";
}

.mdi-navigation-arrow-forward:before {
  content: "\e8a5";
}

.mdi-navigation-cancel:before {
  content: "\e8a6";
}

.mdi-navigation-check:before {
  content: "\e8a7";
}

.mdi-navigation-chevron-left:before {
  content: "\e8a8";
}

.mdi-navigation-chevron-right:before {
  content: "\e8a9";
}

.mdi-navigation-close:before {
  content: "\e8aa";
}

.mdi-navigation-expand-less:before {
  content: "\e8ab";
}

.mdi-navigation-expand-more:before {
  content: "\e8ac";
}

.mdi-navigation-fullscreen-exit:before {
  content: "\e8ad";
}

.mdi-navigation-fullscreen:before {
  content: "\e8ae";
}

.mdi-navigation-menu:before {
  content: "\e8af";
}

.mdi-navigation-more-horiz:before {
  content: "\e8b0";
}

.mdi-navigation-more-vert:before {
  content: "\e8b1";
}

.mdi-navigation-refresh:before {
  content: "\e8b2";
}

.mdi-navigation-unfold-less:before {
  content: "\e8b3";
}

.mdi-navigation-unfold-more:before {
  content: "\e8b4";
}

.mdi-notification-adb:before {
  content: "\e8b5";
}

.mdi-notification-bluetooth-audio:before {
  content: "\e8b6";
}

.mdi-notification-disc-full:before {
  content: "\e8b7";
}

.mdi-notification-dnd-forwardslash:before {
  content: "\e8b8";
}

.mdi-notification-do-not-disturb:before {
  content: "\e8b9";
}

.mdi-notification-drive-eta:before {
  content: "\e8ba";
}

.mdi-notification-event-available:before {
  content: "\e8bb";
}

.mdi-notification-event-busy:before {
  content: "\e8bc";
}

.mdi-notification-event-note:before {
  content: "\e8bd";
}

.mdi-notification-folder-special:before {
  content: "\e8be";
}

.mdi-notification-mms:before {
  content: "\e8bf";
}

.mdi-notification-more:before {
  content: "\e8c0";
}

.mdi-notification-network-locked:before {
  content: "\e8c1";
}

.mdi-notification-phone-bluetooth-speaker:before {
  content: "\e8c2";
}

.mdi-notification-phone-forwarded:before {
  content: "\e8c3";
}

.mdi-notification-phone-in-talk:before {
  content: "\e8c4";
}

.mdi-notification-phone-locked:before {
  content: "\e8c5";
}

.mdi-notification-phone-missed:before {
  content: "\e8c6";
}

.mdi-notification-phone-paused:before {
  content: "\e8c7";
}

.mdi-notification-play-download:before {
  content: "\e8c8";
}

.mdi-notification-play-install:before {
  content: "\e8c9";
}

.mdi-notification-sd-card:before {
  content: "\e8ca";
}

.mdi-notification-sim-card-alert:before {
  content: "\e8cb";
}

.mdi-notification-sms-failed:before {
  content: "\e8cc";
}

.mdi-notification-sms:before {
  content: "\e8cd";
}

.mdi-notification-sync-disabled:before {
  content: "\e8ce";
}

.mdi-notification-sync-problem:before {
  content: "\e8cf";
}

.mdi-notification-sync:before {
  content: "\e8d0";
}

.mdi-notification-system-update:before {
  content: "\e8d1";
}

.mdi-notification-tap-and-play:before {
  content: "\e8d2";
}

.mdi-notification-time-to-leave:before {
  content: "\e8d3";
}

.mdi-notification-vibration:before {
  content: "\e8d4";
}

.mdi-notification-voice-chat:before {
  content: "\e8d5";
}

.mdi-notification-vpn-lock:before {
  content: "\e8d6";
}

.mdi-social-cake:before {
  content: "\e8d7";
}

.mdi-social-domain:before {
  content: "\e8d8";
}

.mdi-social-group-add:before {
  content: "\e8d9";
}

.mdi-social-group:before {
  content: "\e8da";
}

.mdi-social-location-city:before {
  content: "\e8db";
}

.mdi-social-mood:before {
  content: "\e8dc";
}

.mdi-social-notifications-none:before {
  content: "\e8dd";
}

.mdi-social-notifications-off:before {
  content: "\e8de";
}

.mdi-social-notifications-on:before {
  content: "\e8df";
}

.mdi-social-notifications-paused:before {
  content: "\e8e0";
}

.mdi-social-notifications:before {
  content: "\e8e1";
}

.mdi-social-pages:before {
  content: "\e8e2";
}

.mdi-social-party-mode:before {
  content: "\e8e3";
}

.mdi-social-people-outline:before {
  content: "\e8e4";
}

.mdi-social-people:before {
  content: "\e8e5";
}

.mdi-social-person-add:before {
  content: "\e8e6";
}

.mdi-social-person-outline:before {
  content: "\e8e7";
}

.mdi-social-person:before {
  content: "\e8e8";
}

.mdi-social-plus-one:before {
  content: "\e8e9";
}

.mdi-social-poll:before {
  content: "\e8ea";
}

.mdi-social-public:before {
  content: "\e8eb";
}

.mdi-social-school:before {
  content: "\e8ec";
}

.mdi-social-share:before {
  content: "\e8ed";
}

.mdi-social-whatshot:before {
  content: "\e8ee";
}

.mdi-toggle-check-box-outline-blank:before {
  content: "\e8ef";
}

.mdi-toggle-check-box:before {
  content: "\e8f0";
}

.mdi-toggle-radio-button-off:before {
  content: "\e8f1";
}

.mdi-toggle-radio-button-on:before {
  content: "\e8f2";
}

.mdi-toggle-star-half:before {
  content: "\e8f3";
}

.mdi-toggle-star-outline:before {
  content: "\e8f4";
}

.mdi-toggle-star:before {
  content: "\e8f5";
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
  .font-adjust {
    font-size: 13px;
  }
}

@media only screen and (min-width: 961px) {
  .container {
    width: 70%;
  }
}

.container .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section.no-pad {
  padding: 0;
}

.section.no-pad-bot {
  padding-bottom: 0;
}

.section.no-pad-top {
  padding-top: 0;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.75rem;
}

.row .col.s1 {
  width: 8.33333%;
  margin-left: 0;
}

.row .col.s2 {
  width: 16.66667%;
  margin-left: 0;
}

.row .col.s3 {
  width: 25%;
  margin-left: 0;
}

.row .col.s4 {
  width: 33.33333%;
  margin-left: 0;
}

.row .col.s5 {
  width: 41.66667%;
  margin-left: 0;
}

.row .col.s6 {
  width: 50%;
  margin-left: 0;
}

.row .col.s7 {
  width: 58.33333%;
  margin-left: 0;
}

.row .col.s8 {
  width: 66.66667%;
  margin-left: 0;
}

.row .col.s9 {
  width: 75%;
  margin-left: 0;
}

.row .col.s10 {
  width: 83.33333%;
  margin-left: 0;
}

.row .col.s11 {
  width: 91.66667%;
  margin-left: 0;
}

.row .col.s12 {
  width: 100%;
  margin-left: 0;
}

.row .col.offset-s1 {
  margin-left: 8.33333%;
}

.row .col.offset-s2 {
  margin-left: 16.66667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.33333%;
}

.row .col.offset-s5 {
  margin-left: 41.66667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.33333%;
}

.row .col.offset-s8 {
  margin-left: 66.66667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.33333%;
}

.row .col.offset-s11 {
  margin-left: 91.66667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.33333%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 16.66667%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 33.33333%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 41.66667%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 58.33333%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 66.66667%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 83.33333%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 91.66667%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 8.33333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.66667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.33333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.66667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.33333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.66667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.33333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.66667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 961px) {
  .row .col.l1 {
    width: 8.33333%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 16.66667%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 33.33333%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 41.66667%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 58.33333%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 66.66667%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 83.33333%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 91.66667%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l1 {
    margin-left: 8.33333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.66667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.33333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.66667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.33333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.66667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.33333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.66667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
    width: 8.33333%;
    margin-left: 0;
  }
  .row .col.xl2 {
    width: 16.66667%;
    margin-left: 0;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.xl4 {
    width: 33.33333%;
    margin-left: 0;
  }
  .row .col.xl5 {
    width: 41.66667%;
    margin-left: 0;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.xl7 {
    width: 58.33333%;
    margin-left: 0;
  }
  .row .col.xl8 {
    width: 66.66667%;
    margin-left: 0;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.xl10 {
    width: 83.33333%;
    margin-left: 0;
  }
  .row .col.xl11 {
    width: 91.66667%;
    margin-left: 0;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-xl1 {
    margin-left: 8.33333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.66667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.33333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.66667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.33333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.66667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.33333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.66667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 1501px) {
  .row .col.xxl1 {
    width: 8.33333%;
    margin-left: 0;
  }
  .row .col.xxl2 {
    width: 16.66667%;
    margin-left: 0;
  }
  .row .col.xxl3 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.xxl4 {
    width: 33.33333%;
    margin-left: 0;
  }
  .row .col.xxl5 {
    width: 41.66667%;
    margin-left: 0;
  }
  .row .col.xxl6 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.xxl7 {
    width: 58.33333%;
    margin-left: 0;
  }
  .row .col.xxl8 {
    width: 66.66667%;
    margin-left: 0;
  }
  .row .col.xxl9 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.xxl10 {
    width: 83.33333%;
    margin-left: 0;
  }
  .row .col.xxl11 {
    width: 91.66667%;
    margin-left: 0;
  }
  .row .col.xxl12 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-xxl1 {
    margin-left: 8.33333%;
  }
  .row .col.offset-xxl2 {
    margin-left: 16.66667%;
  }
  .row .col.offset-xxl3 {
    margin-left: 25%;
  }
  .row .col.offset-xxl4 {
    margin-left: 33.33333%;
  }
  .row .col.offset-xxl5 {
    margin-left: 41.66667%;
  }
  .row .col.offset-xxl6 {
    margin-left: 50%;
  }
  .row .col.offset-xxl7 {
    margin-left: 58.33333%;
  }
  .row .col.offset-xxl8 {
    margin-left: 66.66667%;
  }
  .row .col.offset-xxl9 {
    margin-left: 75%;
  }
  .row .col.offset-xxl10 {
    margin-left: 83.33333%;
  }
  .row .col.offset-xxl11 {
    margin-left: 91.66667%;
  }
  .row .col.offset-xxl12 {
    margin-left: 100%;
  }
}

nav {
  color: #fff;
  background-color: #ee6e73;
  width: 100%;
  height: 56px;
  line-height: 56px;
}

nav a {
  color: #fff;
}

nav .nav-wrapper {
  position: relative;
  height: 100%;
}

nav .nav-wrapper i {
  display: block;
  font-size: 2rem;
}

@media only screen and (min-width: 961px) {
  nav a.button-collapse {
    /*display: none;*/
  }
}

nav .button-collapse {
  float: left;
  position: relative;
  z-index: 1;
  height: 56px;
}

nav .button-collapse i {
  font-size: 2.7rem;
  height: 56px;
  line-height: 56px;
}

nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
  white-space: nowrap;
}

nav .brand-logo.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 960px) {
  nav .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  nav .brand-logo.left, nav .brand-logo.right {
    padding: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  nav .brand-logo.left {
    left: 0.5rem;
  }
  nav .brand-logo.right {
    right: 0.5rem;
    left: auto;
  }
}

nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}

nav ul {
  margin: 0;
}

nav ul li {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  float: left;
  padding: 0;
}

nav ul li:hover, nav ul li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

nav ul a {
  font-size: 1rem;
  color: #fff;
  display: block;
  padding: 0 15px;
}

nav ul.left {
  float: left;
}

nav .input-field {
  margin: 0;
}

nav .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem;
}

nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
  border: none;
  box-shadow: none;
}

nav .input-field label {
  top: 0;
  left: 0;
}

nav .input-field label i {
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}

nav .input-field label.active i {
  color: #fff;
}

nav .input-field label.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 998;
}

.navbar-fixed nav {
  position: fixed;
}

@media only screen and (min-width: 601px) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 64px;
    line-height: 57px;
  }
  .navbar-fixed {
    height: 64px;
  }
}


a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
  color: black;
}

@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 960px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 0) {
  .width-adjust {
    width: 143px;
  }
  .break-setn {
    clear: both;
    float: none;
  }
}

@media only screen and (min-width: 960px) {
  .font-adjust {
    font-size: 13px;
  }
  .width-adjust {
    width: 105px;
  }
}

@media only screen and (min-width: 1200px) {
  .font-adjust {
    font-size: 16px;
  }
  .width-adjust {
    width: 60px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: 700;
}

small {
  font-size: 75%;
}

.light, footer.page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}

@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}

@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}

@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}

@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}

@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}

@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}

@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}

@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}

@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}

@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}

@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}

@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}

@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}

@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}

@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}

@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}

@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}

@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}

@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}

@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}

@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.card-panel {
  transition: box-shadow .25s;
  padding: 20px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
}

.card .card-title {
  color: #fff;
  font-size: 2.143rem;
  font-weight: 300;
}

.card .card-title.activator {
  cursor: pointer;
}

.card.small, .card.medium, .card.large {
  position: relative;
}

.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  overflow: hidden;
}

.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  overflow: hidden;
}

.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card.small {
  height: 300px;
}

.card.small .card-image {
  height: 150px;
}

.card.small .card-content {
  height: 150px;
}

.card.medium {
  height: 400px;
}

.card.medium .card-image {
  height: 250px;
}

.card.medium .card-content {
  height: 150px;
}

.card.large {
  height: 500px;
}

.card.large .card-image {
  height: 330px;
}

.card.large .card-content {
  height: 170px;
}

.card .card-image {
  position: relative;
}

.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.card .card-image .card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.card .card-content {
  padding: 20px;
  border-radius: 0 0 2px 2px;
}

.card .card-content .card-title {
  line-height: 48px;
}

.card .card-action {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 20px;
}

.card .card-action.noTopBorder {
  border-top: none;
}

.card .card-action.right-align a {
  margin-right: 0;
}

.card .card-action a {
  color: #0177d6;
  margin-right: 20px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-transform: uppercase;
}

.card .card-action a:hover {
  color: rgba(1, 119, 214, 0.8);
}

.card .card-reveal {
  padding: 20px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  top: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}

.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

#toast-container {
  display: block;
  position: fixed;
  z-index: 10000;
}

@media only screen and (max-width: 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 960px) {
  #toast-container {
    min-width: 30%;
    left: 5%;
    bottom: 7%;
  }
}

@media only screen and (min-width: 961px) {
  #toast-container {
    min-width: 8%;
    top: 10%;
    right: 7%;
  }
}

.toast {
  border-radius: 2px;
  top: 0;
  width: auto;
  clear: both;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #323232;
  padding: 0 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.toast .btn, .toast .btn-large, .toast .btn-flat {
  margin: 0;
  margin-left: 3rem;
}

.toast.rounded {
  border-radius: 24px;
}

@media only screen and (max-width: 600px) {
  .toast {
    width: 100%;
    border-radius: 0;
  }
}

@media only screen and (min-width: 601px) and (max-width: 960px) {
  .toast {
    float: left;
  }
}

@media only screen and (min-width: 961px) {
  .toast {
    float: right;
  }
}

.tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  height: 48px !important;
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap;
}

.tabs .tab {
  /*-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    float: left;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0 20px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    width: 15%;*/
}

.tabs .tab a {
  color: #757575;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: color 0.28s ease;
  -moz-transition: color 0.28s ease;
  -o-transition: color 0.28s ease;
  -ms-transition: color 0.28s ease;
  transition: color 0.28s ease;
}

.tabs .tab a:hover {
  color: #0177d6;
}

.tabs .tab.disabled a {
  color: #c2c2c2;
  cursor: default;
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #0177d6;
  will-change: left, right;
}

.tabs .tab {
  padding: 0;
}

.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2005;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 1rem;
  opacity: 0;
  display: none;
  position: absolute;
  text-align: center;
  overflow: hidden;
  left: 0;
  top: 0;
  will-change: top, left;
}

.backdrop {
  position: absolute;
  opacity: 0;
  display: none;
  height: 7px;
  width: 14px;
  border-radius: 0 0 14px 14px;
  background-color: #323232;
  z-index: -1;
  -webkit-transform-origin: 50% 10%;
  -moz-transform-origin: 50% 10%;
  -ms-transform-origin: 50% 10%;
  -o-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
  will-change: transform, opacity;
}

.btn, .btn-large, .btn-flat {
  border: none;
  font-weight: 700;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 1rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn.disabled, .disabled.btn-large, .btn-floating.disabled, .disabled.btn-large-circle, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled, .btn-large-circle:disabled {
  background-color: #d3d3d3 !important;
  box-shadow: none;
  color: #a2a2a2 !important;
  cursor: default;
  outline: 0;
}

.btn.disabled *, .disabled.btn-large *, .btn-floating.disabled *, .disabled.btn-large-circle *, .btn-large.disabled *, .btn:disabled *, .btn-large:disabled *, .btn-large:disabled *, .btn-floating:disabled *, .btn-large-circle:disabled * {
  pointer-events: none;
}

.btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .disabled.btn-large-circle:hover, .btn-large.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover, .btn-large-circle:disabled:hover {
  background-color: #d3d3d3;
  color: #a2a2a2;
  outline: 0;
}

.btn i, .btn-large i, .btn-floating i, .btn-large-circle i, .btn-large i, .btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

.btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #0177d6;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  cursor: pointer;
  outline: 0;
}

.btn.waves-effect.waves-light .waves-ripple, .btn-large.waves-effect.waves-light .waves-ripple {
  background: #003764;
}

.btn:hover, .btn-large:hover, .btn:focus, .btn-large:focus {
  background-color: #0162b2;
  outline: 0;
  color: #fff;
}

.btn-floating, .btn-large-circle {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #0177d6;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating i, .btn-large-circle i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 37px;
}

.btn-floating:before, .btn-large-circle:before {
  border-radius: 0;
}

.btn-floating.btn-large, .btn-large.btn-large-circle {
  width: 55.5px;
  height: 55.5px;
}

.btn-floating.btn-large i, .btn-large.btn-large-circle i {
  line-height: 52px;
}

button.btn-floating, button.btn-large-circle {
  border: none;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  margin-bottom: 0;
  z-index: 998;
}

.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

.fixed-action-btn.active ul {
  visibility: visible;
}

.fixed-action-btn ul li {
  margin-bottom: 15px;
}

.fixed-action-btn ul a.btn-floating, .fixed-action-btn ul a.btn-large-circle {
  opacity: 0;
}

.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #0177d6;
  cursor: pointer;
}

.btn-flat.disabled {
  color: #a2a2a2;
  cursor: default;
}

.btn-flat.disabled:hover {
  background: none;
  box-shadow: none;
}

.btn-large {
  height: 54px;
  line-height: 56px;
}

.btn-large i {
  font-size: 1.6rem;
}

.btn-block {
  display: block;
}

.btn-large-circle {
  width: 128.02px;
  height: 128.02px;
  line-height: 1;
  text-transform: uppercase;
}

.btn-large-circle i {
  margin-top: 35px;
}

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 200px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 982;
  will-change: width, height;
}

.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
  text-transform: none;
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
  background-color: #eee;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 1rem;
  color: #0177d6;
  display: block;
  padding: 1rem 1rem;
}

.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(21, 157, 252, 0.7);
}

.waves-effect.waves-blue .waves-ripple {
  background-color: rgba(3, 155, 229, 0.7);
}

.waves-effect.waves-defaultLight .waves-ripple {
  background-color: rgba(238, 238, 238, 0.7);
}

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 0;
  max-height: 90%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.modal.modal-sm {
  width: 35%;
}

.modal.modal-lg {
  width: 75%;
}

@media only screen and (max-width: 960px) {
  .modal {
    width: 80%;
  }
  .modal.modal-sm {
    width: 50%;
  }
  .modal.modal-lg {
    width: 90%;
  }
}

@media only screen and (max-width: 600px) {
  .modal .modal.modal-sm, .modal .modal, .modal .modal.modal-lg {
    width: 95%;
  }
}

.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}

.modal .modal-content {
  padding: 24px;
}

.modal .modal-close {
  cursor: pointer;
}

.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
  float: right;
  margin: 6px 0;
}

.lean-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}

.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}

.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

.collapsible-header {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 1rem;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.collapsible-body p {
  margin: 0;
  padding: 2rem;
}

.side-nav .collapsible {
  border: none;
  box-shadow: none;
}

.side-nav .collapsible li {
  padding: 0;
}

.side-nav .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  margin: 0 1rem;
}

.side-nav .collapsible-header i {
  line-height: inherit;
}

.side-nav .collapsible-body {
  border: 0;
  background-color: #fff;
}

.side-nav .collapsible-body li a {
  margin: 0 1rem 0 2rem;
}

.collapsible.popout {
  border: none;
  box-shadow: none;
}

.collapsible.popout > li {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.collapsible.popout > li.active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}

.chip {
  display: inline-block;
  height: 25px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 25px;
  padding: 0 5px 0 10px;
  border-radius: 12px;
  background-color: #E4E4E4;
}

.chip img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}

.chip i.material-icons, .chip i.icon.iconSmall {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 25px;
  padding-left: 8px;
}

.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.materialboxed:hover {
  will-change: left, top, width, height;
}

.materialboxed:hover:not(.active) {
  opacity: .8;
}

.materialboxed.active {
  cursor: zoom-out;
}

#materialbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #292929;
  z-index: 999;
  will-change: opacity;
}

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased;
}

/* Remove Focus Boxes */
select:focus {
  outline: 1px solid #c9f3ef;
}

button:focus {
  outline: none;
  background-color: #29a5fc;
  color: #fff;
}

label {
  font-size: 0.8rem;
  color: #9e9e9e;
}

/***************************
   Text Inputs + Textarea
****************************/
.input-field pre {
  color: #d1d1d1;
}

::-webkit-input-placeholder {
  color: #d1d1d1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #d1d1d1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d1d1d1;
}

:-ms-input-placeholder {
  color: #d1d1d1;
}

input[type=mask],
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0.5rem 0 0 0;
  /*0 0 15px 0*/
  padding: 0;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
  box-sizing: content-box;
  transition: all .3s;
}

input[type=text]:disabled, input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.26);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}

input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label,
input[type=password]:disabled + label,
input[type=password][readonly="readonly"] + label,
input[type=email]:disabled + label,
input[type=email][readonly="readonly"] + label,
input[type=url]:disabled + label,
input[type=url][readonly="readonly"] + label,
input[type=time]:disabled + label,
input[type=time][readonly="readonly"] + label,
input[type=date]:disabled + label,
input[type=date][readonly="readonly"] + label,
input[type=datetime-local]:disabled + label,
input[type=datetime-local][readonly="readonly"] + label,
input[type=tel]:disabled + label,
input[type=tel][readonly="readonly"] + label,
input[type=number]:disabled + label,
input[type=number][readonly="readonly"] + label,
input[type=search]:disabled + label,
input[type=search][readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
  color: rgba(0, 0, 0, 0.26);
}

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #0177d6;
  box-shadow: 0 1px 0 0 #0177d6;
}

input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #0177d6;
}

input[type=text].valid, input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
}

input[type=text].valid + label:after, input[type=text]:focus.valid + label:after,
input[type=password].valid + label:after,
input[type=password]:focus.valid + label:after,
input[type=email].valid + label:after,
input[type=email]:focus.valid + label:after,
input[type=url].valid + label:after,
input[type=url]:focus.valid + label:after,
input[type=time].valid + label:after,
input[type=time]:focus.valid + label:after,
input[type=date].valid + label:after,
input[type=date]:focus.valid + label:after,
input[type=datetime-local].valid + label:after,
input[type=datetime-local]:focus.valid + label:after,
input[type=tel].valid + label:after,
input[type=tel]:focus.valid + label:after,
input[type=number].valid + label:after,
input[type=number]:focus.valid + label:after,
input[type=search].valid + label:after,
input[type=search]:focus.valid + label:after,
textarea.materialize-textarea.valid + label:after,
textarea.materialize-textarea:focus.valid + label:after {
  content: attr(data-success);
  color: #4CAF50;
  opacity: 1;
}

input[type=text].invalid, input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search].invalid,
input[type=search]:focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid #d63d3d;
  box-shadow: 0 1px 0 0 #d63d3d;
}

input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after,
input[type=password].invalid + label:after,
input[type=password]:focus.invalid + label:after,
input[type=email].invalid + label:after,
input[type=email]:focus.invalid + label:after,
input[type=url].invalid + label:after,
input[type=url]:focus.invalid + label:after,
input[type=time].invalid + label:after,
input[type=time]:focus.invalid + label:after,
input[type=date].invalid + label:after,
input[type=date]:focus.invalid + label:after,
input[type=datetime-local].invalid + label:after,
input[type=datetime-local]:focus.invalid + label:after,
input[type=tel].invalid + label:after,
input[type=tel]:focus.invalid + label:after,
input[type=number].invalid + label:after,
input[type=number]:focus.invalid + label:after,
input[type=search].invalid + label:after,
input[type=search]:focus.invalid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea:focus.invalid + label:after {
  content: attr(data-error);
  color: #d63d3d;
  opacity: 1;
}

input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search] + label:after,
textarea.materialize-textarea + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 43px;
  opacity: 0;
  transition: .2s opacity ease-out, .2s color ease-out;
}

.input-field {
  position: relative;
  margin-top: 0.2rem;
}

.input-field label {
  color: rgba(0, 0, 0, 0.64);
  position: absolute;
  top: 1rem;
  left: 0.75rem;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  width: calc(100% - 2.25rem);
  /* 75%*/
  -moz-width: calc(100% - 2.25rem);
}

.input-field label.active {
  font-size: 0.8rem;
  /*-webkit-transform: translateY(-90%);
    -moz-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    -o-transform: translateY(-90%);
    transform: translateY(-90%);*/
}

.input-field .prefix, .input-field .suffix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
  opacity: 0.4;
}

.input-field .prefix.active, .input-field .suffix.active {
  color: #0177d6;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.input-field .suffix ~ input,
.input-field .suffix ~ textarea {
  margin-right: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.input-field .prefix ~ textarea, .input-field .suffix ~ textarea {
  padding-top: .8rem;
}

.input-field .prefix ~ label {
  margin-left: 3rem;
}

.input-field .suffix ~ label {
  margin-right: 3rem;
}

@media only screen and (max-width: 960px) {
  .input-field .prefix ~ input, .input-field .suffix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 600px) {
  .input-field .prefix ~ input, .input-field .suffix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

.input-field input[type=search] {
  display: block;
  line-height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem);
}

.input-field input[type=search]:focus {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #444;
}

.input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons {
  color: #444;
}

.input-field input[type=search] + label {
  left: 1rem;
}

.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  transition: .3s color;
}

textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}

textarea.materialize-textarea {
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: 0.8rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 2.1rem;
  height: 0.8rem;
  /* added for single line */
}

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
}

/***************
  Radio Buttons
***************/
/* Remove default Radio Buttons */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: 6px;
  top: 6px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  -ms-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  -ms-transition: 0.28s ease;
  transition: 0.28s ease;
}

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/* Checked styles */
[type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent;
}

[type="radio"]:checked + label:after {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked + label:before {
  border-radius: 50%;
  border: 2px solid #0177d6;
}

[type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

/* Disabled Radio With gap */
[type="radio"].tabbed:focus + label:before,  [type="radio"]:focus + label:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26);
}

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26);
}

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #BDBDBD;
}

/***************
   Checkboxes
***************/
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left;
}

form p:last-child {
  margin-bottom: 0;
}

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  top: 6px;
  left: 6px;
  /*visibility: hidden;*/
}

/* due to visibility hidden focus not arrived in checkbox */
[type="checkbox"] {
  /* checkbox aspect */
}

[type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  [type="checkbox"] + label {
    line-height: 22px;
    /* chrome only hack */
  }
}

[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

[type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26);
}

[type="checkbox"].tabbed:focus + label:after,
[type="checkbox"]:not(:checked):focus + label:after,
[type="checkbox"]:checked:focus + label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #0177d6;
  border-bottom: 2px solid #0177d6;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26);
}

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #0177d6;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

[type="checkbox"].filled-in + label:after {
  border-radius: 2px;
}

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1;
}

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;
}

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  /*left: 1px;*/
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
}

[type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1);
}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #0177d6;
  border-color: #0177d6;
}

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD;
}

/***************
     Switch
***************/
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #26a69a;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #818181;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #F1F1F1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(38, 166, 154, 0.15);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);
}

.switch label input[type=checkbox]:checked + .lever:after {
  left: 24px;
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD;
}

.additionalText .input-field {
  cursor: default;
  pointer-events: none;
}

.additionalText label.input-field span:nth-child(1), .additionalText label.input-field span:nth-child(4), .additionalText label.input-field span:nth-child(3) {
  cursor: pointer;
  pointer-events: all;
}

/***************
  Select Field
***************/
.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}

.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0.5rem 0 0 0;
  padding: 0;
  display: block;
}

.select-wrapper span.caret {
  color: #727272;
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 10px;
}

.select-wrapper span.caret.disabled {
  color: rgba(0, 0, 0, 0.26);
}

.select-wrapper + label {
  position: absolute;
  top: -14px;
  font-size: 0.8rem;
}

select {
  display: none;
}

select.browser-default {
  display: block;
}

select:disabled {
  color: rgba(0, 0, 0, 0.3);
}

.select-wrapper input.select-dropdown:disabled {
  cursor: default;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -ms-user-select: none;
  /* IE10+ */
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.select-wrapper i {
  color: rgba(0, 0, 0, 0.9);
}

.select-dropdown li.disabled {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

/*********************
      File Input
**********************/
.file-field {
  position: relative;
}

.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}

.file-field input.file-path {
  width: 100%;
}

.file-field .btn, .file-field .btn-large {
  float: left;
  height: 3rem;
  line-height: 3rem;
}

.file-field span {
  cursor: pointer;
}

.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

/***************
      Range
***************/
.range-field {
  position: relative;
}

input[type=range], input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0px;
  padding: 0;
}

input[type=range] + .thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #0177d6;
  top: 10px;
  margin-left: -6px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #0177d6;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}

input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #0177d6;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #0177d6;
  margin-top: -5px;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
  background: #ccc;
}

input[type=range]::-ms-track {
  height: 3px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #0177d6;
}

input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

/***************************
   Text Inputs + Textarea
****************************/
select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem;
}

/***************
    Nav List
***************/
.table-of-contents.fixed {
  position: fixed;
}

.table-of-contents li {
  padding: 2px 0;
}

.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block;
}

.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 19px;
  border-left: 1px solid #ea4a4f;
}

.table-of-contents a.active {
  font-weight: 500;
  padding-left: 18px;
  border-left: 2px solid #ea4a4f;
}

.side-nav {
  position: fixed;
  width: 240px;
  left: -105%;
  top: 0;
  margin: 0;
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: left;
}

.side-nav.right-aligned {
  will-change: right;
  right: -105%;
  left: auto;
}

.side-nav .collapsible {
  margin: 0;
}

.side-nav li {
  float: none;
  padding: 0 15px;
}

.side-nav li:hover, .side-nav li.active {
  background-color: #ddd;
}

.side-nav a {
  color: #444;
  display: block;
  font-size: 0.8571rem;
  height: 64px;
  line-height: 64px;
  padding: 0 15px;
}

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
}

.side-nav.fixed a {
  display: block;
  padding: 0 15px;
  color: #444;
}

.side-nav.fixed {
  left: 0;
  position: fixed;
}

.side-nav.fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width: 960px) {
  .side-nav.fixed {
    left: -105%;
  }
  .side-nav.fixed.right-aligned {
    right: -105%;
    left: auto;
  }
}

.side-nav .collapsible-body li.active,
.side-nav.fixed .collapsible-body li.active {
  background-color: #ee6e73;
}

.side-nav .collapsible-body li.active a,
.side-nav.fixed .collapsible-body li.active a {
  color: #fff;
}

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  will-change: opacity;
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
}

.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}

.preloader-wrapper.big {
  width: 64px;
  height: 64px;
}

.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes container-rotate {
  to {
    transform: rotate(360deg);
  }
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #26a69a;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}

.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.slider {
  position: relative;
  height: 400px;
  width: 100%;
}

.slider.fullscreen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slider.fullscreen ul.slides {
  height: 100%;
}

.slider.fullscreen ul.indicators {
  z-index: 2;
  bottom: 30px;
}

.slider .slides {
  margin: 0;
  height: 400px;
}

.slider .slides li {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: inherit;
  overflow: hidden;
}

.slider .slides li img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.slider .slides li .caption {
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  opacity: 0;
}

.slider .slides li .caption p {
  color: #e0e0e0;
}

.slider .slides li.active {
  z-index: 2;
}

.slider .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.slider .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 50%;
}

.slider .indicators .indicator-item.active {
  background-color: #b2ebf2;
}

.slider .arrows, .slider .showNext, .slider .showPrev {
  position: absolute;
  top: calc(50% - 22px);
  background: rgba(0, 0, 0, 0.1);
  display: inline-block;
  color: #fff;
  z-index: 3;
}

.slider .showNext {
  left: 0;
}

.slider .showPrev {
  right: 0;
}

.slider .sliderfixedImage {
  width: 190px;
  height: 190px;
  position: absolute;
  top: 0;
  left: calc(50% - 95px);
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block;
  }
}

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: 20% auto;
  }
}

/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: #E3F2FD;
}

.picker__frame {
  margin: 0 auto;
  max-width: 325px;
}

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto;
  }
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: .25em;
  margin-right: .25em;
}

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 40%;
}

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 25%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: rgba(0, 0, 0, 0.05);
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}

.picker__table th, .picker__table td {
  text-align: center;
}

.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}

/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500;
}

.picker__day--outfocus {
  display: none;
  padding: .75rem 0;
  color: #fff;
}

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: rgba(0, 0, 0, 0.05);
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden;
}

.picker__date-display {
  text-align: center;
  background-color: #e0e0e0;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #a1ded8;
}

.picker__weekday-display {
  background-color: #1f897f;
  padding: 10px;
  font-weight: 200;
  letter-spacing: .5;
  font-size: 1rem;
  margin-bottom: 15px;
}

.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem;
}

.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400;
}

.picker__year-display {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.picker__box {
  padding: 0;
}

.picker__calendar-container {
  padding: 0 1rem;
}

.picker__calendar-container thead {
  border: none;
}

.picker__table {
  margin-top: 0;
  margin-bottom: .5em;
}

.picker__day--infocus {
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day.picker__day--today {
  color: #0177d6;
}

.picker__day.picker__day--today.picker__day--selected {
  color: #fff;
}

.picker__weekday {
  font-size: .9rem;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  background-color: #0177d6;
  color: #ffffff;
}

.picker__day--selected.picker__day--outfocus,
.picker__day--selected:hover.picker__day--outfocus,
.picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: #a1ded8;
}

.picker__footer {
  text-align: right;
  padding: 5px 10px;
}

.picker__close, .picker__today {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #000;
}

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767;
}

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #a1ded8;
}

/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em;
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em;
  }
}

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}

.fontsize16 .select-wrapper input.select-dropdown {
  font-size: 1.143rem !important;
}

/* move this line in layout css */
input[type=text]:disabled + label,
input[type=text][readonly="readonly"] + label,
input[type=text][readonly] + label,
input[type=text][disabled="disabled"] + label,
input[type=text][disabled] + label,
input[type=password]:disabled + label,
input[type=password][readonly="readonly"] + label,
input[type=email]:disabled + label,
input[type=email][readonly="readonly"] + label,
input[type=url]:disabled + label,
input[type=url][readonly="readonly"] + label,
input[type=time]:disabled + label,
input[type=time][readonly="readonly"] + label,
input[type=date]:disabled + label,
input[type=date][readonly="readonly"] + label,
input[type=datetime-local]:disabled + label,
input[type=datetime-local][readonly="readonly"] + label,
input[type=tel]:disabled + label,
input[type=tel][readonly="readonly"] + label,
input[type=number]:disabled + label,
input[type=number][readonly="readonly"] + label,
input[type=number][readonly] + label,
input[type=number][disabled] + label,
input[type=search]:disabled + label,
input[type=search][readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
  /*color: #757575;*/
  color: rgba(0, 0, 0, 0.64);
}

input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=text][disabled="disabled"],
input[type=text][readonly],
input[type=text][disabled],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=number][readonly],
input[type=number][disabled],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  /*color: #757575;*/
  color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px dotted transparent;
}

input[type=text][readonly="readonly"].select-dropdown,
input[type=text][readonly].select-dropdown {
  border-bottom: 1px solid #e0e0e0;
}

input[type=text].file-path.invalid {
  box-shadow: none;
}

.select-wrapper input.select-dropdown:disabled {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.fixed-action-btn {
  z-index: 11;
}

.fixed-action-btn.top {
  top: 85px;
  padding: 0 0 15px 0;
  bottom: inherit;
}

.fixed-action-btn.top ul {
  top: 70px;
  bottom: inherit;
}

/*------------------------------------*	#autocomplete modification
\*------------------------------------*/
/**
 * Extend `.autocomplete-suggestions {}` used by dev team. 3rd party CSS 
 */
.autocomplete-suggestions {
  border: 1px solid #f0f0f0 !important;
  box-shadow: 0 2px 6px #ccc;
}

.autocomplete-suggestion {
  background-color: #fff;
  padding: 1.071rem 0.7143rem;
}

.autocomplete-suggestion:hover {
  background-color: #e0e0e0;
}

.autocomplete-textfield-suggestions {
  position: absolute;
  z-index: 1;
  top: 39px;
  left: 10px;
  width: calc( 100% - 20px);
}

.autocomplete-selected {
  background-color: #f0f0f0 !important;
}

/*------------------------------------*	#modal
\*------------------------------------*/
/**
 * Extend `.modal {}` from materialize.css
 */
.scrollableModel .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.scrollableModel .modal-footer_new, .scrollableModel .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: none;
}

.modal-content-with-form {
  border-top: 1px solid transparent;
}

.modal .modal-footer {
  padding: 4px 8px 10px 20px;
  border-top: 1px solid transparent;
  background: white;
}

.m-f-checkbox-valign {
  margin-top: 12px;
}

/*------------------------------------*	#table
\*------------------------------------*/
/**
 * Extend `table` from materialize.css
 */
th {
  font-weight: normal;
  color: #5c5c5c;
  font-size: 0.8571rem;
}

td {
  font-weight: normal;
  color: #3b3b3b;
}

/**
 * Extend `table` from materialize.css
 * increasing first & last column left & right padding
 */
th:first-child, td:first-child {
  padding-left: 20px;
}

th:last-child, td:last-child {
  padding-right: 20px;
}

.input-fields-inside th, .input-fields-inside td {
  padding-top: 3px;
  padding-bottom: 10px;
}

.input-fields-inside th:first-child, .input-fields-inside td:first-child {
  padding-left: 10px;
}

.input-fields-inside th:last-child, .input-fields-inside td:last-child {
  padding-left: 24px;
}

.table-with-inputbox td:first-child {
  padding-left: 24px;
}

.table-with-inputbox td:last-child {
  padding-right: 24px;
}

.table-with-inputbox td {
  padding: 8px 15px;
}

/*------------------------------------*	#form - input field 
\*------------------------------------*/
/**
 * Extend `input-field { }` from materialize.css
 * we are using wrong approch for this need to remove `.editableMode .input-field` from _module.scss &   
 * `.formEdit .input-field` which is below one & use 1 rem top margin to `input-field`
 */
.formEdit .input-field {
  margin-bottom: 15px;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  background: #fff;
  border: 2px solid #757575;
  top: 2px;
}

/*------------------------------------*	#footer page class and class for lookup header
\*------------------------------------*/
/*
* Extend lookup header and btn-small
*/
footer.page-footer {
  padding-top: 16px;
}

.lookup-header {
  font-size: 16px;
  padding: 1.429rem;
  line-height: 1.5;
  border-bottom: 1px solid #e7e7e7;
  color: #000;
}

.btn-small {
  font-size: 0.85rem;
  font-weight: normal !important;
}

/*------------------------------------*	#checkbox empty for circle 
\*------------------------------------*/
/*
* Extend checkbox class with avatar on hover visible and showing if one is clicked
*/
.circle-emt-checkbox[type="checkbox"] + label {
  padding: 17px;
  position: absolute;
  top: 0.7143rem;
  left: 15px;
  border-radius: 50%;
  position: absolute;
}

.circle-emt-checkbox[type="checkbox"] + label:after, .circle-emt-checkbox[type="checkbox"] + label:before {
  top: 8px !important;
  left: 8px !important;
}

.nxt-checkbox-hide {
  -webkit-transition: "all ease-in-out 0.5s";
  -moz-transition: "all ease-in-out 0.5s";
  -o-transition: "all ease-in-out 0.5s";
  -ms-transition: "all ease-in-out 0.5s";
  transition: "all ease-in-out 0.5s";
  cursor: pointer;
}

.nxt-checkbox-hide + .circle-emt-checkbox[type="checkbox"] + label {
  visibility: hidden;
  -webkit-transition: "all ease-in-out 0.5s";
  -moz-transition: "all ease-in-out 0.5s";
  -o-transition: "all ease-in-out 0.5s";
  -ms-transition: "all ease-in-out 0.5s";
  transition: "all ease-in-out 0.5s";
}

.nxt-checkbox-show, .nxt-checkbox-show-prement {
  visibility: hidden;
}

.nxt-checkbox-show + .circle-emt-checkbox[type="checkbox"] + label, .nxt-checkbox-show-prement + .circle-emt-checkbox[type="checkbox"] + label {
  visibility: visible;
}

/*------------------------------------*	#collection  
\*------------------------------------*/
/*
 * Extend `.collection .collection-item.avatar .circle { }` from materialize.css
 */
.collection .collection-item {
  background-color: transparent;
}

.collection .collection-item.avatar i.circle {
  height: 36px;
  width: 36px;
  border: 2px solid rgba(0, 0, 0, 0.38);
  color: rgba(0, 0, 0, 0.38);
  background: rgba(224, 224, 224, 0.38);
  line-height: 29px;
}

.collection .collection-item.avatar i.circle img {
  width: 100%;
  vertical-align: middle;
}

/*TWO 10070*/
.card-content .collection .collection-item.avatar .title {
  font-size: 14px;
}

.collection .title {
  color: #212121;
}

.card-content .collection .title {
  color: rgba(0, 0, 0, 0.87);
}

.collection .collection-item.avatar p, .collection .collection-item p {
  font-size: 0.85714rem;
}

.collecton-item-secondary-text-wrapper {
  font-size: 0.85714rem;
  margin: 0;
  display: block;
  color: #757575;
}

/*--------------------------------*	#secodory content with tabs
\*--------------------------------*/
/* 
  * exten '.secondary-content with tab '
*/
.s-c-with-tab {
  padding: 10px 15px;
}

.lookup-bulk-order-edit {
  width: 350px;
  z-index: 982;
}

/*------------------------------------*	#form - checkbox 
\*------------------------------------*/
/**
 * Extend `checkbox .filled-in` from materialize.css 
 * adding one more style class for checkbox, saying partial selected used for partially selected checkboxes e.g.categorypopup
 */
[type="checkbox"].filled-partial:checked + label:before {
  top: 0;
  left: 2px;
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  border-radius: 2px;
}

/*--------------------------------*	#tabs with active
\*--------------------------------*/
/* 
  * extend 'tab design'
*/
.tabs .tab a {
  font-weight: 700;
  padding: 15px 20px;
  text-align: center;
}

.tabs .tab .active {
  color: #0177d6;
}

.tabs .indicator {
  display: none !important;
}

ul .tabs {
  height: 48px !important;
}

.tabs .tab a.active {
  border-bottom: 2px solid #0177d6 !important;
}

/*----------------------------*	 #add header and footer for dropdown
\*--------------------------------*/
.dropdown-content--size-small {
  min-width: 214px;
}

.dropdown-content--size-medium {
  min-width: 285px;
}

/* classes for reset the value*/
.dropdown-content li.dropdown-content-header, .dropdown-content li:hover.dropdown-content-header,
.dropdown-content li.dropdown-content-footer, .dropdown-content li:hover.dropdown-content-footer,
.dropdown-content li.dropdown-content-content, .dropdown-content li:hover.dropdown-content-content {
  background-color: #fff;
  white-space: nowrap;
  line-height: normal;
  cursor: default;
}

.dropdown-content li.dropdown-content-header span,
.dropdown-content li.dropdown-content-footer span,
.dropdown-content li.dropdown-content-content {
  padding: 0;
}

.dropdown-content-header:after, .dropdown-content-content:after, .dropdown-content-footer:after {
  content: '';
  clear: both;
  height: 0;
  width: 100%;
  box-sizing: border-box;
}

.dropdown-content li.dropdown-content-header {
  height: 57px;
  padding: 17px 12px;
}

.dropdown-content li.dropdown-content-header .searchWithHiddenTextField {
  /*top:-4px;
		right: 0.68rem;*/
}

.dropdown-content li.dropdown-content-footer, .dropdown-content .dropdown-content-footer {
  height: 51px;
  padding: 7px;
}

.dropdown-content-header .title {
  line-height: 24px;
  font-size: 1.143rem;
  padding-left: 8px;
}

.dropdown-button--withBorder {
  padding: 5px 0;
  border-bottom: 1px solid #e0e0e0;
}

.dropdown-content li.collection-item label {
  text-transform: capitalize;
}

/*----------------------------*	 #chips 
\*--------------------------------*/
/* 
  * changing chips light to make remove icon vertically aligned
*/
.chip {
  padding: 0 2px 0 10px;
}

.chip i.material-icons, .chip i.icon.iconSmall {
  line-height: 24px;
}

/* 
  * change z-index for navebar-fixed
*/
.chklink label {
  color: #0177d6;
}

.selected .chklink label {
  color: rgba(0, 0, 0, 0.87);
}

.dropdown-content .secondary-content {
  top: 5px !important;
}

.filled-partial [type="checkbox"].filled-in:not(:checked) + label:before,
.filled-partial [type="checkbox"].filled-in:checked + label:before {
  top: 5px;
  left: 7px;
  width: 12px;
  height: 12px;
  border-color: #fff;
  border-width: 2px;
  transform: rotateZ(0deg);
}

.filled-partial [type="checkbox"].filled-in:not(:checked) + label:after,
.filled-partial [type="checkbox"].filled-in:checked + label:after {
  border-color: #5a5a5a;
  border-width: 2px;
  background-color: #0177d6;
}

.disable-partial [type="checkbox"].filled-in:not(:checked) + label:before,
.disable-partial [type="checkbox"].filled-in:checked + label:before {
  top: 5px;
  left: 7px;
  width: 12px;
  height: 12px;
  border-color: #fff;
  border-width: 2px;
  transform: rotateZ(0deg);
}

.disable-partial [type="checkbox"].filled-in:checked + label:after {
  border-color: #d3d3d3;
  border-width: 2px;
  background-color: #d3d3d3;
  cursor: default;
  pointer-events: none;
}

.disable-partial [type="checkbox"].filled-in:not(:checked) + label:after {
  border: 1px solid #d3d3d3;
  background-color: #d3d3d3;
  cursor: default;
  pointer-events: none;
}

/* INPUT UI */
/* Show Less Show More For Read Only Text Area Start */
.areaReadOnlyContent {
  position: relative;
}

.areaReadOnlyContent .areaReadOnlyPara {
  margin-right: 52px !important;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.87);
}

.areaReadOnlyContent .areaReadOnlyPara span:focus {
  outline: none !important;
}

.areaReadOnlyContent .areaReadOnlyPara.readOnlyshowLess {
  white-space: nowrap;
}

.areaReadOnlyContent .areaReadOnlyPara.areareadOnlyContentPara1 {
  max-width: calc(100% - 110px);
  text-align: justify;
}

.areaReadOnlyContent .areaReadOnlyPara.areareadOnlyContentPara2 {
  max-width: 100%;
  margin-right: 0 !important;
  text-align: justify;
}

.areaReadOnlyContent .areaReadOnlyPara > p {
  margin: 2px 0;
}

.areaReadOnlyContent .showMoreLink {
  width: 115px;
  right: 0;
  position: absolute;
  bottom: 0;
  cursor: default;
  padding-left: 5px;
  height: 100%;
}

.areaReadOnlyContent .ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.areaReadOnlyContent + label {
  top: -15px !important;
  bottom: auto !important;
}

/* Show Less Show More For Read Only Text Area Start */
.select-wrapper {
  height: 19px;
}

.select-wrapper span.caret {
  right: 7px;
}

.select-wrapper input.select-dropdown {
  height: 25px;
  margin: 0;
  line-height: normal;
}

.optionalField .select-wrapper {
  margin-top: 11px;
}

input[type=mask], input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  height: 2rem;
}

.input-field label {
  top: auto;
  bottom: 5px;
}

.input-field label.active {
  font-size: 0.8rem;
  bottom: 27px;
}

.input-field label.active.empty-label {
  top: -5px !important;
}

.input-field label.active.emptyTxt {
  bottom: 5px;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.64);
}

.input-field label.active.emptyTxt:after {
  /*top:25px; */
  font-size: 0.8rem;
}

.input-field label.active.invalidTxt {
  color: rgba(0, 0, 0, 0.64);
}

.line-height-manager.input-field .ng-empty + label.active, .line-height-manager.input-field .ng-empty + label {
  bottom: 15px;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.64);
}

.line-height-manager.input-field .ng-empty + label.active:after, .line-height-manager.input-field .ng-empty + label:after {
  top: 25px;
  font-size: 0.8rem;
  transition: all .2s ease-out;
}

.line-height-manager.input-field input[type=text][readonly="readonly"].ng-empty + label.active, .line-height-manager.input-field input[type=text][readonly].ng-empty + label.active, .line-height-manager.input-field .line-height-manager.input-field input[type=text][disabled].ng-not-empty + label {
  bottom: 37px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.64);
}

.line-height-manager.input-field .ng-empty.ng-not-empty-add + label.active {
  bottom: 37px;
  font-size: 12px;
}

.line-height-manager.input-field .ng-empty.ng-not-empty-add + label.active:after {
  top: 45px;
  font-size: 0.8rem;
  transition: all .2s ease-out;
}

.line-height-manager.input-field .ng-empty:focus + label.active:after {
  top: 45px;
  transition: all .2s ease-out;
}

.input-field .ng-empty + label.active, .input-field .ng-empty + label {
  bottom: 5px;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.64);
}

.input-field .ng-empty + label.active:after, .input-field .ng-empty + label:after {
  top: 25px;
  font-size: 0.8rem;
  transition: all .2s ease-out;
}

.input-field.readOnlyField .ng-empty + label.active {
  bottom: 27px;
  font-size: 0.8rem;
}

.input-field .ng-empty:focus + label.active {
  bottom: 27px;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.64);
}

.input-field .ng-empty:focus + label.active:after {
  top: 45px;
  transition: all .2s ease-out;
}

.input-field input[type=text].ng-empty + label.active.empty-label:after, .input-field input[type=number].ng-empty + label.active.empty-label:after, .input-field textarea.materialize-textarea.ng-empty + label:after, .input-field textarea.materialize-textarea.ng-empty:focus + label.active:after {
  top: 47px;
}

.input-field textarea.ng-empty + label.active {
  top: 18px !important;
}

.input-field textarea.ng-empty + label.active:after {
  top: 30px;
}

.optionalField.input-field label.active {
  bottom: 27px;
}

.line-height-manager.input-field .datepicker + label.active, .line-height-manager.input-field input:focus:not([readonly]).datepicker + label.active, .line-height-manager.input-field .datepicker label.active {
  font-size: 0.8rem;
  bottom: 37px;
}

.line-height-manager.input-field .datepicker + label.active {
  font-size: 0.8rem;
}

.line-height-manager.input-field .datepicker + label.active:after {
  top: 45px;
}

.input-field .datepicker + label.active {
  font-size: 0.8rem;
  bottom: 27px;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
  /*visibility: hidden; due to visibility hidden focus not arrived in checkbox */
  opacity: 0;
}

.line-height-manager.input-field .datepicker.ng-empty + label.active:after {
  top: 45px;
}

/* INPUT UI ENDS */
/*----------------------------*	 #dropdown 
\*--------------------------------*/
/* 
  * added curve border in dropdown
*/
.dropdown-content {
  border-radius: 2px;
  /*background: #fafafa;*/
}

/*float-btn-fixed on page stick*/
.fixed-action-btn.is-page-end {
  position: inherit;
  padding-top: 0;
  padding-bottom: 5px;
  float: right;
  padding-right: 23px;
  margin-bottom: 23px;
}

/*float-btn-fixed is-action-btn*/
.is-action-btn-trigger i.icon svg {
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

.active .is-action-btn-trigger i.icon svg {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform-origin: center center;
}

.pricesheetTable {
  table-layout: fixed;
}

.pricesheetTable [type="checkbox"] + label {
  height: 20px;
}

.pricesheetTable i.small {
  font-size: 1rem;
}

.pricesheetTable td {
  padding: 9px 10px 8px;
  color: #212121;
}

.pricesheetTable th:first-child, .pricesheetTable td:first-child {
  padding-left: 20px !important;
}

.pricesheetTable th {
  padding: 14px 10px 13px !important;
}

.pricesheetTable th .th-cnt {
  max-width: calc(100% - 30px);
}

.sidebar-btn svg {
  width: 16px !important;
}

.secHeader {
  font-size: 1.28571rem;
}

.progress--bar {
  height: 2px;
  background-color: #e5e5e5;
  border-radius: 0px;
  margin: 1.5rem 0 0.3rem 0;
  width: 10%;
  display: inline-block;
}

.progress--bar .indeterminate--bar {
  background-color: #66cc66;
}

/* ADD ROWS POPOVER */
.addRowRB [type="radio"]:not(:checked) + label, .addRowRB [type="radio"]:checked + label {
  padding-left: 25px;
}

.addRowRB .redio-chanel label {
  margin: 0;
}

.addRowRB .marginRight30:last-child {
  margin-right: 0;
}

/* ADD ROW POPOVER ENDS */
.icon.icon--xLarge > svg {
  width: 68px;
  height: 68px;
}

.tabShadow .borderBtmGray {
  box-shadow: 0px 1px 5px #e0e0e0;
  border-color: #e0e0e0;
}

.circle-clipper.circle-clipper--x .circle {
  border-width: 2px;
}

.preloader-wrapper.x-small {
  width: 18px;
  height: 18px;
}

/*------------------------------------*	#date modification
\*------------------------------------*/
/**
 * Extend `.input[type=text][readonly] {}`, to show border below date field 
 */
[type=date] input[type=text][readonly] {
  border-bottom: 1px solid #e0e0e0;
}

/*[type=date] input[type=text] + label:before {
	content: "";
	border-top: 5px solid rgba(0, 0, 0, 0.7);
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	display: inline-block;
	right: -10px;
	top: 25px;
}*/
table [type=date] input[type=text] + label:before {
  top: 14px;
  right: -11px;
}

/*------------------------------------*	#dropdown modification
\*------------------------------------*/
/**
 * Extend `.dropdown-content li {}`, to increase li height in grid header
 */
/*th .dropdown-content li {
	line-height: 3rem;
}*/
.lookup-popup.list-item:hover {
  background-color: #eee;
}

.dropdown-content li > a, .dropdown-content li > span {
  color: #212121;
}

.dropdown-content li {
  cursor: default;
  box-sizing: border-box;
}

/* remove tab background*/
.tabs {
  background-color: rgba(255, 255, 255, 0);
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  padding-left: 30px;
  color: rgba(0, 0, 0, 0.87);
}

[type="checkbox"] + label {
  padding-left: 29px;
  color: rgba(0, 0, 0, 0.87);
  height: 27px;
  line-height: 27px;
}

textarea.materialize-textarea + label:after {
  top: 44px;
}

.input-field textarea.materialize-textarea ~ label.active.emptyTxt {
  top: 1.6rem !important;
}

.material-tooltip {
  white-space: pre-wrap;
  max-width: 50%;
  z-index: 2030;
}

.switch label {
  height: 21px;
  display: inline-block;
}

.box-solid {
  border: 1px solid #ccc;
  min-height: 100px;
}

.box-switch .switch label .lever {
  float: left;
}

.box-switch .switch label span:first-child {
  width: 145px;
  display: block;
  float: left;
  margin-top: -12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.switch label .lever {
  top: -3px;
  width: 28px;
  height: 5px;
  margin: 0px;
  margin-left: 2px;
  background-color: #cccccc;
}

.switch label .lever:after {
  width: 14px;
  height: 14px;
  border-radius: 14px;
  top: -5px;
  left: 0px;
  box-shadow: 0px 1px 1.96px 0.04px rgba(3, 3, 3, 0.68);
  background-color: #fff;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #7ac5fa;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #0177d6;
}

.switch label input[type=checkbox][disabled] + .lever {
  background-color: #ccc;
}

.switch label input[type=checkbox][disabled]:checked + .lever {
  background-color: #b2e5ff;
}

.switch label input[type=checkbox][disabled] + .lever:after {
  background-color: #e1e1e1;
  box-shadow: None;
}

.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #8acefd;
  box-shadow: None;
}

.switch label input[type=checkbox]:checked + .lever:after {
  left: 14px;
}

textarea.materialize-textarea[readonly="readonly"] {
  top: 1.6rem;
}

/*.btn-flat:hover{background:rgba(158,158,158,0.2);}*/
table.highlight.noTransitionTr > tbody > tr {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

/*.textareaSpace.input-field label{top:1.45rem;}
.textareaSpace.input-field label.active{transform:translateY(-60%)}*/
.textareaSpace textarea.materialize-textarea {
  padding: 0;
  min-height: 0;
}

/*.textareaSpace textarea.materialize-textarea:focus, .textareaSpace textarea.materialize-textarea[readonly="readonly"]{padding:20px 0 0 0;}*/
.textareaSpace textarea.materialize-textarea + label:after {
  top: 48px;
}

.btn-floating i {
  line-height: 33px;
}

.collection.with-header .collection-item.avatar {
  padding-right: 20px;
}

.lookup-modal .select-dropdown li:hover {
  background-color: #eee;
}

.lookup-popup .dropdown-content li > a,
.lookup-popup .dropdown-content li > span {
  padding: 0.5rem;
}

.lookup-popup .select-dropdown li {
  cursor: pointer;
}

textarea.materialize-textarea {
  max-height: 84.2px !important;
  overflow: auto;
  min-height: 1.8rem;
}

.whiteSecondaryBtn .btn {
  background-color: #fff;
  color: #0177d6;
}

/*.highlight01{background:lighten('#000000', 2%), -webkit-box-shadow:inset 0 3px 3px 0 #bebebe; box-shadow:inset 0 3px 3px 0 #bebebe;}*/
/*------------------------------------*	#form focus modification
\*------------------------------------*/
/*[type="radio"]:checked + label:before {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}*/
/*[type="checkbox"]:focus + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}*/
[type="checkbox"].filled-in:focus + label:after {
  border-radius: 2px;
}

[type="checkbox"].filled-in:checked:focus + label:after {
  border-radius: 2px;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 8px rgba(0, 0, 0, 0.08);
}

/*@media only screen and (max-width: 1000px){
    input[type=checkbox]:not(:disabled):focus ~ .lever::after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
    }
}*/
input[disabled][type="checkbox"] + label {
  cursor: default;
}

/*.btn:focus, .btn-flat:focus {
	background-color:#1a77c9;
	color:#fff;
}   
			  
a:focus, i.icon:focus{
	color:#1a77c9;
	outline:1px auto #159dfc;
}*/
.nav-wrapper .btn:focus, .extra-nav-wrap .btn:focus, .modal-header .btn:focus, .dropdown-content-header .btn:focus, .dropdown-content-content .btn:focus, .modal-content .search-icon:focus, .modal-content .cancel-icon:focus,
.nav-wrapper .btn-flat:focus, .extra-nav-wrap .btn-flat:focus, .modal-header .btn-flat:focus, .dropdown-content-header .btn-flat:focus, .dropdown-content-content .btn-flat:focus,
.nav-wrapper a:focus, .extra-nav-wrap a:focus, .modal-header a:focus, .dropdown-content-header a:focus, .dropdown-content-content a:focus,
.nav-wrapper i.icon:focus, .extra-nav-wrap i.icon:focus, .modal-header i.icon:focus, .dropdown-content-header i.icon:focus, .dropdown-content-content i.icon:focus {
  outline: 1px solid #159dfc;
  outline: 1px auto #159dfc;
  /*background-color:inherit;
    color:inherit;*/
}

/*------------------------------------*	#collapsible modification
\*------------------------------------*/
.collapsible-header {
  padding: 0 1.2rem;
}

.collapsible-header i {
  margin-right: 0.5rem;
}

/*--------------------------------------*	#changes for ui-grid
\*-------------------------------------*/
.ui-grid-cell .btn-flat {
  height: 30px;
  line-height: 20px;
}

/*------------------------------------*	#update model padding
\*------------------------------------*/
.model.update--model .modal-header {
  padding: 17px 24px;
}

/*------------------------------------*	#dropdown li hover color 
\*------------------------------------*/
/**
 * Extend `.dropdown-content li:hover {}`, to remove background color on tabs hover
 */
.dropdown-content li.tab:hover {
  background-color: #fff;
}

/*------------------------------------*	#collection 
\*------------------------------------*/
/**
 * Extend `.collection a.collection-item {}`, to change background & text color
 */
.collection a.collection-item {
  color: #0177d6;
}

.collection .collection-item.active {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}

.dropdown-content li.optgroup:hover,
.dropdown-content li.optgroup.active,
.dropdown-content li.optgroup.selected {
  background: #fff;
  cursor: default;
}

.dropdown-content li.optgroup {
  padding-left: 0;
}

.dropdown-content li.optgroup > span {
  color: #9e9e9e;
}

.dropdownHasDivider .dropdown-content li.optgroup {
  border-top: 1px solid #eee;
}

.dropdownHasDivider .dropdown-content li.optgroup > span {
  display: none;
}

.text-justify {
  text-align: justify;
}

.shadowNone {
  box-shadow: none !important;
}

.sub-title {
  font-size: 1.28571rem;
  color: #212121;
  padding: 17px 22px;
}

/*------------------------------------*	#toast 
\*------------------------------------*/
/**
 * Extend `.toast {}`, to change position & behaviour of toast
 */
.toast-container {
  max-width: 400px;
  bottom: 10px;
  left: 10px;
  display: block;
  position: fixed;
  z-index: 10000;
}

.toast-animation--duration {
  animation-duration: 0.5s !important;
}

.toast-transition--easeIn {
  transition: all 0.5ms ease-in;
}

.toast-transition--easeOut {
  transition: all 0.5ms ease-out;
}

#toast-container {
  max-width: 400px;
  left: 10px;
  bottom: 78px;
  top: auto;
  right: auto;
}

#toast-container .toast {
  height: auto;
  line-height: 1.4;
  padding: 14px 25px 13px;
  word-break: break-word;
}

.filterHeaderAction .dropdown-content li > a,
.dropdown-content li > span, .dropdown-content li > a {
  color: #5A5A5A;
  padding: 0.7rem 0.7rem;
}

.input-field textarea ~ label {
  top: 1.3rem !important;
  bottom: auto !important;
}

.input-field textarea ~ label.active, .input-field textarea:focus:not([readonly]) + label {
  top: 0rem !important;
  bottom: auto !important;
  font-size: 12px;
}

textarea.materialize-textarea {
  margin-top: 16px;
}

/*------------------------------------*	#badge 
\*------------------------------------*/
/**
 * Extend `.badge {}`, to change position  of count
 */
span.collection-Badge--position {
  top: 0.7857rem;
  right: 0.3571rem;
}

/*------------------------------------*	#textfield suffix icon 
\*------------------------------------*/
/**
 * Extend `.input-field .suffix {}`, to change position  of icon
 */
.input-field .suffix {
  right: 0;
}

/*------------------------------------*	#update for textarea  height
\*------------------------------------*/
textarea.materialize-textarea {
  height: 1.8rem;
  padding: 0;
}

.input-field textarea ~ label.active {
  top: -0.6rem;
  bottom: auto !important;
}

[type="checkbox"].filled-in:checked + label:before {
  top: 5px;
  width: 7px;
  height: 11px;
  border-top-width: 1px;
  border-left-width: 1px;
}

[type="checkbox"].filled-in:checked + label:after {
  top: 5px;
  width: 16px;
  height: 16px;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 16px;
  width: 16px;
  top: 5px;
}

[type="radio"] + label:before, [type="radio"] + label:after {
  left: 0px;
}

[type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after {
  left: 5px;
}

/*DATE FIELD - DISABLED STATE NO BORDER */
[type=date] input[type=text][readonly][disabled] {
  border-bottom: none;
}

/* DATE FIELD - DISABLED STATE NO BORDER END */
.input-field .field-suffix-loader {
  position: absolute;
  top: 10px;
  right: 10px;
}

.input-field .field-suffix-loader ~ input[type="text"] {
  padding-right: 25px;
  box-sizing: border-box;
}

.select-wrapper .select-dropdown {
  max-height: 200px;
}

.character-counter {
  margin-top: 0px;
}

span.character-counter {
  line-height: 0 !important;
  margin-top: 8px !important;
}

.readonly-value-manager + span.character-counter {
  margin-top: 14px;
}

.optionalField .character-counter {
  margin-right: 22px;
  line-height: 0;
  margin-top: 5px;
}

/*------------------------------------*	#textfield type number removed spinner
\*------------------------------------*/
/**
 * Extend `input[type=number]`, removed spinner
 * this property is not supported by IE11 & opera mini all
 */
.noSpinner input[type=number]::-webkit-inner-spin-button,
.noSpinner input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/*-----------------------------*	#collection With spacing	
/*-----------------------------*/
.collection-with-spacing {
  border: none;
}

.collection-with-spacing .collection-item {
  border: 1px solid #e0e0e0;
  margin-bottom: 5px;
}

.collection-with-spacing .collection-item:last-child {
  border: 1px solid #e0e0e0;
}

.collection-with-spacing .collection-item.avatar {
  min-height: 50px;
}

.collection-with-spacing .collection-item.avatar .circle {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  height: 30px;
  width: 30px;
  color: #949494;
  line-height: 27px;
  text-align: center;
}

.secondary-content-with-waves {
  top: 6px;
}

textarea + label + .character-counter,
input[type=text] + label + .character-counter {
  visibility: hidden;
}

textarea:focus + label + .character-counter,
input[type=text]:focus + label + .character-counter {
  visibility: visible;
}

.ddautoHeight {
  height: auto !important;
}

.ddContentWithPadding {
  padding: 1.7143rem;
}

.dropdown-content--size-xsmall {
  width: 150px;
}

@media only screen and (min-width: 961px) {
  .toast {
    float: left;
  }
}

.row::after {
  display: block;
  height: 0;
  overflow: hidden;
}

.tabs .tab a {
  padding: 15px 20px 10px;
}

::selection {
  background-color: #3297fd;
  color: #fff;
}

.select-wrapper input.select-dropdown:focus::selection {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9);
}

/* Show Less Show More For Read Only Text Area block 2 Start */
.areaReadOnlyContent {
  position: relative;
}

.areaReadOnlyContent .areaReadOnlyPara {
  margin-right: 52px !important;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.87);
}

.areaReadOnlyContent .areaReadOnlyPara span:focus {
  outline: none !important;
}

.areaReadOnlyContent .areaReadOnlyPara.readOnlyshowLess {
  white-space: nowrap;
}

.areaReadOnlyContent .areaReadOnlyPara.areareadOnlyContentPara1 {
  max-width: calc(100% - 110px);
  text-align: justify;
}

.areaReadOnlyContent .areaReadOnlyPara.areareadOnlyContentPara2 {
  max-width: 100%;
  margin-right: 0 !important;
  text-align: justify;
}

.areaReadOnlyContent .areaReadOnlyPara > p {
  margin: 2px 0;
}

.areaReadOnlyContent .showMoreLink {
  width: 115px;
  right: 0;
  position: absolute;
  bottom: 0;
  cursor: default;
  padding-left: 5px;
  height: 100%;
}

.areaReadOnlyContent .ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.areaReadOnlyContent + label {
  top: -15px !important;
  bottom: auto !important;
}

/* Show Less Show More For Read Only Text Area block 2 Start */
/*css for textfield*/
.input-field .prefix + div > input,
.input-field .prefix + div > textarea {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.input-field .suffix + div > input,
.input-field .suffix + div > textarea {
  margin-right: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.input-field .prefix + div > textarea, .input-field .suffix + div > textarea {
  padding-top: .8rem;
}

.input-field .prefix + div > label {
  margin-left: 3rem;
}

.input-field .suffix + div > label {
  margin-right: 3rem;
}

@media only screen and (max-width: 960px) {
  .input-field .prefix + div > input, .input-field .suffix + div > input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 600px) {
  .input-field .prefix + div > input, .input-field .suffix + div > input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

/*added this to resolve TWO-10933 - as it is occussring because of updated version of velocity.js*/
.fixed-action-btn ul {
  bottom: 94px;
}

.fixed-action-btn.activeOnClick ul {
  bottom: 54px;
}

.fixed-action-btn.top ul {
  top: 35px;
}

/*TWO-10933 - end*/
.modal {
  border-radius: 0;
}

.autocomplete-suggestions.autocomplete-suggestion-box {
  max-height: 300px;
  z-index: 9999;
  display: block !important;
  position: absolute;
  width: 100%;
  color: #000 !important;
  font-size: 1rem !important;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #0177d6;
}

/*added following classes due to overwrite materialize classes*/
html {
  color: #1c1c1c;
}

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

.blue {
  background-color: #0177d6 !important;
}

.blue-text {
  color: #0177d6 !important;
}

.green {
  background-color: #268406 !important;
}

.green-text {
  color: #268406 !important;
}

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

.orange {
  background-color: #e67300 !important;
}

.orange-text {
  color: #e67300 !important;
}

.purple {
  background-color: #9577db !important;
}

.purple-text {
  color: #9577db !important;
}

.cyan-text.text-lighten-3 {
  color: #64c1ff !important;
}

/*status background color classess*/
.error-status-bg {
  background-color: #d63d3d;
}

.success-status-bg {
  background-color: #268406;
}

.pending-status-bg {
  background-color: #e67300;
}

.notYetStarted-status-bg {
  background-color: #667985;
}

.notAvailable-status-bg {
  background-color: #a8a8a8;
}

.confirmation-status-bg {
  background-color: #ffc107;
}

/*status color classes*/
.error-status-text {
  color: #d63d3d;
}

.success-status-text {
  color: #268406;
}

.pending-status-text {
  color: #e67300;
}

.notYetStarted-status-text {
  color: #667985;
}

.notAvailable-status-text {
  color: #a8a8a8;
}

.confirmation-status-text {
  color: #ffc107;
}

/* SELECT FOCUS  */
input[type=text][readonly="readonly"].select-dropdown:focus, input[type=text][readonly].select-dropdown:focus {
  background: rgba(0, 0, 0, 0.1);
}

@keyframes leftToRight {
  0% {
    right: -100%;
  }
  100% {
    right: 85%;
  }
}

@-webkit-keyframes leftToRight {
  0% {
    right: -100%;
  }
  100% {
    right: 85%;
  }
}

@-moz-keyframes leftToRight {
  0% {
    right: -100%;
  }
  100% {
    right: 85%;
  }
}

@-ms-keyframes leftToRight {
  0% {
    right: -100%;
  }
  100% {
    right: 85%;
  }
}

@-o-keyframes leftToRight {
  0% {
    right: -100%;
  }
  100% {
    right: 85%;
  }
}

@keyframes rightToLeft {
  0% {
    left: 0;
  }
  100% {
    left: 85%;
  }
}

@-webkit-keyframes rightToLeft {
  0% {
    left: 0;
  }
  100% {
    left: 85%;
  }
}

@-moz-keyframes rightToLeft {
  0% {
    left: 0;
  }
  100% {
    left: 85%;
  }
}

@-ms-keyframes rightToLeft {
  0% {
    left: 0;
  }
  100% {
    left: 85%;
  }
}

@-o-keyframes rightToLeft {
  0% {
    left: 0;
  }
  100% {
    left: 85%;
  }
}

@keyframes topToBottom {
  0% {
    bottom: -10%;
  }
  100% {
    bottom: 85%;
  }
}

@-webkit-keyframes topToBottom {
  0% {
    bottom: -10%;
  }
  100% {
    bottom: 85%;
  }
}

@-moz-keyframes topToBottom {
  0% {
    bottom: -10%;
  }
  100% {
    bottom: 85%;
  }
}

@-ms-keyframes topToBottom {
  0% {
    bottom: -10%;
  }
  100% {
    bottom: 85%;
  }
}

@-o-keyframes topToBottom {
  0% {
    bottom: -10%;
  }
  100% {
    bottom: 85%;
  }
}

@keyframes bottomToTop {
  0% {
    top: -10%;
  }
  100% {
    top: 85%;
  }
}

@-webkit-keyframes bottomToTop {
  0% {
    top: -10%;
  }
  100% {
    top: 85%;
  }
}

@-moz-keyframes bottomToTop {
  0% {
    top: -10%;
  }
  100% {
    top: 85%;
  }
}

@-ms-keyframes bottomToTop {
  0% {
    top: -10%;
  }
  100% {
    top: 85%;
  }
}

@-o-keyframes bottomToTop {
  0% {
    top: -10%;
  }
  100% {
    top: 85%;
  }
}

/*-------------------------------------------*  #staggered animation css 
\*------------------------------------------*/
/**
 * staggered animation for right to left
 */
.staggeredRight.ng-enter {
  opacity: 0;
  left: 60px;
  transition: all ease 0.25s;
  position: relative;
}

.staggeredRight.ng-enter-stagger {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
}

.staggeredRight.ng-enter.ng-enter-active {
  opacity: 1.0;
  left: 0;
}

/*-------------------------------------------*  #staggered animation css 
\*------------------------------------------*/
/**
 * staggered animation for left to right
 */
.staggeredLeft.ng-enter {
  opacity: 0;
  right: 60px;
  transition: all ease 0.25s;
  position: relative;
}

.staggeredLeft.ng-enter-stagger {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
}

.staggeredLeft.ng-enter.ng-enter-active {
  opacity: 1.0;
  right: 0;
}

/*-------------------------------------------*  #staggered animation css 
\*------------------------------------------*/
/**
 * staggered animation for bottom to top
 */
.staggeredTop.ng-enter {
  transform: translateY(60px);
  transition: all ease 0.25s;
  opacity: 0;
}

.staggeredTop.ng-enter-stagger {
  transition-delay: 0.2s;
  transition-duration: 0s;
  transform: translateY(0);
}

.staggeredTop.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateY(0);
}

/***********************************      blue-overlay
\***********************************/
.blue-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 103, 176, 0.92);
  z-index: 1000;
}

.blue-overlay .centered {
  position: relative;
  top: 50%;
  margin-top: -118.5px;
}

.blue-overlay .centered .action-box {
  width: 172px;
  height: 172px;
  margin: 10px;
  padding: 10px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.blue-overlay .centered .action-box .action-box-icon {
  padding: 30px 30px 24px;
}

.blue-overlay .centered .action-box .action-box-icon .action-icon {
  margin: 0 auto;
}

.blue-overlay .centered .action-box .action-box-icon .action-icon svg {
  width: 60px;
  height: 60px;
}

.blue-overlay .centered .action-box .action-box-text {
  position: absolute;
  width: 100%;
  padding: 10px 20px;
  left: 0;
  bottom: 0;
}

.blue-overlay .overlay-okay-button {
  position: absolute;
  bottom: 15px;
  right: 20px;
}

.blue-overlay .layout-profile-image {
  width: 15vw;
  height: 15vw;
}

.blue-overlay .slider-container {
  display: inline;
  float: left;
  position: relative;
  width: 100%;
}

.blue-overlay .action-block-disable {
  color: #e7e7e7;
  cursor: default !important;
  box-shadow: none;
}

.card-page-container {
  /*min-height: 550px;*/
  margin: 0;
  position: relative;
  /*Edge Double scroll*/
}

.card-page-container .scrollbar-outer.scroll-content.scroll-scrolly_visible {
  -ms-overflow-style: none;
}

.card-page-container .scroll_card_prev_button, .card-page-container .scroll_card_next_button {
  height: 45px;
  width: 45px;
  justify-content: center;
  text-align: center;
  display: flex;
  vertical-align: middle;
}

.card-page-container .scroll_card_prev_button i, .card-page-container .scroll_card_next_button i {
  line-height: inherit;
}

.card-page-container .landing-cards .card-header {
  height: 140px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.card-page-container .landing-cards .card-header .card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.card-header {
    height: 87px !important;
}
.card-action  {
    height: 62px !important
}

.card-page-container .landing-cards .card-header .card-title .container {
  position: relative;
  width: calc(100% - 30px);
}

.card-page-container .landing-cards .card-header .card-title .container .card-header-title {
  width: 80%;
  float: left;
}

.card-page-container .landing-cards .card-header .card-title .container .card-status {
  position: absolute;
  bottom: -11px;
  left: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
}

.card-page-container .landing-cards .work-count {
  float: right;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: -5px;
  bottom: 39px;
  background: #fdd835;
  z-index: 98989899;
  border-radius: 3px;
  width: 75px;
  height: 30px;
  text-align: center;
  padding: 3px 0 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.work-count {
  float: right;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: -5px;
  bottom: 39px !important;
  background: #fdd835;
  z-index: 98989899;
  border-radius: 3px;
  width: 75px;
  height: 30px;
  text-align: center;
  padding: 3px 0 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card-page-container .landing-cards .work-count.isfilteredCount {
  cursor: pointer;
  color: #0177d6;
  background: #fff;
}

.card-page-container .landing-cards i.card-header-icon {
  color: #fff;
  opacity: 0.2;
  position: absolute;
  top: -78px;
  left: -62px;
  /*	@include scale(15);*/
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.card-page-container .landing-cards i.card-header-icon svg {
  height: 360px;
  width: 360px;
}

.card-header-btn-option {
  margin-top: 12px;
  text-align: right;
  float: right;
  padding-right: 23px;
}

.card-header-btn-option .card-search .input-field {
  top: -12px;
  width: calc(100% - 37px);
  float: left;
  opacity: 0.01;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.card-header-btn-option .input-field [type=text] {
  padding-left: 35px;
}

.card-header-btn-option .card-search.open .input-field {
  opacity: 1;
  font-size: 1.2rem;
}

.card-header-btn-option .card-search.open .input-field input {
  font-size: 1.2rem;
}

.card-header-btn-option .card-search.open .input-field input::-webkit-input-placeholder {
  color: #fff;
}

.card-header-btn-option .card-search.open .input-field input:-moz-placeholder {
  color: #fff;
}

.card-header-btn-option .card-search.open .input-field input::-moz-placeholder {
  color: #fff;
}

.card-header-btn-option .card-search.open .input-field input:-ms-input-placeholder {
  color: #fff;
}

.card-header-btn-option .card-search.open .input-field pre {
  color: #ffffff;
}

.card-header-btn-option li {
  display: block;
  float: left;
}

.card-header-btn-option li.card-search {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 46px;
  position: relative;
  margin-top: 2px;
}

.card-header-btn-option li.card-search .search-icon {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 1;
}

.card-header-btn-option li.card-search .cancel-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
  z-index: 1;
}

.card-header-btn-option li.card-search.open {
  width: 320px;
}

.card-header-btn-option li.card-search.open .search-icon {
  left: 0px;
  padding: 0;
}

.card-header-btn-option li.card-search.open .cancel-icon {
  display: block;
}

.card-header-btn-option > li .btn-flat {
  padding: 0 6px;
  border-radius: 50%;
}

.card-header-btn-option > li .btn-flat i {
  line-height: 1rem;
}

.card-header-btn-option > li .btn-flat:focus {
  box-shadow: none;
  background: none;
}

.iconThree .card-header-btn-option li.card-search.open {
  width: 310px;
}

.choose_slider_items > ul > li {
  position: relative;
  list-style: none;
  display: none;
  width: 464px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.choose_slider_items > ul.fastAnimate > li {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.choose_slider_items > ul.acceleratedFastAnimate > li {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.choose_slider_items .previous_item {
  display: block;
  /*@include scale(0.9,0.9);*/
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 0;
  transform: translateY(-50%) scale(0.9, 0.9);
}

.choose_slider_items .next_item {
  display: block;
  /*@include scale(0.9,0.9);*/
  opacity: 1;
  position: absolute;
  top: 50%;
  left: calc(100% - 486px);
  z-index: 0;
  transform: translateY(-50%) scale(0.9, 0.9);
}

.choose_slider_items .previous_hidden {
  display: block;
  /*@include scale(0.8,0.8);*/
  opacity: 0;
  position: absolute;
  top: calc(50% + 40px);
  left: 95px;
  z-index: 0;
  transform: translateY(-50%) scale(0.8, 0.8);
}

.choose_slider_items .next_hidden {
  display: block;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  opacity: 0;
  position: absolute;
  top: 50%;
  left: calc(50% - 233px);
  z-index: 0;
  transform: translateY(-50%);
}

.choose_slider_items .previous_item_2 {
  display: block;
  /*@include scale(0.6,0.6);*/
  opacity: 0.35;
  position: absolute;
  top: calc(50% + 40px);
  left: -5px;
  z-index: 0;
  transform: translateY(-50%) scale(0.6, 0.6);
}

.choose_slider_items .next_item_2 {
  display: block;
  -webkit-transform: scale(0.6, 0.6);
  -moz-transform: scale(0.6, 0.6);
  -ms-transform: scale(0.6, 0.6);
  -o-transform: scale(0.6, 0.6);
  transform: scale(0.6, 0.6);
  opacity: 0.35;
  position: absolute;
  top: calc(50% + 40px);
  left: 525px;
  z-index: 0;
  transform: translateY(-50%) scale(0.6, 0.6);
}

.choose_slider_items.card {
  box-shadow: 25px 10px 150px 0px rgba(0, 0, 0, 0.21);
}

.choose_slider_items .card.scrolledCard .card-header {
  height: 87px;
}

.choose_slider_items .card.scrolledCard .card-header.searchOpenH .card-title {
  z-index: -1;
}

.choose_slider_items .card.scrolledCard .card-header.searchOpenH .card-title .card-status {
  opacity: 0;
}

.choose_slider_items .card.scrolledCard .card-header ._favIcon {
  margin-left: -17px;
}

.choose_slider_items .card.scrolledCard .card-title .card-status {
  -webkit-transform: translateY(-31px);
  -moz-transform: translateY(-31px);
  -ms-transform: translateY(-31px);
  -o-transform: translateY(-31px);
  transform: translateY(-31px);
  font-size: 0.55em;
  width: 200px;
}

.choose_slider_items .card.scrolledCard .card-title .container .card-status {
  width: 90%;
}

.choose_slider_items .card.scrolledCard .card-content {
  height: 100%;
  padding: 30px 0 0;
}

.choose_slider_items .search-open .card.scrolledCard .card-title .card-status {
  opacity: 0;
  z-index: -1;
}

.choose_slider_items .filterDropDown .drop-down-footer {
  margin: 10px 0;
  padding: 0 6px;
}

.choose_slider_items .filterDropDown .drop-down-footer:after {
  clear: both;
  content: '';
  height: 0;
  width: 100%;
  display: block;
}

.choose_slider_items .filterDropDown.maxHeight300 {
  max-height: 300px !important;
}

.landing-cards .slick-slide .card {
  margin: 0 !important;
}

.landing-cards .card-content {
  padding: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  height: 265px;
}

.landing-cards .card-content .tabparent .scroll-x, .landing-cards .card-content .tabparent .scroll-y {
  display: none;
}

.landing-cards .card-content .scrollbar-outer {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  height: auto !important;
  min-height: 275px;
  overflow-x: hidden !important;
  /*remove horizontal scroll bar from cards in IE*/
  width: 100% !important;
}

.landing-cards .card-content .tabparent .scrollbar-outer {
  min-height: 40px !important;
  width: auto !important;
}

.landing-cards .collection {
  margin: 0;
  border: none;
}

.landing-cards .card-action {
  height: 62px;
  box-sizing: border-box;
  padding-top: 13px;
  padding-bottom: 13px;
  position: relative;
  background: #fff;
  z-index: 10;
  border-top: 1px solid #ccc;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.card-button {
  color: #0177d6;
}

.card-button[disabled='disabled'] {
  color: #343434;
}

.card-exp-cotent {
  margin: 0;
}

.card-exp-cotent > .scrollContainer {
  height: calc( 100% - 30px);
}

.expanded-card-item {
  width: 145% !important;
  height: 600px !important;
  z-index: 1000 !important;
  left: -25% !important;
  top: -100px !important;
}

.expand-card-transition {
  transition: all 2s;
}

@media screen and (976px) {
  .card-exp-cotent > .scrollContainer {
    height: 465px;
  }
}

.stackholder-card-header {
  display: inline-block;
  background-color: #f0f0f0;
  padding: 0 10px;
  position: relative;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  color: #919191;
}

.stackholder-card-header::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 26px solid #f0f0f0;
  border-right: 7px solid rgba(231, 231, 231, 0);
  display: inline-block;
  position: absolute;
  right: -7px;
  top: 0;
}

/*card header background colors*/
.color-one {
  background-color: #E53935;
}

.color-two {
  background-color: #5A68C8;
}

.color-three {
  background-color: #DA7800;
}

.color-four {
  background-color: #ED498A;
}

.color-five {
  background-color: #71A044;
}

.color-six {
  background-color: #9577DB;
}

.cards-title-container {
  display: inline-block;
  padding-left: 24px;
  width: calc(100% - 80px);
}

.isfilteredCount {
  cursor: pointer;
  color: #0177d6;
  background: #fff;
}

.cards-title {
  display: table;
  height: 67px;
  /*width: 285px;*/
}

.cards-title .card-header-title {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 24px;
}

.collection-item.avatar:last-child {
  padding-bottom: 15px !important;
}

.choose_slider_items .card.scrolledCard .cardWithTabs .card-header {
  height: 40px !important;
}

.card-content .scrollbar-outer.scroll-content.scroll-scrolly_visible {
  margin-right: 0 !important;
}

.cardWithTabs {
  position: relative;
  width: 100%;
  z-index: 5;
  overflow: hidden;
  /*.slideTabData {
        position: absolute;
        top: 40px;
        opacity: 0;
        transition: all linear 0.3s;
    }*/
  /*.row div.slideTabData.ng-hide {
        display: block !important;
    }

    .row div.slideTabData.ng-hide:nth-child(3) {
        transform: translateX(180px);
    }*/
  /*.row div.slideTabData.ng-hide:nth-child(2) {
        transform: translateX(-180px);
    }

    .tabparent-container ~ .slideTabData:not(.ng-hide) {
        transform: translateX(0px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        transition: all ease-out 0.2s 0.1s;
    }*/
}

.cardWithTabs .scrollbar-outer {
  min-height: auto !important;
}

.cardWithTabs .tabparent-container.card-header {
  height: initial !important;
  padding: 0 !important;
}

.cardWithTabs .tabs .tab a {
  color: rgba(255, 255, 255, 0.65);
}

.cardWithTabs .tabs .tab a.active {
  border-bottom: 3px solid #fdd835 !important;
}

.cardWithTabs .tabs .tab a:hover {
  color: rgba(255, 255, 255, 0.65);
}

.cardWithTabs .tabparent-container {
  box-shadow: none !important;
}

.cardWithTabs .tabs .tab a {
  padding: 6px 16px 15px !important;
}

.cardWithTabs ul.tabs {
  height: 40px !important;
}

.cardWithTabs .tabs .tab .active {
  color: #ffffff;
}

.cardWithTabs .tabContents .scrollbar-outer, .cardWithTabs smart-list .scrollbar-outer {
  float: left;
}

.cardWithTabs .slideTabData .scrollbar-outer.scroll-content.scroll-scrolly_visible {
  -ms-overflow-style: none;
  margin-right: 0 !important;
  width: 100% !important;
}

.cardWithTabs .slideTabData .scroll-wrapper.scrollbar-outer {
  width: 100% !important;
}

.cardWithTabs .collection .collection-item.avatar .circle {
  top: 13px;
}

.collection .collection-item.avatar p, .collection .collection-item p {
  line-height: 17px;
}

.card-content .collection .collection-item.avatar .title span {
  padding-bottom: 4px;
  display: block;
}

/*collection with no border*/
.collection.no-outer-border {
  border: none;
}

.collection.noBorder {
  border: none;
}

.collection {
  overflow: visible;
  /* SEARCH RIGHT SIDE SPACING - ADD LINE FROM LOOKUP */
  /* SEARCH RIGHT SIDE SPACING - ADD LINE FROM LOOKUP ENDS */
}

.collection.no-outer-border {
  border: none;
}

.collection.noBorder {
  border: none;
}

.collection.noBorder .collection-item {
  border-bottom: none;
}

.collection .collection-title-font-size-medium {
  font-size: 1rem;
}

.collection .searchSlideMain .searchWithHiddenTextField {
  width: 1.8em;
}

.collection .searchSlideMain .searchWithHiddenTextField .cancel-icon {
  right: -6px;
}

.collection .searchSlideMain .searchWithHiddenTextField.active {
  width: 100%;
}

.collection .searchSlideMain .searchWithHiddenTextField .input-field {
  transition: none;
}

.collection .searchSlideMain .searchWithHiddenTextField input[type=text] {
  transition: none;
}

/*collection with no border*/
.collection .collection-item {
  /*&.avatar {
			.circle {
				&.requisition {
					background: #329c91 !important;
				}

				&.rfx-request {
					background: #cc9933;
				}

				&.contract {
					background: #66cc66;
				}
                &.rfx {
                    background: rgba(224, 224, 224, 0.38);
                }
			}
		}*/
}

.collection .collection-item .secondary-content {
  position: absolute;
  top: 10px;
  right: 17px;
}

.collection .collection-item.waves-effect {
  display: block;
}

.s-c--closest-top {
  top: 4px !important;
}

/*------------------------------------*	#added inline list
\*------------------------------------*/
.inlineList {
  padding: 1.071rem 0;
}

.inlineList .inlineList-item {
  padding: 0.7143rem 1.429rem;
  /*&:hover{
            background-color:#eee;
            transition:all 0.5s ease-in-out;
        }*/
}

.collection li.collection-item.avatar i.circle {
  color: #fff !important;
  line-height: 32px !important;
}

.collection .is-added .collecton-item-secondary-text-wrapper {
  color: #c3c3c3;
}

.collection.collection-with-right-icon .collection-item {
  padding-right: 55px;
}

.hideHorizontalScroll ul.collection {
  overflow-x: hidden !important;
}

table.cke_dialog tr td {
  padding-left: 0;
  padding-right: 0;
}

table.cke_dialog_contents tr td.cke_dialog_contents_body {
  padding: 0 20px;
}

table input.cke_dialog_ui_input_text {
  margin-top: 0;
}

.filterWraper {
  margin-bottom: 24px;
}

.filterWraper .filterItem {
  padding: 5px 30px;
  display: none;
  float: left;
  box-sizing: border-box;
}

.filterWraper .filterItem.currentDisplay {
  display: block;
}

.filterWraper .filterItem.currentDisplay + .filterItem {
  display: block;
}

.filterWraper .filterItem.currentDisplay + .filterItem + .filterItem {
  display: block;
}

.filterWraper .filterItem .option-container {
  padding: 5px;
  overflow: auto;
  max-height: 245px;
}

.filterWraper .arrowWraper {
  float: right;
  text-align: right;
  margin-right: 15px;
}

.filterWraper .arrowWraper span {
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  float: right;
  border: 1px solid gray;
  cursor: pointer;
}

.filterWraper .arrowWraper span.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/** filter**/
.filterContainer {
  padding: 25px;
  background: #F7F6F6;
}

.filterContainer .filterHeaderAction {
  float: left;
  width: 100%;
  padding: 0px 34px 6px;
  margin-bottom: 10px;
}

.filterContainer .filterHeaderAction > .right {
  margin-top: 20px;
}

.filterContainer .filterHeaderAction > .right .filterTopIcon {
  display: block;
  float: left;
  margin-left: 25px;
}

.filterContainer .filterHeaderAction > .right .filterTopIcon.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.filterContainer .filterHeaderAction .dropdown-content li > a, .filterContainer .filterHeaderAction .dropdown-content li > span {
  color: #5A5A5A;
}

.filterContainer .filterFooterAction {
  padding: 25px 15px 0px 35px;
}

.filterAppliedIndicator {
  display: none;
  padding: 6px;
  background: #FFF9C4;
  z-index: 9;
  opacity: 0.99;
  border-bottom: 2px solid #e7e7e7;
  text-transform: uppercase;
  font-weight: bolder;
  line-height: 36px;
}

.filterHeaderAction > .right {
  margin-top: 20px;
}

.filterHeaderAction .right .filterTopIcon {
  display: block;
  float: left;
  margin-left: 25px;
}

.filterHeaderAction .right .filterTopIcon.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.filterSection pre {
  top: -10px;
}

/** filter**/
.next_arrow, .prev_arrow {
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  display: inline-block;
  border: 1px solid #2196F3;
  cursor: pointer;
}

.next_arrow.right, .right.prev_arrow {
  margin-right: 10px;
}

.next_arrow.right:first-child, .right.prev_arrow:first-child {
  margin-right: 0;
}

.arrow--disabled {
  border-color: #ccc;
  color: #ccc;
  cursor: default;
}

.filter-item {
  float: left;
}

.filter-item--container {
  padding-right: 1.5rem;
  box-sizing: border-box;
}

.withSearchIcon input {
  margin-top: 0;
}

.filter-item .filter-Managetitle {
  line-height: 2rem;
  padding: 0 10px;
  margin-top: 0.2rem;
}

.secondary-filter-container {
  margin: 24px;
}

.input-field.withSearchIcon input {
  height: 2.65rem;
}

.catalog-filter .withSearchIcon.input-field .iconFix.active ~ input {
  padding-left: 30px;
}

/*Email Log filtter and req Workbench header icon toggle css*/
.filter-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
  top: 0;
  left: 0;
}

.panelBox--filter {
  clear: both;
  width: 100%;
  z-index: 2;
  font-size: 14px;
  color: #000;
}

.panelBox-withSpace.bottom-to-top-slide {
  transition: all 0.5s ease;
  position: absolute;
  top: -480px;
}

.panelBox-withSpace.top-to-bottom-slide {
  transition: all 0.5s ease;
  position: absolute;
  top: 50px;
  background-color: #0067b0;
}

.panelBox-withSpace.workbench-bottom-to-top-slide {
  transition: all 0.5s ease;
  position: relative;
  top: -480px;
}

.workbench-top-to-bottom-slide {
  transition: all 0.5s ease;
  position: relative;
  top: 0;
  background-color: #0067b0;
  box-shadow: 30px 0 15px 0 rgba(0, 0, 0, 0.16), 30px 0 15px 0 rgba(0, 0, 0, 0.12);
}

.slide--Bottom--Panel, .workbench--slide--Bottom--Panel {
  top: -468px;
  position: relative;
  transition: all 0.5s ease;
}

.radio-vertical.radio-block > div > div > div {
  margin: 14px 0 0 8px !important;
}

.boxShadowNone {
  box-shadow: none !important;
}

/*.panel-tab-align .tabs-vertical {
    padding-left: 302px;
}*/
/* workbench icon toggle css */
.workbench-top-to-bottom-slide {
  background-color: #ffffff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) inset;
}

.workbench-icon-focus-on {
  background: rgba(255, 255, 255, 0.24);
}

.workbench-icon-focus-off {
  background: transparent;
}

@media only screen and (max-width: 600px) {
  .workbench--slide--Bottom--Panel {
    top: -827px;
  }
  .panelBox-withSpace.workbench-bottom-to-top-slide {
    top: -794px;
  }
}

@media only screen and (min-width: 601px) {
  .workbench--slide--Bottom--Panel {
    top: -488px;
  }
  .panelBox-withSpace.workbench-bottom-to-top-slide {
    top: -455px;
  }
}

@media only screen and (min-width: 961px) {
  .workbench--slide--Bottom--Panel {
    top: -352px;
  }
  .panelBox-withSpace.workbench-bottom-to-top-slide {
    top: -387px;
  }
}

@media only screen and (min-width: 1201px) {
  .workbench--slide--Bottom--Panel {
    top: -284px;
  }
  .panelBox-withSpace.workbench-bottom-to-top-slide {
    top: -319px;
  }
}

@media only screen and (min-width: 1501px) {
  .workbench--slide--Bottom--Panel {
    top: -217px;
  }
  .panelBox-withSpace.workbench-bottom-to-top-slide {
    top: -251px;
  }
}

.footerLogo {
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: url(../images/logo.png) no-repeat;
  width: 144px;
  height: 25px;
  opacity: 0.8;
}

.footerLogoImg {
  position: absolute;
  left: 10px;
  bottom: 10px;
  height: 40px;
}

/* FOOTER BUTTONS */
.footerSpace {
  padding: 15px;
}

.footerSpace .footerBtn.right {
  margin-right: 15px;
}

/*.footerSpace .footerBtn.right .btn-flat:first-child{padding-right:0;}*/
.footerSpace .footerBtn.left {
  margin-left: 15px;
}

/*.footerSpace .footerBtn.left .btn-flat:first-child{padding-left:0;}*/
.side-nav {
  background-color: #004c82;
  height: 100vh;
  height: 100vh;
}

.side-nav a {
  height: 47px;
  line-height: 47px;
}

.side-nav.collapsible {
  border: none;
  z-index: 1 !important;
}

.side-nav .collapsible-header {
  padding: 0px 1rem;
  font-size: 0.8571rem;
  margin: 0;
  line-height: 47px;
}

.side-nav .collapsible-header i {
  width: inherit;
}

.side-nav .collapsible-header.active i.arrowRotateOnActive {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.side-nav .collapsible-body {
  background: #002e4e;
}

.side-nav > li:first-child {
  margin-top: 0;
  position: fixed;
  width: 320px;
  height: 64px;
  background: #004c82;
  top: 0;
  z-index: 1;
}

.side-nav > li:first-child a {
  color: #fff;
}

.side-nav > li:first-child a i {
  margin-right: 25px;
  display: inline-block;
}

.side-nav li {
  padding: 0px;
}

.side-nav li:hover, .side-nav li:active, .side-nav li.active {
  background-color: #013c67;
}

.side-nav li a {
  color: #fff;
}

.side-nav li li {
  padding: 0px;
}

.side-nav li li:hover, .side-nav li li:active {
  background-color: #015895;
}

.side-nav .active, .side-nav .active .active {
  color: #00fffb;
}

.side-nav .side-nav-search {
  padding: 0 15px;
  line-height: 47px;
  position: relative;
}

.side-nav .side-nav-search .active {
  color: #fff;
}

.side-nav .side-nav-search .icon-left {
  position: absolute;
  left: 15px;
  /*top: 4px;*/
}

.side-nav .side-nav-search .icon-right {
  position: absolute;
  right: 15px;
  top: 0;
}

.side-nav .side-nav-search input[type=text], .side-nav .side-nav-search pre {
  border-bottom: none;
  margin: 0 3rem 0 2.8rem;
  width: calc(100% - 7rem);
  color: #fff;
  font-size: 0.8571rem;
}

.side-nav .side-nav-search input[type=text]:focus, .side-nav .side-nav-search pre:focus {
  outline: none;
  border-bottom: none;
  box-shadow: none;
}

.side-nav .side-nav-search pre {
  margin-top: 14px;
}

.side-nav .side-nav-search:after {
  clear: both;
  width: 100%;
  height: 0;
  content: "";
}

.brand-logo {
  line-height: 24px;
  padding: 5px 5px 5px 5px !important;
  margin-top: 3px;
}

.brand-logo img {
  margin: 2px 15px 0 0;
}

.brand-logo .user-name {
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 24px;
  display: block;
}

.brand-logo .product-name {
  font-weight: 700;
  display: block;
  font-size: 24px;
  letter-spacing: 1px;
}

.user-image span {
  height: 64px;
  line-height: 64px;
  overflow: hidden;
  display: block;
}

.user-image img {
  height: 46px;
  width: 46px;
  border-radius: 50%;
}

.nav-right-buttons {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 3;
  position: relative;
}

.nav-right-buttons li:first-child a {
  margin-top: 10px;
  outline: none;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
}

.nav-right-buttons li {
  line-height: 40px;
  height: 62px;
  padding: 0 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav-right-buttons li:hover {
  background-color: transparent;
}

.nav-right-buttons li a {
  padding: 0;
  margin-top: 15px;
}

.nav-right-buttons li a i {
  line-height: 28px;
  height: 32px;
}

.nav-right-buttons.nav-slide-active {
  -webkit-transform: translateX(-256px);
  -moz-transform: translateX(-256px);
  -ms-transform: translateX(-256px);
  -o-transform: translateX(-256px);
  transform: translateX(-256px);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.nav-right-buttons.nav-slide-active li:last-child a {
  color: #64c1ff;
}

.nav-bookmark.currentActive {
  margin-right: 148px;
}

.nav-bookmark.currentActive a {
  color: #64c1ff;
}

.nav-notification.currentActive {
  margin-right: 202px;
}

.nav-notification.currentActive a {
  color: #64c1ff;
}

.nav-icon-row a {
  padding: 0 15px;
  height: 64px;
}

.nav-icon-row .row {
  margin-bottom: 0;
}

.nav-icon-row:after {
  clear: both;
  content: '';
  width: 100%;
  display: block;
  height: 0;
}

.right-sidebar-nav {
  padding-top: 64px;
}

.right-sidebar-nav i {
  line-height: 44px;
  height: 47px;
}

.right-sidebar-nav i.left {
  margin-right: 30px;
}

.right-sidebar-nav li.active .collapsible-header .right svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.collection-item.nav-bottom-stick, .nav-bottom-stick {
  position: absolute;
  bottom: 0;
  width: 320px;
  background: #004c82;
  z-index: 1;
  /* z-index: 12; */
  right: 0;
}

.nextAnn {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nextAnn, .prevAnn {
  cursor: pointer;
}

.delete_attach {
  margin-left: 16px;
}

.announcement_footer {
  border-top: 1px solid #eee !important;
}

.icons-ops .icon {
  color: #64c1ff;
  height: 30px;
  width: 30px;
  line-height: 30px;
}

.add-announce {
  color: #64c1ff !important;
  font-size: 14px !important;
}

.icons-ops {
  padding: 0 !important;
  margin-top: 4px;
}

.announce-desc {
  font-size: 13px;
  line-height: normal;
  display: block;
}

.dt-attact-sep {
  line-height: normal !important;
  font-style: normal;
  margin: 0 3px;
}

.announce-dt-attach {
  font-size: 11px;
  display: block;
  margin: 6px 0;
  color: #dcdcdc;
}

.announce-actions > li:hover {
  background-color: transparent !important;
}

.announce-fields {
  margin-bottom: 14px;
}

.announcement_attachments .drop-box {
  margin-bottom: 0;
  padding: 25px 0;
  height: auto;
}

.announcement_attachments .upload-files:last-child {
  border-bottom: 0;
  padding: 15px 0;
}

.announcement_attachments .upload-files {
  padding: 6px 0;
}

.announce-dt-attach .icon {
  line-height: normal;
  height: auto;
  width: 24px;
  margin: 0 -5px;
}

.announce-dt-attach .icon svg {
  width: inherit;
}

.side-out-bm-nf-ct > div:first-child {
  height: 100%;
  background-color: #013c67;
}

.side-out-bm-nf-ct .navParent {
  overflow: auto;
}

.side-out-bm-nf-ct .collection-item.nav-bottom-stick a {
  line-height: 47px;
}

.side-out-bm-nf-ct .nav-bottom-stick button i {
  line-height: inherit;
  height: auto;
}

.side-out-bm-nf-ct .row {
  margin-bottom: 0;
}

.side-out-bm-nf-ct .tabs {
  background: #004c82;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 1;
}

.side-out-bm-nf-ct .tabs .tab a {
  color: #fff;
}

.side-out-bm-nf-ct .tabs .tab a.active {
  color: #64c1ff;
  border-bottom: 2px solid #64c1ff !important;
}

.side-out-bm-nf-ct .tabs .indicator {
  background: #0177d6;
}

.side-out-bm-nf-ct .collection a.collection-item:not(.active):hover {
  background: transparent;
}

.side-out-bm-nf-ct .collection a.collection-item p {
  color: #fff;
}

.side-out-bm-nf-ct .collection a.collection-item .title {
  color: #64c1ff;
  font-weight: bold;
}

.side-out-bm-nf-ct .collection-item.avatar {
  padding: 0;
  background-color: transparent;
  line-height: normal;
}

.side-out-bm-nf-ct .scrollbar-outer > .scroll-element .scroll-bar {
  background: rgba(255, 255, 255, 0.4);
}

.side-out-bm-nf-ct a {
  color: #fff;
  height: auto;
  line-height: inherit;
}

.side-out-bm-nf-ct .collection, .side-out-bm-nf-ct .collection-item {
  border: none;
  background-color: #013c67;
}

#sidenav-overlay {
  background: rgba(255, 255, 255, 0.5);
}

.navbar-fixed nav {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.navFixedUp {
  top: 50px;
}

.navFixedUp .navbar-fixed nav {
  top: -64px;
}

.navFixedUp .accountDetailPage {
  margin-top: -13px;
}

.navLogoutButton {
  position: absolute;
  top: 0;
  right: 0;
}

.navLogoutButton a {
  line-height: 64px;
}

.navLogoutButton a.logoutBtn {
  background: #db121b;
}

.side-nav-lookup-txt {
  color: #000 !important;
  margin-top: 14px !important;
}

.side-nav-lookup-item:hover {
  background-color: #ddd !important;
}

.smart1-navigation {
  margin: 0;
  padding: 20px 10px;
  border-top: 5px solid;
}

.smart1-navigation .header-action-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAEsCAYAAADHIkNEAAAM9klEQVR4Ae3cC3RU9Z3A8SaQAIlt92xRPMWCS4tdwK12FXfPVny03e3huAoCrrBb62MtLqW7UIs0EkVcgVgWEBIeSSmIEFCQB4oQEd+AsBJikiIPsdEQQikPxE0mySST+e33XH7N3vM/9878587MoUvzP+fjvXPn8s3kP/87kRngCyKSFs5/fEY/5GM3TkDQgD16vC+8hm84B7MRxhk8h59hLKZghR4P63k5NuFeqESDRnrAa/RAPkKowKWxwt2xB8cwyAg9jrXIM45/C/XYjWy/8Cw04q9gjs0QbNTbZjyEAq/w19CMx+A1SiE6315jKppwhRn+BRqQA6+xCIJCeI0vohE/N8M7sRZ+owCC6fAbm/C2GT6NqfAbeRBMht+YhpNmuA3j4Dd+AsFD8BvjETLD9XEezQicxTD4jSn41GuOX0QyY6PXHD+BBuTCa2Tp+u4aY1WE8JgZ7oM2PA6v8TIE62M8cU3o7XXlzUUI18MctRDUwBx/gxBm+l3S2diNelwH97gVy3GzcXwwfoedvq8VOi5FBZqQH2POL9Fpa8ZeXGr7ejwPrTiHVXgED2EqVuvxVsxF93ivx+boizzswHFEcBbvYVqQnyDBhxlOA/LzT6ZDZ9il38Pb06Ej3AWTIUn4JTLM8DqN/2fAaKFGl5hhwSqNP5Ng9NfIxEKIGRb1K2TqVmIxHswciG9YPaMnr4oTXW9MX5ww9OSu2OgT3YJsPAqxDqvJyMY24/gb6IEJkCDhl5CJHLwDwU69nYEtCYWNb/VnuBdfRrFu78FPkYPXEwlv1ehECCK4S88bpbejeFDj79qEX0U3/DuiEBVGgW5FteNefAm7Y4W3oQfGG9FYIrhbp6jcK1yGHPybTdTQhhH4CvaZ4a74cSJRQxi3oYcZTpl0h9P4EyStv5cWFWT4hC/sI/4ujqlb4B5JhX8LUUdSGRZDasKd4RKLcEmQsFiEJUi4HV38wnpfe5BwHf7CYx0fBIP7OCdIeBmecF159ah1XXlPYFmQcH+cwU0wx016X/+gy+02DRThDlWkx25Ldh33wWyIYp9jKbpAsiAqKxVX3o1YhNMQdQaLMSSZsMRhHw7g4gmn7X9YLuLwfYigFjnJhDOQ7bpdAFF99FgWRiDXNpyDd3AcA/TYfIjqj2ysg+i5GTbhkRB1Au9DXP4HFRBVjyybcDbWQyycwIBE5vgShCCqHYc0JC5TbZ+8XPTDv0JUGN/T+7thuTENT6v7Y4XrIIbVxjk9IR4iscIRiGGNcc5XfcLHYoXvw9NYZUzFENdv21ZA1Kfop3JtnrxuqLV48nYiO5FVMdCMxLAO2TbhLNRD1O+NUAjzjC880iaciXeMR3MTRBXoeQNwXM/NsZ2KXIxyXap9zLDKRmYyL5s5OIoI7vvT/gnSGQ6s8//dPMLl5eV/MAbvIYSz2IQb9D6TdXgxotiCCZiCSrRiTNDwGAjuM35xFzyLFvQNEt6FV3y+5RycxlNBwiFM9Aqrl7ApSPgMpsQIb0dpkPBL+ABdPKJXoBk/CRIejAhK8SXXL+6PCkR1P9ByuwctOIWN2IZmiPoIvRMOq34owBadnp9iAGqMuHU4nj6ueFXKwqov9mN4qsOmCxZWnS/0CYwB2IMo3kZvpCS8H+KyPRXhb0AM7cmEe2AKPoMYamzDXdAXXZGJB3AMohrRBkEL7rAJX4NaiG4/hKgwFqAn+mEk+oARP7wbYohirc6v74gXjkAM85AJRvBwFcRDBb6fTPgGnITodivEpQzfxvV4EIPihc2l9S2wdcYQY+7bEYUggn9OZh1nYAQ+ghjqUnHl9YIY2pIO6yg3wi+nKnwlynAKG9DTIhx4dL4bm3i4F2biN2hWVZiBnkHDY9AA8XEOoxMN/xBRCMrw9/gKemIotkH0nDG24SvRDMEv/E7GNAga0MsmvAiC9Rbf5mYIfmkTroPgBovwLRAcihfOhaANXSzC3SFoRUascA8IwuaJPrIhqmu8qfg9BFdbhK+HoNZmjldCUGwRftY8N1b4WkQQxV1+J+MePacd34wbVnkQtKMQ/Vz39cdCvU/UHNtwBqYYv/gszkF8zLEJu6dlDRqM14hSDMYrRnxGvLApE1fgcmQay20zRBVYhO1o/EXMRUbwcOefbEpG+sIff/yxpIMTPnXqVEpdBOHS0lIZO3asI6Vh3tjoCL/11ltWkZMnT9pNxQcffKDxxNTV1cUOwzlx8uTJzv6kSZOc7bRp02Tfvn2yevVqeeGFF2Tv3r0ya9asjvOZRrvwU0895exPmDDB2T755JOyf/9+Wbt2raxZs0aqq6tlxowZHeevWrUqfnjcuHHOyfn5+c528eLFznb69Ony8MMPy8SJE2XmzJnOsZKSEme7fv36+GECzsn19fWyfPly59i8efOErfOk8iQ7+ytXrux4xMXFxfHDmzZtSvjJ27FjR/zwkSNHnJPLyspET3Se9U8++USOHj0qtbW1wr5zrLKyUg4cOGB95TnhvLw850lZsGCBFBUVdeB2x7FHH31UNm7cmFA4EfZhOGt26dKlcvDgQamqqnLW7qFDh2TPnj3Ck+Ws6127dklNTU1iYX00zvp1H2eNO8c3bNgQ7NVt/PjxnuHCwkLnOHMbIKxYAZ7HDx8+fAFfj9MhfT+lG2ZeK+ngHe4Mh3c/KzpSG25acX9HuHnDJMvIt+2mIvTsv0iQ0Th3SPw5Fkb03HFnP9pw0tm2nzjId3SvhHf9WsI7SqRp5QMSqdndcT7TaBeO1FefDzd/fj78uwMSWjJKwu8slPC7iyS09G6J1FX8X/i9pRbhSKsIo/10jbNtq94sDEKVEm08LdGmcxI5us851lq16Xz4zXnxw5FjVefnbfbfSev7q5xjbYffFLbOk8qTrKtoubDVL/5y/HDL63Mk0dH84oT44caFQ0UYLVumnb9d9APnWW+c/z22N0njMzfr/hAJLRsjoZLh9leeM8ef1TlPStuHr0rbgW14FfiwrONY+9mj0vLGHPtwosM6DGfNtu5bK6HiYSyv0c7aDS2+XZpWj2U1vOSs66Y1451pSSisg/V7l7FqqoXBFMwN9uombS2e4baD2zU8J1gYrIBbvI4zJf94sb3Qp/tvxm6HYFEq3wj5J4jLdakKD8IEfApBYarCWeiGLZAkRbHYfE/oaYgqx24IDuBdCGrwJiI4gW1ow2lsRSMEPd3huyH4HFdjEI7hrzEAv8FwfBOv4QFchRXIR38UQHCtO3wlBG3IRRZa0EfvP4Yf6H45HtT9LXhS90sguF6jihBEHYfgLH4LQQMOQBDCh9AHo/s+4UMQvI/BOIXv4gZ8hB/p8V34D91fh+m6P98vvBGCSr0dxpd1vx5/q/sVGKH7G/CI7v8XBIP9PudI1tfN8J0QnMCreC2AfHQxw5dDcBpfwzcC+DO/N00bIahAZYKq0dsvvBeShB/6hUfjDZRhK7b5zOU2vb9Mb2/HOlzhF87FX2I2VuAWDMQgl4H4PlZjKq7S4/2R4RlWQyFxPjErh6jBtu943wpRy3zOeQuirrEN52AS5uIqn3MGoxAT0c0qrL6Iy3Xfz1dxyR/npwqd4WuwCIfRjCYcQhGuDhLujiVoh/hoRzF62IZzsMOINGIvKtAGcXkd2TbhZRD1Oe4wPlbujXeNeGG88DVoN8I5Pn+ioQWiIhgYK7wEYngOm3Ecj7jO/W+Iy4JY4SMQH2Hjb1ZUQlyqY4VbfKIbcJnrvOs8VszZhP76kcrT+7vhxzgDSSR8JE74ZoiPqljhYoiHgyjBLoiPwljhq32utp0YrnG/q3CQGbZ51P1d938CMRTZXtJvQ1xudv1UOQtxec3qklbZKHKtknN4Dochqg3z0S3Iy+ZAzMV+NCGE/Rq86gK/0Hd+RN/52f9FFp4xZ8EfrMAw3Xe7HSt1P1B4FEJG/A49dleQsBlvxJ0YZkSDh9VINGh0lB5LSfhONGp8ZErCGtKgfgH2kwxrlKDr2HCNj0omvNIddRmGUt3/Y7ryOsN8kO12I57HMYR1+7we/4JKKNwVCyF+9P6sRMNLIBaWJBL+DgRR/AP2GrFXcA9Efcc2vBqitqKXK/6K3i6HqOdtwycgHvFZut0Hcam3DYuHx3Tul0IM4SCP2P3tz8Zl2Bv0ET/vES035zzIHN/oWhVDNWrO+Y8g6sZE1vECiIUFiV4gWem68szXinqEdRvstSIZnWHT/9d/6dZHPk5CYng8SFgs/TxQ2PILT0hXOIqHUhk24/enIrwFYoh4hXNR5HprvAGfmUHbB+L1rspW65hF+GUImnE7HkeXVISHogHDXHO3yH5d+4RVT7wIcclL6hG7jPNYQqODPmJTAcQlhOuSesQqA6UQVYE/1+PBwyoHe1CNy1CMW5MOq0s1+gwE65INmwbhV2hAb3SH+Dhlhm30xNeR6xNtxujOf5LmIgj/L4Ehqlaex5CKAAAAAElFTkSuQmCC);
}

.smart1-navigation .icon-query {
  background-position: -2px -218px;
}

.smart1-navigation .icon-setting {
  background-position: -3px -67px;
}

.smart1-navigation .smart1-right-icon {
  float: left;
}

.smart1-navigation .smart1-right-icon .smat1-icon {
  float: right;
  margin-left: 20px;
  position: relative;
}

.smart1-navigation .smart1-right-icon .smat1-icon .smat1-icon-a {
  float: left;
  width: 20px;
  height: 20px;
}

.smart1-navigation .smart1-setting-dropdown {
  position: absolute;
  border: 3px solid #e7e7e7;
  border-radius: 5px;
  background: #fff;
  top: 30px;
  right: 0px;
  z-index: 999;
}

.smart1-navigation .smart1-setting-dropdown .query-links {
  border-bottom: 1px solid #e7e7e7;
  padding: 5px;
}

.smart1-navigation .smart1-setting-dropdown .arrow-up {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 11px solid #ebebeb;
  position: absolute;
  top: -12px;
  right: 1px;
}

.smart1-navigation .smart1-setting-dropdown.setting-wrap {
  min-width: 100px;
}

.smart1-navigation .smart1-setting-dropdown.support-wrap {
  min-width: 200px;
}

.smart1-navigation .smart1-setting-dropdown-support {
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
}

.smart1-navigation .smart1-support-label {
  color: #7d7d7d;
  font-weight: bold;
}

.smart1-navigation .smart1-support-phone-lable {
  color: #000;
  margin: 5px 0;
}

.smart1-navigation .smart1-support-contact-wrap {
  font-size: 0.8rem;
  margin-bottom: 5px;
}

.smart1-navigation .smart1-support-email {
  font-size: 0.8rem;
}

.smart1-navigation .smart1-search-wrap {
  max-width: 468px;
  border: 1px solid #2272BB;
  float: left;
  border-radius: 2px;
}

.smart1-navigation .smart1-search-wrap-input {
  display: block;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 5px 0 20px !important;
  font-size: 0.8rem !important;
  border: 0px solid transparent !important;
  width: 168px !important;
}

.smart1-navigation .smart1-search-wrap-input:focus {
  border: 0px solid transparent !important;
  box-shadow: none !important;
}

.smart1-navigation .smart1-search-wrap-setectbox {
  padding: 0 25px 0 10px;
  cursor: pointer;
  background: #2272bb;
  border: 0px solid #2272bb;
  color: #fff;
  text-align: center;
  float: right;
}

.smart1-navigation .smart1-search-icon-wrap {
  position: absolute;
  top: -2px;
  left: 2px;
}

.smart1-navigation .smart1-search-icon-wrap svg {
  height: 15px !important;
  width: 15px !important;
  color: #AFA4A4;
}

.smart1-navigation .smart1-search-drop-arrow {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 5px solid #FFFFFF;
  position: absolute;
  right: 9px;
  top: 9px;
}

.smart1-navigation .smart1-search-suggest-dropdown {
  position: absolute;
  color: black;
  background: #FFFFFF;
  text-align: left;
  top: 0;
  left: 0;
  margin-top: 22px;
  border: 2px solid #fff;
  z-index: 999;
  box-shadow: 0px 1px 3px #3F3F3F;
  border-radius: 2px;
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-dropdown-item {
  margin-left: 0;
  padding: 5px 15px 5px 23px;
  border-bottom: 1px solid #e7e7e7;
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-dropdown-item:hover {
  background-color: #F4F4F4;
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-quickLinkTitle {
  background: #F0F0F0 !important;
  cursor: default;
  border-top: 3px solid #e4e4e4;
  border-bottom: 1px dotted #e4e4e4;
  display: block;
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-quickLinkItem {
  background: #F8F8F8 !important;
  padding: 3px 39px;
  font-style: normal;
}

.smart1-navigation .smart1-search-suggest-dropdown .smart1-quickLinkItemBorder {
  border-bottom: 4px solid #e4e4e4;
}

.smart1-navigation .smart1-search-recent-dropdown {
  position: absolute;
  background: #FFF;
  color: #000;
  top: 22px;
  left: 0px;
  padding: 10px;
  border: 1px solid #e7e7e7;
  z-index: 4;
  width: 212px;
}

.smart1-navigation .smart1-search-recent-list {
  font-size: 12px;
  margin-top: 5px;
}

.smart1-navigation .smart1-search-recent-list .smart1-search-recent-list-item {
  padding: 5px 0;
  word-wrap: break-word;
}

.smart1-navigation .smart1-search-result-dropdown {
  position: absolute;
  background: #FFF;
  color: #000;
  top: 25px;
  left: 0;
  border: 1px solid #e7e7e7;
  z-index: 4;
  width: 281px;
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list .smart1-search-result-item {
  margin: 0;
  padding: 0px;
  border-bottom: 1px solid #e7e7e7;
  float: left;
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list .smart1-search-result-item .smart1-search-result-item-title {
  width: 100px;
  padding: 8px;
  background: #F4F4F4;
  float: left;
  display: block;
  word-wrap: break-word;
}

.smart1-navigation .smart1-search-result-dropdown .smart1-search-result-list .smart1-search-result-item .smart1-search-result-item-result {
  width: 179px;
  padding: 8px;
  background: #FFF;
  float: left;
  display: block;
}

.internal-external-notification .col {
  padding: 0;
}

.internal-external-notification .borderBtmLight {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.internal-external-notification .collection .collection-item.avatar .title {
  font-size: 14px;
}

.internal-external-notification .tabs .tab a {
  line-height: normal;
}

.internal-external-notification .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  background-color: transparent;
}

.internal-external-notification .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  background-color: #4d95c8;
  opacity: 1;
}

/*subheade css*/
.right-panel {
  padding-left: 10px;
}

.header-noti-circle {
  height: 20px !important;
  width: 20px !important;
  border-radius: 50% !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.header-noti-circle i {
  height: inherit !important;
  font-size: 10px !important;
  font-style: normal !important;
  color: #0177d6 !important;
  line-height: 20px !important;
}

.headersearch input[type=text] {
  margin: 0;
}

.ddSubLinkWrapper {
  line-height: normal;
}

.disabledAddAnnouncement {
  pointer-events: none;
  cursor: default;
}

.white-header-container {
  border-top: 2px solid #0067b0;
}

.white-header-container nav {
  background-color: #fff;
}

.white-header-container nav .brand-logo {
  color: #0067b0;
}

.white-header-container nav ul a {
  color: #0067b0;
}

.white-header-container nav ul.side-nav-active a {
  color: #fff;
}

.white-header-container .right-sidebar-nav {
  padding-top: 66px;
}

.extraHeader .public-rfx-header-action .btn-separator:after {
  content: ' ';
  display: block;
  float: left;
  background: #ADADAD;
  margin: 0 10px;
  height: 24px;
  width: 1px;
  margin-top: 18px;
}

.extraHeader .public-rfx-header-action li.publicRfxList {
  padding: 0;
}

.extraHeader .public-rfx-header-action li.publicRfxList a {
  float: left;
  width: auto;
  padding: 0 5px;
  font-size: 12px;
}

.extraHeader .public-rfx-header-action li.publicRfxList:last-child .btn-separator {
  display: none;
}

.copyrightBtmCont {
  padding: 0 15px;
  background: none;
  border-top: 1px solid #004c82;
}

.copyrightBtmCont img {
  display: block;
  padding: 20px 0 0 0;
}

.copyrightBtmCont .copyrightPara {
  margin: 0;
  line-height: 18px;
  display: block;
  padding: 5px 0 5px 0;
  font-size: 0.8571rem;
}

.copyrightBtmCont .copyrightLinks {
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
}

.copyrightBtmCont .copyrightLinks li {
  float: left;
  padding: 0 8px;
  border-right: 1px solid #fff;
  line-height: 12px;
}

.copyrightBtmCont .copyrightLinks li:first-child {
  padding-left: 0;
}

.copyrightBtmCont .copyrightLinks li:last-child {
  border: 0;
  padding-right: 0;
}

.copyrightBtmCont .copyrightLinks li a {
  padding: 0;
  color: #84c7fd;
}

.supportCloseIconWrapper {
  position: absolute;
  top: 17px;
  right: 285px;
  cursor: pointer;
  z-index: 2;
}

.supportCloseIconWrapper .supportCloseIcon {
  height: auto;
  line-height: normal;
  font-size: initial;
}

html {
  height: 100%;
  width: 100%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

*, *:before, *:after {
  outline: none;
  /*-webkit-filter: blur(0);*/
}

body {
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  background-position: 50% 50%;
  background-attachment: fixed;
}

.pageBg {
  background-image: url(../images/pageBg.jpg);
}

body:after {
  content: '';
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: -webkit-radial-gradient(circle, rgba(229, 229, 229, 0.49) 0, #EEEEEE 40%, transparent 90%, transparent 100%), transparent;
  background: -moz-radial-gradient(circle, rgba(229, 229, 229, 0.49) 0, #EEEEEE 40%, transparent 90%, transparent 100%), transparent;
  background: radial-gradient(circle, rgba(229, 229, 229, 0.49) 0, #EEEEEE 40%, transparent 90%, transparent 100%), transparent;
  background-position: 1px 1px;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 3px 3px;
  background-size: 3px 3px;
}

textarea {
  resize: none;
}

.zIndex0 {
  z-index: 0 !important;
}

.zIndex1 {
  z-index: 1 !important;
}

.zIndex2 {
  z-index: 2 !important;
}

.zIndex3 {
  z-index: 3 !important;
}

.zIndex4 {
  z-index: 4 !important;
}

.zIndex5 {
  z-index: 5 !important;
}

.zIndex6 {
  z-index: 6 !important;
}

.zIndex7 {
  z-index: 7 !important;
}

.zIndex8 {
  z-index: 8 !important;
}

.zIndex9 {
  z-index: 9 !important;
}

.zIndex99 {
  z-index: 99 !important;
}

.zIndex999 {
  z-index: 999 !important;
}

.zIndex9999 {
  z-index: 9999 !important;
}

.margin0 {
  margin: 0px !important;
}

.margin5 {
  margin: 5px !important;
}

.margin10 {
  margin: 10px !important;
}

.margin15 {
  margin: 15px !important;
}

.margin20 {
  margin: 20px !important;
}

.margin25 {
  margin: 25px !important;
}

.margin30 {
  margin: 30px !important;
}

.margin35 {
  margin: 35px !important;
}

.margin40 {
  margin: 40px !important;
}

.margin45 {
  margin: 45px !important;
}

.margin50 {
  margin: 50px !important;
}

.margin55 {
  margin: 55px !important;
}

.margin60 {
  margin: 60px !important;
}

.margin65 {
  margin: 65px !important;
}

.margin70 {
  margin: 70px !important;
}

.margin75 {
  margin: 75px !important;
}

.margin80 {
  margin: 80px !important;
}

.margin85 {
  margin: 85px !important;
}

.margin90 {
  margin: 90px !important;
}

.margin95 {
  margin: 95px !important;
}

.margin100 {
  margin: 100px !important;
}

.margin105 {
  margin: 105px !important;
}

.margin110 {
  margin: 110px !important;
}

.margin115 {
  margin: 115px !important;
}

.margin120 {
  margin: 120px !important;
}

.margin125 {
  margin: 125px !important;
}

.margin130 {
  margin: 130px !important;
}

.margin135 {
  margin: 135px !important;
}

.margin140 {
  margin: 140px !important;
}

.margin145 {
  margin: 145px !important;
}

.margin150 {
  margin: 150px !important;
}

.marginTop0 {
  margin-top: 0px !important;
}

.marginTop1 {
  margin-top: 1px !important;
}

.marginTop2 {
  margin-top: 2px !important;
}

.marginTop3 {
  margin-top: 3px !important;
}

.marginTop4 {
  margin-top: 4px !important;
}

.marginTop5 {
  margin-top: 5px !important;
}

.marginTop6 {
  margin-top: 6px !important;
}

.marginTop7 {
  margin-top: 7px !important;
}

.marginTop8 {
  margin-top: 8px !important;
}

.marginTop9 {
  margin-top: 9px !important;
}

.marginTop10 {
  margin-top: 10px !important;
}

.marginTop11 {
  margin-top: 11px !important;
}

.marginTop12 {
  margin-top: 12px !important;
}

.marginTop13 {
  margin-top: 13px !important;
}

.marginTop14 {
  margin-top: 14px !important;
}

.marginTop15 {
  margin-top: 15px !important;
}

.marginTop16 {
  margin-top: 16px !important;
}

.marginTop17 {
  margin-top: 17px !important;
}

.marginTop18 {
  margin-top: 18px !important;
}

.marginTop19 {
  margin-top: 19px !important;
}

.marginTop20 {
  margin-top: 20px !important;
}

.marginTop21 {
  margin-top: 21px !important;
}

.marginTop22 {
  margin-top: 22px !important;
}

.marginTop23 {
  margin-top: 23px !important;
}

.marginTop24 {
  margin-top: 24px !important;
}

.marginTop25 {
  margin-top: 25px !important;
}

.marginTop25 {
  margin-top: 25px !important;
}

.marginTop30 {
  margin-top: 30px !important;
}

.marginTop35 {
  margin-top: 35px !important;
}

.marginTop40 {
  margin-top: 40px !important;
}

.marginTop45 {
  margin-top: 45px !important;
}

.marginTop50 {
  margin-top: 50px !important;
}

.marginTop55 {
  margin-top: 55px !important;
}

.marginTop60 {
  margin-top: 60px !important;
}

.marginTop65 {
  margin-top: 65px !important;
}

.marginTop70 {
  margin-top: 70px !important;
}

.marginTop75 {
  margin-top: 75px !important;
}

.marginTop80 {
  margin-top: 80px !important;
}

.marginTop85 {
  margin-top: 85px !important;
}

.marginTop90 {
  margin-top: 90px !important;
}

.marginTop95 {
  margin-top: 95px !important;
}

.marginTop100 {
  margin-top: 100px !important;
}

.marginTop105 {
  margin-top: 105px !important;
}

.marginTop110 {
  margin-top: 110px !important;
}

.marginTop115 {
  margin-top: 115px !important;
}

.marginTop120 {
  margin-top: 120px !important;
}

.marginTop125 {
  margin-top: 125px !important;
}

.marginTop130 {
  margin-top: 130px !important;
}

.marginTop135 {
  margin-top: 135px !important;
}

.marginTop140 {
  margin-top: 140px !important;
}

.marginTop145 {
  margin-top: 145px !important;
}

.marginTop150 {
  margin-top: 150px !important;
}

.marginTop155 {
  margin-top: 155px !important;
}

.marginTop160 {
  margin-top: 160px !important;
}

.marginTop165 {
  margin-top: 165px !important;
}

.marginTop170 {
  margin-top: 170px !important;
}

.marginTop175 {
  margin-top: 175px !important;
}

.marginTop180 {
  margin-top: 180px !important;
}

.marginTop185 {
  margin-top: 185px !important;
}

.marginTop190 {
  margin-top: 190px !important;
}

.marginTop195 {
  margin-top: 195px !important;
}

.marginTop200 {
  margin-top: 200px !important;
}

.marginRight0 {
  margin-right: 0px !important;
}

.marginRight1 {
  margin-right: 1px !important;
}

.marginRight2 {
  margin-right: 2px !important;
}

.marginRight3 {
  margin-right: 3px !important;
}

.marginRight4 {
  margin-right: 4px !important;
}

.marginRight5 {
  margin-right: 5px !important;
}

.marginRight6 {
  margin-right: 6px !important;
}

.marginRight7 {
  margin-right: 7px !important;
}

.marginRight8 {
  margin-right: 8px !important;
}

.marginRight9 {
  margin-right: 9px !important;
}

.marginRight10 {
  margin-right: 10px !important;
}

.marginRight11 {
  margin-right: 11px !important;
}

.marginRight12 {
  margin-right: 12px !important;
}

.marginRight13 {
  margin-right: 13px !important;
}

.marginRight14 {
  margin-right: 14px !important;
}

.marginRight15 {
  margin-right: 15px !important;
}

.marginRight16 {
  margin-right: 16px !important;
}

.marginRight17 {
  margin-right: 17px !important;
}

.marginRight18 {
  margin-right: 18px !important;
}

.marginRight19 {
  margin-right: 19px !important;
}

.marginRight20 {
  margin-right: 20px !important;
}

.marginRight21 {
  margin-right: 21px !important;
}

.marginRight22 {
  margin-right: 22px !important;
}

.marginRight23 {
  margin-right: 23px !important;
}

.marginRight24 {
  margin-right: 24px !important;
}

.marginRight25 {
  margin-right: 25px !important;
}

.marginRight25 {
  margin-right: 25px !important;
}

.marginRight30 {
  margin-right: 30px !important;
}

.marginRight35 {
  margin-right: 35px !important;
}

.marginRight40 {
  margin-right: 40px !important;
}

.marginRight45 {
  margin-right: 45px !important;
}

.marginRight50 {
  margin-right: 50px !important;
}

.marginRight55 {
  margin-right: 55px !important;
}

.marginRight60 {
  margin-right: 60px !important;
}

.marginRight65 {
  margin-right: 65px !important;
}

.marginRight70 {
  margin-right: 70px !important;
}

.marginRight75 {
  margin-right: 75px !important;
}

.marginRight80 {
  margin-right: 80px !important;
}

.marginRight85 {
  margin-right: 85px !important;
}

.marginRight90 {
  margin-right: 90px !important;
}

.marginRight95 {
  margin-right: 95px !important;
}

.marginRight100 {
  margin-right: 100px !important;
}

.marginRight105 {
  margin-right: 105px !important;
}

.marginRight110 {
  margin-right: 110px !important;
}

.marginRight115 {
  margin-right: 115px !important;
}

.marginRight120 {
  margin-right: 120px !important;
}

.marginRight125 {
  margin-right: 125px !important;
}

.marginRight130 {
  margin-right: 130px !important;
}

.marginRight135 {
  margin-right: 135px !important;
}

.marginRight140 {
  margin-right: 140px !important;
}

.marginRight145 {
  margin-right: 145px !important;
}

.marginRight150 {
  margin-right: 150px !important;
}

.marginRight155 {
  margin-right: 155px !important;
}

.marginRight160 {
  margin-right: 160px !important;
}

.marginRight165 {
  margin-right: 165px !important;
}

.marginRight170 {
  margin-right: 170px !important;
}

.marginRight175 {
  margin-right: 175px !important;
}

.marginRight180 {
  margin-right: 180px !important;
}

.marginRight185 {
  margin-right: 185px !important;
}

.marginRight190 {
  margin-right: 190px !important;
}

.marginRight195 {
  margin-right: 195px !important;
}

.marginRight200 {
  margin-right: 200px !important;
}

.marginBtm0 {
  margin-bottom: 0px !important;
}

.marginBtm1 {
  margin-bottom: 1px !important;
}

.marginBtm2 {
  margin-bottom: 2px !important;
}

.marginBtm3 {
  margin-bottom: 3px !important;
}

.marginBtm4 {
  margin-bottom: 4px !important;
}

.marginBtm5 {
  margin-bottom: 5px !important;
}

.marginBtm6 {
  margin-bottom: 6px !important;
}

.marginBtm7 {
  margin-bottom: 7px !important;
}

.marginBtm8 {
  margin-bottom: 8px !important;
}

.marginBtm9 {
  margin-bottom: 9px !important;
}

.marginBtm10 {
  margin-bottom: 10px !important;
}

.marginBtm11 {
  margin-bottom: 11px !important;
}

.marginBtm12 {
  margin-bottom: 12px !important;
}

.marginBtm13 {
  margin-bottom: 13px !important;
}

.marginBtm14 {
  margin-bottom: 14px !important;
}

.marginBtm15 {
  margin-bottom: 15px !important;
}

.marginBtm16 {
  margin-bottom: 16px !important;
}

.marginBtm17 {
  margin-bottom: 17px !important;
}

.marginBtm18 {
  margin-bottom: 18px !important;
}

.marginBtm19 {
  margin-bottom: 19px !important;
}

.marginBtm20 {
  margin-bottom: 20px !important;
}

.marginBtm21 {
  margin-bottom: 21px !important;
}

.marginBtm22 {
  margin-bottom: 22px !important;
}

.marginBtm23 {
  margin-bottom: 23px !important;
}

.marginBtm24 {
  margin-bottom: 24px !important;
}

.marginBtm25 {
  margin-bottom: 25px !important;
}

.marginBtm25 {
  margin-bottom: 25px !important;
}

.marginBtm30 {
  margin-bottom: 30px !important;
}

.marginBtm35 {
  margin-bottom: 35px !important;
}

.marginBtm40 {
  margin-bottom: 40px !important;
}

.marginBtm45 {
  margin-bottom: 45px !important;
}

.marginBtm50 {
  margin-bottom: 50px !important;
}

.marginBtm55 {
  margin-bottom: 55px !important;
}

.marginBtm60 {
  margin-bottom: 60px !important;
}

.marginBtm65 {
  margin-bottom: 65px !important;
}

.marginBtm70 {
  margin-bottom: 70px !important;
}

.marginBtm75 {
  margin-bottom: 75px !important;
}

.marginBtm80 {
  margin-bottom: 80px !important;
}

.marginBtm85 {
  margin-bottom: 85px !important;
}

.marginBtm90 {
  margin-bottom: 90px !important;
}

.marginBtm95 {
  margin-bottom: 95px !important;
}

.marginBtm100 {
  margin-bottom: 100px !important;
}

.marginBtm105 {
  margin-bottom: 105px !important;
}

.marginBtm110 {
  margin-bottom: 110px !important;
}

.marginBtm115 {
  margin-bottom: 115px !important;
}

.marginBtm120 {
  margin-bottom: 120px !important;
}

.marginBtm125 {
  margin-bottom: 125px !important;
}

.marginBtm130 {
  margin-bottom: 130px !important;
}

.marginBtm135 {
  margin-bottom: 135px !important;
}

.marginBtm140 {
  margin-bottom: 140px !important;
}

.marginBtm145 {
  margin-bottom: 145px !important;
}

.marginBtm150 {
  margin-bottom: 150px !important;
}

.marginBtm155 {
  margin-bottom: 155px !important;
}

.marginBtm160 {
  margin-bottom: 160px !important;
}

.marginBtm165 {
  margin-bottom: 165px !important;
}

.marginBtm170 {
  margin-bottom: 170px !important;
}

.marginBtm175 {
  margin-bottom: 175px !important;
}

.marginBtm180 {
  margin-bottom: 180px !important;
}

.marginBtm185 {
  margin-bottom: 185px !important;
}

.marginBtm190 {
  margin-bottom: 190px !important;
}

.marginBtm195 {
  margin-bottom: 195px !important;
}

.marginBtm200 {
  margin-bottom: 200px !important;
}

.marginLeft0 {
  margin-left: 0px !important;
}

.marginLeft1 {
  margin-left: 1px !important;
}

.marginLeft2 {
  margin-left: 2px !important;
}

.marginLeft3 {
  margin-left: 3px !important;
}

.marginLeft4 {
  margin-left: 4px !important;
}

.marginLeft5 {
  margin-left: 5px !important;
}

.marginLeft6 {
  margin-left: 6px !important;
}

.marginLeft7 {
  margin-left: 7px !important;
}

.marginLeft8 {
  margin-left: 8px !important;
}

.marginLeft9 {
  margin-left: 9px !important;
}

.marginLeft10 {
  margin-left: 10px !important;
}

.marginLeft11 {
  margin-left: 11px !important;
}

.marginLeft12 {
  margin-left: 12px !important;
}

.marginLeft13 {
  margin-left: 13px !important;
}

.marginLeft14 {
  margin-left: 14px !important;
}

.marginLeft15 {
  margin-left: 15px !important;
}

.marginLeft16 {
  margin-left: 16px !important;
}

.marginLeft17 {
  margin-left: 17px !important;
}

.marginLeft18 {
  margin-left: 18px !important;
}

.marginLeft19 {
  margin-left: 19px !important;
}

.marginLeft20 {
  margin-left: 20px !important;
}

.marginLeft21 {
  margin-left: 21px !important;
}

.marginLeft22 {
  margin-left: 22px !important;
}

.marginLeft23 {
  margin-left: 23px !important;
}

.marginLeft24 {
  margin-left: 24px !important;
}

.marginLeft25 {
  margin-left: 25px !important;
}

.marginLeft25 {
  margin-left: 25px !important;
}

.marginLeft30 {
  margin-left: 30px !important;
}

.marginLeft35 {
  margin-left: 35px !important;
}

.marginLeft40 {
  margin-left: 40px !important;
}

.marginLeft45 {
  margin-left: 45px !important;
}

.marginLeft50 {
  margin-left: 50px !important;
}

.marginLeft55 {
  margin-left: 55px !important;
}

.marginLeft60 {
  margin-left: 60px !important;
}

.marginLeft65 {
  margin-left: 65px !important;
}

.marginLeft70 {
  margin-left: 70px !important;
}

.marginLeft75 {
  margin-left: 75px !important;
}

.marginLeft80 {
  margin-left: 80px !important;
}

.marginLeft85 {
  margin-left: 85px !important;
}

.marginLeft90 {
  margin-left: 90px !important;
}

.marginLeft95 {
  margin-left: 95px !important;
}

.marginLeft100 {
  margin-left: 100px !important;
}

.marginLeft105 {
  margin-left: 105px !important;
}

.marginLeft110 {
  margin-left: 110px !important;
}

.marginLeft115 {
  margin-left: 115px !important;
}

.marginLeft120 {
  margin-left: 120px !important;
}

.marginLeft125 {
  margin-left: 125px !important;
}

.marginLeft130 {
  margin-left: 130px !important;
}

.marginLeft135 {
  margin-left: 135px !important;
}

.marginLeft140 {
  margin-left: 140px !important;
}

.marginLeft145 {
  margin-left: 145px !important;
}

.marginLeft150 {
  margin-left: 150px !important;
}

.marginLeft155 {
  margin-left: 155px !important;
}

.marginLeft160 {
  margin-left: 160px !important;
}

.marginLeft165 {
  margin-left: 165px !important;
}

.marginLeft170 {
  margin-left: 170px !important;
}

.marginLeft175 {
  margin-left: 175px !important;
}

.marginLeft180 {
  margin-left: 180px !important;
}

.marginLeft185 {
  margin-left: 185px !important;
}

.marginLeft190 {
  margin-left: 190px !important;
}

.marginLeft195 {
  margin-left: 195px !important;
}

.marginLeft200 {
  margin-left: 200px !important;
}

.marginBottom0 {
  margin-bottom: 0px !important;
}

.padding0 {
  padding: 0px !important;
}

.padding5 {
  padding: 5px !important;
}

.padding10 {
  padding: 10px !important;
}

.padding15 {
  padding: 15px !important;
}

.padding20 {
  padding: 20px !important;
}

.padding25 {
  padding: 25px !important;
}

.padding30 {
  padding: 30px !important;
}

.padding35 {
  padding: 35px !important;
}

.padding40 {
  padding: 40px !important;
}

.padding45 {
  padding: 45px !important;
}

.padding50 {
  padding: 50px !important;
}

.padding55 {
  padding: 55px !important;
}

.padding60 {
  padding: 60px !important;
}

.padding65 {
  padding: 65px !important;
}

.padding70 {
  padding: 70px !important;
}

.padding75 {
  padding: 75px !important;
}

.padding80 {
  padding: 80px !important;
}

.padding85 {
  padding: 85px !important;
}

.padding90 {
  padding: 90px !important;
}

.padding95 {
  padding: 95px !important;
}

.padding100 {
  padding: 100px !important;
}

.padding105 {
  padding: 105px !important;
}

.padding110 {
  padding: 110px !important;
}

.padding115 {
  padding: 115px !important;
}

.padding120 {
  padding: 120px !important;
}

.padding125 {
  padding: 125px !important;
}

.padding130 {
  padding: 130px !important;
}

.padding135 {
  padding: 135px !important;
}

.padding140 {
  padding: 140px !important;
}

.padding145 {
  padding: 145px !important;
}

.padding150 {
  padding: 150px !important;
}

.paddingTop0 {
  padding-top: 0px !important;
}

.paddingTop1 {
  padding-top: 1px !important;
}

.paddingTop2 {
  padding-top: 2px !important;
}

.paddingTop3 {
  padding-top: 3px !important;
}

.paddingTop4 {
  padding-top: 4px !important;
}

.paddingTop5 {
  padding-top: 5px !important;
}

.paddingTop6 {
  padding-top: 6px !important;
}

.paddingTop7 {
  padding-top: 7px !important;
}

.paddingTop8 {
  padding-top: 8px !important;
}

.paddingTop9 {
  padding-top: 9px !important;
}

.paddingTop10 {
  padding-top: 10px !important;
}

.paddingTop11 {
  padding-top: 11px !important;
}

.paddingTop12 {
  padding-top: 12px !important;
}

.paddingTop13 {
  padding-top: 13px !important;
}

.paddingTop14 {
  padding-top: 14px !important;
}

.paddingTop15 {
  padding-top: 15px !important;
}

.paddingTop16 {
  padding-top: 16px !important;
}

.paddingTop17 {
  padding-top: 17px !important;
}

.paddingTop18 {
  padding-top: 18px !important;
}

.paddingTop19 {
  padding-top: 19px !important;
}

.paddingTop20 {
  padding-top: 20px !important;
}

.paddingTop21 {
  padding-top: 21px !important;
}

.paddingTop22 {
  padding-top: 22px !important;
}

.paddingTop23 {
  padding-top: 23px !important;
}

.paddingTop24 {
  padding-top: 24px !important;
}

.paddingTop25 {
  padding-top: 25px !important;
}

.paddingTop25 {
  padding-top: 25px !important;
}

.paddingTop30 {
  padding-top: 30px !important;
}

.paddingTop35 {
  padding-top: 35px !important;
}

.paddingTop40 {
  padding-top: 40px !important;
}

.paddingTop45 {
  padding-top: 45px !important;
}

.paddingTop50 {
  padding-top: 50px !important;
}

.paddingTop55 {
  padding-top: 55px !important;
}

.paddingTop60 {
  padding-top: 60px !important;
}

.paddingTop65 {
  padding-top: 65px !important;
}

.paddingTop70 {
  padding-top: 70px !important;
}

.paddingTop75 {
  padding-top: 75px !important;
}

.paddingTop80 {
  padding-top: 80px !important;
}

.paddingTop85 {
  padding-top: 85px !important;
}

.paddingTop90 {
  padding-top: 90px !important;
}

.paddingTop95 {
  padding-top: 95px !important;
}

.paddingTop100 {
  padding-top: 100px !important;
}

.paddingTop105 {
  padding-top: 105px !important;
}

.paddingTop110 {
  padding-top: 110px !important;
}

.paddingTop115 {
  padding-top: 115px !important;
}

.paddingTop120 {
  padding-top: 120px !important;
}

.paddingTop125 {
  padding-top: 125px !important;
}

.paddingTop130 {
  padding-top: 130px !important;
}

.paddingTop135 {
  padding-top: 135px !important;
}

.paddingTop140 {
  padding-top: 140px !important;
}

.paddingTop145 {
  padding-top: 145px !important;
}

.paddingTop150 {
  padding-top: 150px !important;
}

.paddingTop155 {
  padding-top: 155px !important;
}

.paddingTop160 {
  padding-top: 160px !important;
}

.paddingTop165 {
  padding-top: 165px !important;
}

.paddingTop170 {
  padding-top: 170px !important;
}

.paddingTop175 {
  padding-top: 175px !important;
}

.paddingTop180 {
  padding-top: 180px !important;
}

.paddingTop185 {
  padding-top: 185px !important;
}

.paddingTop190 {
  padding-top: 190px !important;
}

.paddingTop195 {
  padding-top: 195px !important;
}

.paddingTop200 {
  padding-top: 200px !important;
}

.paddingRight0 {
  padding-right: 0px !important;
}

.paddingRight1 {
  padding-right: 1px !important;
}

.paddingRight2 {
  padding-right: 2px !important;
}

.paddingRight3 {
  padding-right: 3px !important;
}

.paddingRight4 {
  padding-right: 4px !important;
}

.paddingRight5 {
  padding-right: 5px !important;
}

.paddingRight6 {
  padding-right: 6px !important;
}

.paddingRight7 {
  padding-right: 7px !important;
}

.paddingRight8 {
  padding-right: 8px !important;
}

.paddingRight9 {
  padding-right: 9px !important;
}

.paddingRight10 {
  padding-right: 10px !important;
}

.paddingRight11 {
  padding-right: 11px !important;
}

.paddingRight12 {
  padding-right: 12px !important;
}

.paddingRight13 {
  padding-right: 13px !important;
}

.paddingRight14 {
  padding-right: 14px !important;
}

.paddingRight15 {
  padding-right: 15px !important;
}

.paddingRight16 {
  padding-right: 16px !important;
}

.paddingRight17 {
  padding-right: 17px !important;
}

.paddingRight18 {
  padding-right: 18px !important;
}

.paddingRight19 {
  padding-right: 19px !important;
}

.paddingRight20 {
  padding-right: 20px !important;
}

.paddingRight21 {
  padding-right: 21px !important;
}

.paddingRight22 {
  padding-right: 22px !important;
}

.paddingRight23 {
  padding-right: 23px !important;
}

.paddingRight24 {
  padding-right: 24px !important;
}

.paddingRight25 {
  padding-right: 25px !important;
}

.paddingRight25 {
  padding-right: 25px !important;
}

.paddingRight30 {
  padding-right: 30px !important;
}

.paddingRight35 {
  padding-right: 35px !important;
}

.paddingRight40 {
  padding-right: 40px !important;
}

.paddingRight45 {
  padding-right: 45px !important;
}

.paddingRight50 {
  padding-right: 50px !important;
}

.paddingRight55 {
  padding-right: 55px !important;
}

.paddingRight60 {
  padding-right: 60px !important;
}

.paddingRight65 {
  padding-right: 65px !important;
}

.paddingRight70 {
  padding-right: 70px !important;
}

.paddingRight75 {
  padding-right: 75px !important;
}

.paddingRight80 {
  padding-right: 80px !important;
}

.paddingRight85 {
  padding-right: 85px !important;
}

.paddingRight90 {
  padding-right: 90px !important;
}

.paddingRight95 {
  padding-right: 95px !important;
}

.paddingRight100 {
  padding-right: 100px !important;
}

.paddingRight105 {
  padding-right: 105px !important;
}

.paddingRight110 {
  padding-right: 110px !important;
}

.paddingRight115 {
  padding-right: 115px !important;
}

.paddingRight120 {
  padding-right: 120px !important;
}

.paddingRight125 {
  padding-right: 125px !important;
}

.paddingRight130 {
  padding-right: 130px !important;
}

.paddingRight135 {
  padding-right: 135px !important;
}

.paddingRight140 {
  padding-right: 140px !important;
}

.paddingRight145 {
  padding-right: 145px !important;
}

.paddingRight150 {
  padding-right: 150px !important;
}

.paddingRight155 {
  padding-right: 155px !important;
}

.paddingRight160 {
  padding-right: 160px !important;
}

.paddingRight165 {
  padding-right: 165px !important;
}

.paddingRight170 {
  padding-right: 170px !important;
}

.paddingRight175 {
  padding-right: 175px !important;
}

.paddingRight180 {
  padding-right: 180px !important;
}

.paddingRight185 {
  padding-right: 185px !important;
}

.paddingRight190 {
  padding-right: 190px !important;
}

.paddingRight195 {
  padding-right: 195px !important;
}

.paddingRight200 {
  padding-right: 200px !important;
}

.paddingBtm0 {
  padding-bottom: 0px !important;
}

.paddingBtm1 {
  padding-bottom: 1px !important;
}

.paddingBtm2 {
  padding-bottom: 2px !important;
}

.paddingBtm3 {
  padding-bottom: 3px !important;
}

.paddingBtm4 {
  padding-bottom: 4px !important;
}

.paddingBtm5 {
  padding-bottom: 5px !important;
}

.paddingBtm6 {
  padding-bottom: 6px !important;
}

.paddingBtm7 {
  padding-bottom: 7px !important;
}

.paddingBtm8 {
  padding-bottom: 8px !important;
}

.paddingBtm9 {
  padding-bottom: 9px !important;
}

.paddingBtm10 {
  padding-bottom: 10px !important;
}

.paddingBtm11 {
  padding-bottom: 11px !important;
}

.paddingBtm12 {
  padding-bottom: 12px !important;
}

.paddingBtm13 {
  padding-bottom: 13px !important;
}

.paddingBtm14 {
  padding-bottom: 14px !important;
}

.paddingBtm15 {
  padding-bottom: 15px !important;
}

.paddingBtm16 {
  padding-bottom: 16px !important;
}

.paddingBtm17 {
  padding-bottom: 17px !important;
}

.paddingBtm18 {
  padding-bottom: 18px !important;
}

.paddingBtm19 {
  padding-bottom: 19px !important;
}

.paddingBtm20 {
  padding-bottom: 20px !important;
}

.paddingBtm21 {
  padding-bottom: 21px !important;
}

.paddingBtm22 {
  padding-bottom: 22px !important;
}

.paddingBtm23 {
  padding-bottom: 23px !important;
}

.paddingBtm24 {
  padding-bottom: 24px !important;
}

.paddingBtm25 {
  padding-bottom: 25px !important;
}

.paddingBtm25 {
  padding-bottom: 25px !important;
}

.paddingBtm30 {
  padding-bottom: 30px !important;
}

.paddingBtm35 {
  padding-bottom: 35px !important;
}

.paddingBtm40 {
  padding-bottom: 40px !important;
}

.paddingBtm45 {
  padding-bottom: 45px !important;
}

.paddingBtm50 {
  padding-bottom: 50px !important;
}

.paddingBtm55 {
  padding-bottom: 55px !important;
}

.paddingBtm60 {
  padding-bottom: 60px !important;
}

.paddingBtm65 {
  padding-bottom: 65px !important;
}

.paddingBtm70 {
  padding-bottom: 70px !important;
}

.paddingBtm75 {
  padding-bottom: 75px !important;
}

.paddingBtm80 {
  padding-bottom: 80px !important;
}

.paddingBtm85 {
  padding-bottom: 85px !important;
}

.paddingBtm90 {
  padding-bottom: 90px !important;
}

.paddingBtm95 {
  padding-bottom: 95px !important;
}

.paddingBtm100 {
  padding-bottom: 100px !important;
}

.paddingBtm105 {
  padding-bottom: 105px !important;
}

.paddingBtm110 {
  padding-bottom: 110px !important;
}

.paddingBtm115 {
  padding-bottom: 115px !important;
}

.paddingBtm120 {
  padding-bottom: 120px !important;
}

.paddingBtm125 {
  padding-bottom: 125px !important;
}

.paddingBtm130 {
  padding-bottom: 130px !important;
}

.paddingBtm135 {
  padding-bottom: 135px !important;
}

.paddingBtm140 {
  padding-bottom: 140px !important;
}

.paddingBtm145 {
  padding-bottom: 145px !important;
}

.paddingBtm150 {
  padding-bottom: 150px !important;
}

.paddingBtm155 {
  padding-bottom: 155px !important;
}

.paddingBtm160 {
  padding-bottom: 160px !important;
}

.paddingBtm165 {
  padding-bottom: 165px !important;
}

.paddingBtm170 {
  padding-bottom: 170px !important;
}

.paddingBtm175 {
  padding-bottom: 175px !important;
}

.paddingBtm180 {
  padding-bottom: 180px !important;
}

.paddingBtm185 {
  padding-bottom: 185px !important;
}

.paddingBtm190 {
  padding-bottom: 190px !important;
}

.paddingBtm195 {
  padding-bottom: 195px !important;
}

.paddingBtm200 {
  padding-bottom: 200px !important;
}

.paddingLeft0 {
  padding-left: 0px !important;
}

.paddingLeft1 {
  padding-left: 1px !important;
}

.paddingLeft2 {
  padding-left: 2px !important;
}

.paddingLeft3 {
  padding-left: 3px !important;
}

.paddingLeft4 {
  padding-left: 4px !important;
}

.paddingLeft5 {
  padding-left: 5px !important;
}

.paddingLeft6 {
  padding-left: 6px !important;
}

.paddingLeft7 {
  padding-left: 7px !important;
}

.paddingLeft8 {
  padding-left: 8px !important;
}

.paddingLeft9 {
  padding-left: 9px !important;
}

.paddingLeft10 {
  padding-left: 10px !important;
}

.paddingLeft11 {
  padding-left: 11px !important;
}

.paddingLeft12 {
  padding-left: 12px !important;
}

.paddingLeft13 {
  padding-left: 13px !important;
}

.paddingLeft14 {
  padding-left: 14px !important;
}

.paddingLeft15 {
  padding-left: 15px !important;
}

.paddingLeft16 {
  padding-left: 16px !important;
}

.paddingLeft17 {
  padding-left: 17px !important;
}

.paddingLeft18 {
  padding-left: 18px !important;
}

.paddingLeft19 {
  padding-left: 19px !important;
}

.paddingLeft20 {
  padding-left: 20px !important;
}

.paddingLeft21 {
  padding-left: 21px !important;
}

.paddingLeft22 {
  padding-left: 22px !important;
}

.paddingLeft23 {
  padding-left: 23px !important;
}

.paddingLeft24 {
  padding-left: 24px !important;
}

.paddingLeft25 {
  padding-left: 25px !important;
}

.paddingLeft25 {
  padding-left: 25px !important;
}

.paddingLeft30 {
  padding-left: 30px !important;
}

.paddingLeft35 {
  padding-left: 35px !important;
}

.paddingLeft40 {
  padding-left: 40px !important;
}

.paddingLeft45 {
  padding-left: 45px !important;
}

.paddingLeft50 {
  padding-left: 50px !important;
}

.paddingLeft55 {
  padding-left: 55px !important;
}

.paddingLeft60 {
  padding-left: 60px !important;
}

.paddingLeft65 {
  padding-left: 65px !important;
}

.paddingLeft70 {
  padding-left: 70px !important;
}

.paddingLeft75 {
  padding-left: 75px !important;
}

.paddingLeft80 {
  padding-left: 80px !important;
}

.paddingLeft85 {
  padding-left: 85px !important;
}

.paddingLeft90 {
  padding-left: 90px !important;
}

.paddingLeft95 {
  padding-left: 95px !important;
}

.paddingLeft100 {
  padding-left: 100px !important;
}

.paddingLeft105 {
  padding-left: 105px !important;
}

.paddingLeft110 {
  padding-left: 110px !important;
}

.paddingLeft115 {
  padding-left: 115px !important;
}

.paddingLeft120 {
  padding-left: 120px !important;
}

.paddingLeft125 {
  padding-left: 125px !important;
}

.paddingLeft130 {
  padding-left: 130px !important;
}

.paddingLeft135 {
  padding-left: 135px !important;
}

.paddingLeft140 {
  padding-left: 140px !important;
}

.paddingLeft145 {
  padding-left: 145px !important;
}

.paddingLeft150 {
  padding-left: 150px !important;
}

.paddingLeft155 {
  padding-left: 155px !important;
}

.paddingLeft160 {
  padding-left: 160px !important;
}

.paddingLeft165 {
  padding-left: 165px !important;
}

.paddingLeft170 {
  padding-left: 170px !important;
}

.paddingLeft175 {
  padding-left: 175px !important;
}

.paddingLeft180 {
  padding-left: 180px !important;
}

.paddingLeft185 {
  padding-left: 185px !important;
}

.paddingLeft190 {
  padding-left: 190px !important;
}

.paddingLeft195 {
  padding-left: 195px !important;
}

.paddingLeft200 {
  padding-left: 200px !important;
}

.widthMinus50 {
  width: calc(100% - 50px) !important;
}

.widthMinus65 {
  width: calc(100% - 65px) !important;
}

.widthMinus105 {
  width: calc(100% - 105px) !important;
}

.width245 {
  width: 245px !important;
}

.width50p {
  width: 50%;
}

.paddingBottom0 {
  padding-bottom: 0px !important;
}

.centered {
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

/* icons classes */
.icon {
  display: inline-block;
  direction: ltr;
}

.icon > svg {
  fill: currentColor;
  vertical-align: middle;
  margin: auto;
  align-content: center;
  height: 24px;
  width: 24px;
}

.icon.iconSmall > svg {
  height: 24px;
  width: 24px;
}

.icon.iconMedium > svg {
  height: 36px;
  width: 36px;
}

.icon.iconLarge > svg {
  height: 48px;
  width: 48px;
}

.icon.iconSize20 > svg {
  height: 20px;
  width: 20px;
}

.icon.iconSize16 > svg {
  height: 16px;
  width: 16px;
  vertical-align: top;
}

/* icons classes */
.height250 {
  height: 250px;
}

.height300 {
  height: 300px;
}

.height50 {
  height: 50px;
}

.height21 {
  height: 21px;
}

.height215 {
  height: 215px;
}

.height150 {
  height: 150px;
}

.maxHeight250 {
  max-height: 250px;
}

.lineHeight30 {
  line-height: 30px;
}

.lineHeight15 {
  line-height: 15px;
}

/* rotate css starts here*/
.transform90Deg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
}

.transform90DegN {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-backface-visibility: hidden;
}

.transform180Deg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
}

.transform180DegN {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-backface-visibility: hidden;
}

.transform270Deg {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-backface-visibility: hidden;
}

.transform270DegN {
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg);
  -webkit-backface-visibility: hidden;
}

/* rotate css ends here*/
.temp-bg-1 {
  background: #16b587;
}

.temp-bg-1 .temp-card-label {
  color: #16b587;
}

.temp-bg-2 {
  background: #9696dc;
}

.temp-bg-2 .temp-card-label {
  color: #9696dc;
}

.width170 {
  width: 170px;
}

.fontNormal {
  font-weight: normal;
}

.heightAuto {
  height: auto !important;
}

.lineHeightInherit {
  line-height: inherit !important;
}

.minWidth200 {
  min-width: 200px;
}

.marginTop5N {
  margin-top: -5px !important;
}

.marginBtm29 {
  margin-bottom: 29px !important;
}

.opacity-08 {
  opacity: 0.8;
}

.bold {
  font-weight: bold;
}

.top200N {
  top: -200px !important;
}

/* no border css starts */
.noTopBorder {
  border-Top: none !important;
}

.noRightBorder {
  border-Right: none !important;
}

.noBottomBorder {
  border-Bottom: none !important;
}

.noLeftBorder {
  border-Left: none !important;
}

.noTBorder {
  border-Top: none !important;
}

.noRBorder {
  border-Top: none !important;
}

.noBBorder {
  border-Top: none !important;
}

.noLBorder {
  border-Top: none !important;
}

.noBorder {
  border: none !important;
}

.borderAll {
  border: 1px solid #e8e8e8;
}

/* no border css ends */
.displayBlock {
  display: block;
}

.marginTop11N {
  margin-top: -11px !important;
}

/* define font size in rem from 10px to 36px starts*/
.fontSize10 {
  font-size: 0.71429rem !important;
}

.fontSize12, .ddSubLinkWrapper {
  font-size: 0.85714rem !important;
}

.fontSize14 {
  font-size: 1rem !important;
}

.fontSize16 {
  font-size: 1.14286rem !important;
}

.fontSize18 {
  font-size: 1.28571rem !important;
}

.fontSize20 {
  font-size: 1.42857rem !important;
}

.fontSize22 {
  font-size: 1.57143rem !important;
}

.fontSize24 {
  font-size: 1.71429rem !important;
}

.fontSize26 {
  font-size: 1.85714rem !important;
}

.fontSize28 {
  font-size: 2rem !important;
}

.fontSize30 {
  font-size: 2.14286rem !important;
}

.fontSize32 {
  font-size: 2.28571rem !important;
}

.fontSize34 {
  font-size: 2.42857rem !important;
}

.fontSize36 {
  font-size: 2.57143rem !important;
}

/* define font size in rem from 10px to 36px starts*/
.linkNormal {
  text-transform: inherit;
  font-weight: normal;
}

/*high lighter colors starts here*/
.high-ligher {
  border-left: 5px solid #fafafa;
}

.high-ligher1 {
  border-left: 5px solid #ffcc80;
}

.high-ligher2 {
  border-left: 5px solid #ff8a65;
}

.high-ligher3 {
  border-left: 5px solid #9ccc65;
}

.high-ligher4 {
  border-left: 5px solid #29b6f6;
}

.high-ligher5 {
  border-left: 5px solid #f48fb1;
}

/*high lighter colors ends here*/
/*color code for ID i.e. #id1,#id2... starts here*/
#id1 {
  background: #ff8a65;
}

#id2 {
  background: #9ccc65;
}

#id3 {
  background: #29b6f6;
}

#id4 {
  background: #f48fb1;
}

#id5 {
  background: #88B489;
}

#id6 {
  background: #65E0FF;
}

/*color code for ID i.e. #id1,#id2... starts here*/
.is-overflowHidden {
  overflow: hidden;
}

.overflowVisible {
  overflow: visible;
}

.borderBtmGray {
  border-bottom: 1px solid #A2A2A2;
}

.horizontalTabs.tabparent-container.grid-fixed-container {
  position: fixed;
  background: #ffffff;
  z-index: 999;
  top: 50px;
  width: 100% !important;
}

.fixedFilterHeader {
  position: fixed;
  top: 90px;
  background: #ffffff;
  z-index: 999;
}

.borderBtmGraye7 {
  background-color: #e7e7e7;
}

.borderBtmLight {
  border-bottom: 1px solid #e0e0e0;
}

.is-hide {
  display: none;
}

.cursorPointer {
  cursor: pointer;
}

.cursorDefault {
  cursor: default;
}

.backSpaceVisibility {
  backface-visibility: hidden;
}

.marginTop47p {
  margin-top: 47% !important;
}

.marginLeft30N {
  margin-left: -30px;
}

.is-scrolled {
  border-top: 1px solid #e5e5e5 !important;
}

.is-modified {
  font-size: 0.85714rem;
}

.footerSpacer {
  padding-bottom: 2.85rem;
}

.autoWidth {
  width: auto;
}

.aCenter {
  text-align: center;
}

.aRight {
  text-align: right;
}

.aCenter input {
  text-align: center;
}

.aRight input {
  text-align: right;
}

.pagDisabled a {
  opacity: 0.5 !important;
  cursor: default !important;
}

.pgInputBx {
  vertical-align: bottom;
  width: 25px;
  display: inline-block;
}

.secContentWithBorder {
  padding: 10px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  float: left;
  width: 100%;
}

.borderTopLight {
  border-top: 1px solid #e0e0e0;
}

i.small.smallest {
  font-size: 1rem;
}

.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.width400 {
  width: 400px;
}

.width700 {
  width: 700px;
}

.highlighted {
  background: yellow;
}

.is-added .title {
  color: #c3c3c3;
}

.is-visible-hidden {
  visibility: hidden;
}

.zIndex998 {
  z-index: 998;
}

.pagePlainWhite {
  background: white !important;
}

.pagePlainWhite:after {
  display: none;
}

.linkdisabled {
  cursor: default;
  pointer-events: none !important;
  text-decoration: none;
  color: #1c1c1c !important;
}

.linkdisabled.with-readonly {
  color: #1c1c1c !important;
}

.linkdisabled a {
  cursor: default;
  pointer-events: none !important;
  text-decoration: none;
  color: #c9c9c9 !important;
}

.shadowGreyOuter {
  box-shadow: 0 3px 5px 0 gray;
}

.nowrap {
  white-space: nowrap !important;
}

.is-fixed-on-top {
  position: fixed !important;
  left: 0;
  right: 0;
}

.italic {
  font-style: italic;
}

.highlightRow {
  background: #f7fbfe;
}

.pointEventN {
  pointer-events: none;
}

.fixedTbl {
  table-layout: fixed;
}

/* add helper classes */
.workAsInput {
  height: 2rem;
  margin: 0.5rem 0 0 0;
  padding: 0.5rem 0 0 0;
  box-sizing: content-box;
}

.subHeader {
  font-size: 1.286rem;
}

.subHeaderWithFilter {
  position: relative;
  z-index: 3;
  background-color: #0067b0;
}

.alignwithCel {
  margin: -8px 0 0 0;
}

.triggerr {
  cursor: pointer;
}

.sectionContentWithShadow {
  box-shadow: 0 2px 2px #d0d0d0 inset;
}

.sectionContentWithShadow.ng-enter, .sectionContentWithShadow.ng-leave {
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sectionContentWithShadow.ng-enter {
  max-height: 0;
}

.sectionContentWithShadow.ng-enter.ng-enter-active {
  max-height: 500px;
}

.sectionContentWithShadow.ng-leave {
  max-height: 500px;
}

.sectionContentWithShadow.ng-leave.ng-leave-active {
  max-height: 0;
}

.make-it-disabled {
  opacity: 0.5;
}

.vBottom {
  vertical-align: bottom;
}

.dIBlock {
  display: inline-block;
}

.bottom0 {
  bottom: 0;
}

.breakWord {
  word-wrap: break-word;
}

.text-strikethrough {
  text-decoration: line-through;
}

.chipWithPadding {
  padding: 0 12px;
}

.isInvalid, .isInvalid .searchWrapper {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.isInvalid input::-webkit-input-placeholder, .isInvalid .searchWrapper input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: red;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.isInvalid input::-moz-placeholder, .isInvalid .searchWrapper input::-moz-placeholder {
  /* Firefox 19+ */
  color: red;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.isInvalid input:-ms-input-placeholder {
  /* IE 10+ */
  color: red;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.isInvalid input:-moz-placeholder {
  /* Firefox 18- */
  color: red;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.isInvalid.searchWrapper .input-field pre, .isInvalid .searchWrapper .input-field pre {
  color: red;
}

/* For bookmark data notification*/
.fixed2 .dropdown-content {
  left: auto !important;
  right: 10px;
}

/*for pdf js p2p*/
.rotateMin90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.rotateMin180 {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.rotateMin270 {
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg);
}

.rotate0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.widgetForScannedSection {
  height: 260px;
  padding-bottom: 10px;
}

/*for pdf js p2p end*/
.height285 {
  height: 285px;
}

li.listStyleDisc {
  list-style-type: disc;
}

.minHeigth70 {
  min-height: 70px !important;
}

.marginTopN15 {
  margin-top: -15px !important;
}

.borderLeftLight {
  border-left: 1px solid #e5e5e5;
}

.filter-list li.ng-scope.collection-item {
  padding-bottom: 14px;
}

.filter-list li.collection-item:last-child {
  padding-bottom: 25px !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.checkboxWithInfo {
  width: 83%;
  float: left;
}

.inputFieldWithInfoicon {
  padding-left: 0;
}

.inputFieldWithInfoicon .input-field {
  width: 88%;
  padding-right: 0;
}

.inputFieldWithInfoicon.hideInfoIcon .input-field {
  width: 100%;
  padding-right: 0.75rem;
}

table.sTable th.table-header-checkbox:first-child {
  padding: 10px 19px;
}

.line-height-30 {
  line-height: 30px !important;
}

a:focus {
  outline: 2px solid rgba(21, 157, 252, 0.54);
  outline: 2px auto rgba(21, 157, 252, 0.54);
}

a:active:focus, a:hover:focus, a:visited:focus {
  outline-width: 0px;
  outline-style: auto;
  outline-color: rgba(21, 157, 252, 0.54);
}

.tabs .tab a:focus, .quick-search-link:focus, .recom-item a {
  outline: 0;
}

/*a:hover{text-decoration:underline}
.dropdown-button:hover,.btn-large-circle:hover,.btn-large:hover,.btn-flat:hover,
.btn:hover, a.collection-item:hover, .chips-link:hover,.tabs a:hover, a.grey-text:hover,
a._optionalFieldLabel:hover,.card-header-title > a:hover, .dropdown-content li>a:hover,
.card-content .collection .collection-item a.title:hover, .collection-item a:hover,
.quick-search-link:hover, .dropdown-content li>a:hover, a.vertical__tab:hover{text-decoration: none}
*/
[isItemList]:focus {
  background: #eee !important;
}

.modal .model_closeIcon {
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  color: #616161;
  color: #fff;
}

.modal .title {
  font-size: 18px;
}

.modal .modal-footer_new {
  float: left;
  width: 100%;
  padding: 10px 0;
}

.modal .modal-header {
  padding: 18px 20px 16px;
  height: 60px;
}

.modal .modal-header > .material-icons, .modal .modal-header > a {
  padding: 3px;
}

.modal .modal-header .title {
  font-size: 1.286rem;
}

.modal .modal-header.iCard-header {
  height: 50px;
}

.modal .modal-footer .notifyBubble {
  width: 30px;
  height: 30px;
  margin-top: 1px;
}

.modal .modal-footer .notifyBubble span {
  margin: 0 auto;
  color: #fff;
}

.modal .modal-footer .notifyBubble .bubble {
  left: 0;
}

.modal.ui-draggable {
  cursor: move;
}

.modal .iconAttachmentdelete {
  margin-top: -4px;
  float: left;
}

.collapsible-header .modal {
  line-height: 1.5;
}

.collapsible-header .modal i {
  line-height: inherit;
  font-size: inherit;
}

.modal-header--Icon {
  line-height: 26px;
}

.modal-footer--notification {
  background-color: #f5f5f5;
  padding: 1.071rem 1.429rem;
}

.is-popup-Draggable {
  overflow: visible;
}

.is-popup-Draggable .lean-overlay {
  display: none !important;
}

.popupDraggableHandler {
  height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
}

.popupDraggableHandler i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: -webkit-grab;
  display: inline-flex;
  color: #999;
}

/* For focusing on elements*/
/* Start */
a.tree-view-str-collapsible-trigger:focus {
  background: #e7f5ff;
  border-radius: 50%;
  outline: none !important;
}

/*.modal-footer .btn-flat:focus {
  outline: none !important;
    box-shadow: 0 1px 1px #e2e2e2;
    background: #f1f1f1;
}*/

.noSaveItem a:focus {
  outline: none;
}

.modal .modal-header .searchWithHiddenTextField a:focus {
  box-shadow: 0 1px 1px #e2e2e2;
  background: #f1f1f1;
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

/*.btn-flat:focus {
  outline: none !important;
  box-shadow: 0 1px 1px #e2e2e2;
  background: #f1f1f1;
}

.page-footer .btn-flat:focus {
  outline: none !important;
  box-shadow: 0 1px 1px #e2e2e2;
  background: #f1f1f1;
}

.page-footer .whiteSecondaryBtn .btn:focus, .page-footer .whiteSecondaryBtn .btn:not(.disabled):focus {
  outline: none !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
     background: #fff;
}

.page-footer .btn:not(.disabled):focus {
  outline: none !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
     background: #1a77c9;
}*/

a:active {
  outline: none;
}

/*
a.dropdown-button.waves-effect{
    text-align: center;
    width:24px;
    height: 24px;
    line-height: 24px;
}

a.dropdown-button.waves-effect:focus{
 outline:none !important;
    box-shadow: 0 1px 1px #e2e2e2;
    background: #f1f1f1;
    text-align: center;
    width:24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
}

*/
/* End */
.ui-slider {
  border-top: 3px solid #9b9b9b;
  height: 1px;
  position: relative;
}

.ui-slider-handle {
  z-index: 2;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  top: 0;
  margin-left: -.6em;
  position: absolute;
}

.ui-slider-tip {
  top: -40px;
  position: absolute;
  left: 0;
  background: #323232;
  color: #fff;
  width: 40px;
  text-align: center;
  border-radius: 3px;
  padding: 2px 3px 2px 3px;
}

.ui-slider-tip:after {
  content: "";
  background: #106cc8;
  border-radius: 30px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 28px;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  top: -3px;
  border-top: 3px solid #4CAF50;
}

/* notification css starts here*/
.notification-massage .modal {
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.1), 0 50px 57px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.notification-massage .notifi-card-content-checkbox {
  padding: 0 25px;
}

.notification-massage .modal-content {
  background: #fff;
  overflow: hidden;
}

/*.notification-massage .modal-footer .btn-flat:focus {
  box-shadow: 0 1px 1px #e2e2e2 !important;
  background: #dddddd !important;
  outline: none !important;
}*/

.notification-massage .card-header {
  height: 120px;
  position: relative;
  overflow: hidden;
  display: table;
  width: 100%;
  text-align: center;
  /*.icon-head svg{margin-top:27px;}*/
}

.notification-massage .card-header .notify-header-cont {
  display: table-cell;
  vertical-align: middle;
}

.notification-massage .card-header .icon-bg {
  position: absolute;
  right: -72px;
  top: -70px;
}

.notification-massage .notify-error .session-image, .notification-massage .notify-success .session-image, .notification-massage .notify-warning .session-image, .notification-massage .notify-information .session-image, .notification-massage .notify-information .session-image {
  display: none;
}

.notification-massage .notify-session-timeout p, .notification-massage .notify-session-expire .notify-header .icon-head, .notification-massage .notify-session-timeout .notify-header .icon-head {
  display: none;
}

.notification-massage .session-image {
  position: absolute;
  width: 93px;
  height: 169px;
  left: 40px;
  top: 0px;
  z-index: 1;
}

.notification-massage .notify-session-timeout .session-image {
  background: url(../images/session-timeout.png) no-repeat;
  width: 296px;
  height: 157px;
  left: 0px;
  top: 11px;
}

.notification-massage .notify-session-expire .session-image {
  background: url(../images/session-expire.png);
}

.notification-massage .notify-session-timeout .card-header .icon-bg, .notification-massage .notify-session-expire .card-header .icon-bg {
  position: absolute;
  right: -72px;
  top: -69px;
  left: auto;
}

.notification-massage .notify-session-timeout .notify-header .notify-text, .notification-massage .notify-session-expire .notify-header .notify-text {
  left: 0;
  line-height: 30px;
  width: 100%;
  text-align: left;
  bottom: auto;
  padding-left: 150px;
  padding-right: 15px;
}

.notification-massage .notify-session-timeout, .notification-massage .notify-session-expire {
  background: none;
  padding-top: 48px;
}

.notification-massage .notify-error .notify-header {
  background: #d63d3d;
}

.notification-massage .notify-success .notify-header {
  background: #268406;
}

.notification-massage .notify-warning .notify-header {
  background: #e67300;
}

.notification-massage .notify-information .notify-header {
  background: #0177d6;
}

.notification-massage .notify-confirm .notify-header {
  background: #ffc107;
}

.notification-massage .notify-session-timeout .notify-header {
  background: #607d8b;
  padding-top: 45px;
}

.notification-massage .notify-session-expire .notify-header {
  background: #673ab4;
}

.notification-massage .notify-confirm .icon-bg svg {
  fill: rgba(255, 255, 255, 0.2);
}

.notification-massage .notify-header .icon-head {
  left: -4px;
  position: relative;
}

.notification-massage .notify-header .notify-text {
  color: #fff;
  font-size: 2.143rem;
  position: relative;
  line-height: 1.6rem;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  left: -4px;
}

.notification-massage p {
  margin: 0;
  line-height: 1.8;
  color: #9e9e9e;
}

.notification-massage p.notify-header-cont {
  display: table-cell;
  vertical-align: middle;
}

.icon-bg svg {
  width: 260px;
  height: 260px;
  fill: rgba(255, 255, 255, 0.1);
}

.icon-head svg {
  width: 65px;
  height: 65px;
  fill: white;
  /*margin-top: 20px;*/
}
/*TWO-17725*/
.notification-massage .card-content  {
  word-wrap: break-word;
}
.notificationContent {
  overflow-y: auto;
  max-height: 200px;
}

/* notification css ends here*/
.accumulator-container, .dropdown-content .accumulator-container {
  padding: 0 20px;
}

.accumulator-content .accumulator-box, .dropdown-content .accumulator-content .accumulator-box {
  border: 1px solid #e5e5e5;
  padding: 0;
}

.accumulator-box-list, .dropdown-content .accumulator-box-list {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}

.accumulator-box .input-field, .dropdown-content .accumulator-box .input-field {
  margin: 0;
}

.accumulator-box-list-item.accumulator-search, .dropdown-content .accumulator-box-list-item.accumulator-search {
  height: 48px;
  padding: 8px 15px;
}

.accumulator-box .input-field.withSearchIcon input, .dropdown-content .accumulator-box .input-field.withSearchIcon input {
  height: 31px;
  line-height: 28px;
  border: none;
  box-shadow: none;
}

.accumulator-box-list-item, .dropdown-content .accumulator-box-list-item {
  padding: 8px 15px;
  line-height: 32px;
}

.accumulator-box-list-item.accumulator-list-group, .dropdown-content .accumulator-box-list-item.accumulator-list-group {
  padding: 0;
}

.accumulator-box-list-item.accumulator-list-group-items, .dropdown-content .accumulator-box-list-item.accumulator-list-group-items {
  padding: 8px 15px 8px 45px;
  background-color: #f5f5f5;
}

.accumulator-content .accumulator-box-list:last-child, .dropdown-content .accumulator-content .accumulator-box-list:last-child {
  border: 0;
}

.accumalator-chk, .dropdown-content .accumalator-chk {
  float: left;
  margin-top: 5px;
  line-height: 20px;
}

.accumulator-action-box, .dropdown-content .accumulator-action-box {
  position: relative;
}

.accumulator-action-box .accumulator-action-opt, .dropdown-content .accumulator-action-box .accumulator-action-opt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.accumulator-box-list-item .group-icon, .dropdown-content .accumulator-box-list-item .group-icon {
  position: absolute;
  right: 15px;
}

.accumulator-box-list-item .accumulator-grp-title, .dropdown-content .accumulator-box-list-item .accumulator-grp-title {
  position: relative;
  padding-right: 30px;
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 30px);
  margin-top: -2px;
}

.accumulator-group-arrow, .dropdown-content .accumulator-group-arrow {
  position: absolute;
  right: 0;
}

.dropdown-content .accumulator-container li:hover, .dropdown-content .accumulator-container li.active, .dropdown-content .accumulator-container li.selected {
  background: none;
}

.dropdown-content .accumulator-container li {
  padding: 0;
}

.dropdown-content-box {
  padding: 2px 5px;
}

/*
	The MIT License (MIT)

	Copyright (c) 2015 Simeon Cheeseman

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

	The above copyright notice and this permission notice shall be included in all
	copies or substantial portions of the Software.

	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
	SOFTWARE.

	@license md-date-time
	@author SimeonC
	@license 2015 MIT
	@version 0.1.0
	Github url: https://github.com/SimeonC/md-date-time
	Code Example url: http://codepen.io/SimeonC/pen/XJdWPy
*/
.time-date {
  font-size: 16px;
  overflow: hidden;
  border: none;
  max-width: 600px;
}

.time-date > .display {
  position: relative;
  width: 47%;
  height: 100%;
  cursor: pointer;
}

.time-date > .display > .title {
  background-color: #00796b;
  color: #e1e1e1;
  line-height: 2em;
}

.time-date > .display > .content {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 3.2rem;
  padding: 3rem;
  font-size: 2rem;
  background-color: #009688;
  color: #e1e1e1;
}

.time-date > .display > .content > .super-title {
  text-transform: uppercase;
}

.time-date > .display > .content > .main-title {
  font-size: 8rem;
}

.time-date > .display > .content > .main-title > small {
  font-size: 1.5rem;
  margin-left: 0.5rem;
}

.time-date > .display > .content > .sub-title {
  color: #8acfc8;
}

.time-date > .control {
  width: 53%;
  overflow-x: hidden;
  position: relative;
}

.time-date > .control > .slider {
  position: absolute !important;
  width: 200%;
  -webkit-transition: left 0.6s ease-in-out;
  -moz-transition: left 0.6s ease-in-out;
  -o-transition: left 0.6s ease-in-out;
  -ms-transition: left 0.6s ease-in-out;
  transition: left 0.6s ease-in-out;
}

.time-date > .control > .slider > .date-control,
.time-date > .control > .slider > .time-control,
.time-date > .control > .slider > .switch-control {
  float: left;
  height: 27.3rem;
}

.time-date > .control > .slider > .date-control,
.time-date > .control > .slider > .time-control {
  width: 45%;
}

.time-date > .control > .slider > .switch-control {
  width: 10%;
  cursor: pointer;
}

.time-date > .control > .slider > .switch-control > i.fa {
  margin-top: 12.65rem;
}

.time-date > .control > .slider > .switch-control > i.fa:first-child {
  margin-right: 1rem;
}

.time-date > .control > .slider > .switch-control > i.fa:last-child {
  margin-left: 1rem;
}

.time-date > .control > .slider > .date-control > .title {
  font-weight: 500;
  line-height: 2em;
}

.time-date > .control > .slider > .date-control > .title > span {
  cursor: pointer;
  position: relative;
}

.time-date > .control > .slider > .date-control > .title > span:hover {
  text-decoration: underline;
}

.time-date > .control > .slider > .date-control > .title > span > select {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.time-date > .control > .slider > .date-control > .title > input {
  border: none;
  width: 5.6rem;
}

.time-date > .control > .slider > .date-control > .headers {
  margin-top: -1rem;
  font-weight: 500;
  font-size: 1.3rem;
  padding-left: 2rem;
  color: #737373;
}

.time-date > .control > .slider > .date-control > .headers > .day-cell {
  cursor: default;
}

.time-date > .control > .slider > .date-control .day-cell {
  float: left;
  width: 3.6rem;
  height: 3.6rem;
  padding-top: 1rem;
  cursor: pointer;
  -webkit-border-radius: 4rem;
  border-radius: 4rem;
}

.time-date > .control > .slider > .date-control > .days {
  font-size: 1.3rem;
  padding-left: 2rem;
  width: 27.720000000000002rem;
}

.time-date > .control > .slider > .date-control > .days .day-cell.today {
  color: #009688;
}

.time-date > .control > .slider > .date-control > .days .day-cell.selected {
  color: #fff;
  background-color: #009688;
}

.time-date > .control > .slider > .date-control > .days .day-cell:hover,
.time-date > .control > .slider > .date-control > .days .day-cell:active {
  color: #e6e6e6;
  background-color: #00baa9;
}

.time-date > .control > .slider > .time-control {
  position: relative;
}

.time-date > .control > .slider > .time-control > .buttons {
  position: absolute;
  bottom: 0px;
  left: 8px;
  right: 8px;
}

.time-date > .control > .slider > .time-control > .buttons > input {
  float: left;
  bottom: 50%;
  margin-bottom: -1.4rem;
  margin-left: -3rem;
  border: none;
  border-bottom: 1px solid #000;
  text-align: center;
  position: absolute;
  left: 50%;
}

.time-date > .control > .slider > .time-control > .buttons > button {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
}

.time-date > .control > .slider > .time-control > .clock {
  position: relative;
  width: 100%;
  padding-left: 50%;
  padding-top: 3rem;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face {
  position: relative;
  margin-left: -75px;
  margin-top: 1.5rem;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face:before {
  content: " ";
  background-color: #eceff1;
  position: absolute;
  top: -20px;
  left: -20px;
  height: 188px;
  width: 188px;
  -webkit-border-radius: 94px;
  border-radius: 94px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .center {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #202020;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  z-index: 3;
  left: 74px;
  top: 73px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand {
  position: absolute;
  height: 4rem;
  width: 4rem;
  margin-left: -2rem;
  margin-top: -2rem;
  padding: 1rem;
  text-align: center;
  -webkit-border-radius: 8rem;
  border-radius: 8rem;
  cursor: pointer;
  color: #009688;
  z-index: 2;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:hover,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:active,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:hover:before,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:active:before {
  color: #e6e6e6;
  background-color: #00baa9;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand.selected,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand.selected:before {
  color: #fff;
  background-color: #009688;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(2) {
  left: 112.5px;
  top: 10.048094699999993px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(2):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(3) {
  left: 139.95190530000002px;
  top: 37.5px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(3):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(4) {
  left: 150px;
  top: 75px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(4):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(5) {
  left: 139.95190530000002px;
  top: 112.5px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(5):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(6) {
  left: 112.5px;
  top: 139.95190530000002px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(6):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(7) {
  left: 75px;
  top: 150px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(7):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(8) {
  left: 37.5px;
  top: 139.95190530000002px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(8):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(9) {
  left: 10.048094699999993px;
  top: 112.5px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(9):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(10) {
  left: 0px;
  top: 75px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(10):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(11) {
  left: 10.048094699999993px;
  top: 37.5px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(11):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(12) {
  left: 37.5px;
  top: 10.048094699999993px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(12):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(13) {
  left: 75px;
  top: 0px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(13):before {
  content: " ";
  position: absolute;
  left: 2rem;
  top: 2rem;
  height: 75px;
  width: 2px;
  z-index: -1;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.time-date.date-mode > .control > .slider {
  left: 0%;
}

.time-date.time-mode > .display > .content {
  padding-top: 5.4rem;
}

.time-date.time-mode > .control > .slider {
  left: -100%;
}

.time-date.date-only > .control > .slider > .switch-control,
.time-date.date-only > .control > .slider > .time-control {
  display: none;
}

.time-date.date-only > .control > .slider > .date-control {
  width: 50%;
  padding-left: 1.4rem;
}

.time-date.time-only > .display > .content {
  top: 0px;
  padding-top: 8.2rem;
}

.time-date.time-only > .control > .slider > .switch-control,
.time-date.time-only > .control > .slider > .date-control {
  display: none;
}

.time-date.time-only > .control > .slider > .time-control {
  width: 50%;
}

.time-date > .display,
.time-date > .control {
  height: 27.3rem;
  float: left;
  text-align: center;
}

.time-date > .buttons {
  clear: both;
  padding: 1rem;
  text-align: right;
}

.time-date .button {
  color: #009688;
  font-weight: bold;
}

.time-date button.active,
.time-date .button.active {
  color: #fff !important;
  background-color: #009688;
}

.datetimemodal {
  width: 595px;
}

.time-date {
  width: 100%;
}

.time-date > .control > .slider {
  height: 100%;
}

.time-date > .control > .slider > .date-control .day-cell {
  width: 34px;
  height: 36px;
  padding: 7px 2px 0 0;
}

.btn-link-now {
  display: none;
}

.time-date > .control > .slider > .date-control > .headers {
  margin-top: -5px;
  font-weight: 700;
  font-size: 1rem;
  padding-left: 20px;
}

.time-date > .control > .slider > .date-control > .days {
  font-size: 1rem;
  padding-left: 20px;
  width: 100%;
}

.time-date > .display > .content,
.time-date.full-mode > .buttons,
.time-date > .control > .slider > .date-control > .days .day-cell:hover,
.time-date > .control > .slider > .date-control > .days .day-cell:active,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:hover,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:active,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:hover:before,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:active:before {
  background-color: #0177d6;
}

.time-date > .control > .slider > .date-control > .days .day-cell.today,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand {
  color: #0177d6;
}

.time-date .button.active,
.time-date > .display > .title,
.time-date > .control > .slider > .date-control > .days .day-cell.selected,
.time-date > .control > .slider > .time-control > .buttons > button.active,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand.selected,
.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand.selected:before {
  background-color: #0067b0;
}

.time-date > .control > .slider > .time-control > .buttons > input {
  margin-bottom: -14px;
  width: 66px;
  margin-left: -30px;
}

.time-date > .display > .content {
  top: 32px;
  padding: 30px;
  font-size: 20px;
}

.time-date > .display > .title {
  color: #fff;
}

.time-date > .display > .content > .super-title {
  margin: 31px 0 0;
}

.time-date > .display > .content > .main-title {
  font-size: 80px;
  padding: 0 0 6px;
  line-height: 79px;
  color: #fff;
}

.time-date > .display > .content > .sub-title,
.time-date > .display > .content > .super-title {
  color: #fff;
}

.time-date > .display,
.time-date > .control,
.time-date > .control > .slider > .date-control,
.time-date > .control > .slider > .time-control,
.time-date > .control > .slider > .switch-control {
  height: 300px;
}

.time-date > .buttons {
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
}

.time-date > .control > .slider > .date-control > .title {
  font-weight: 600;
  padding-top: 12px;
}

.time-date .switch-control.button,
.time-date .switch-control.button:hover {
  background-color: #f6f6f6;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand {
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  padding: 9px 10px;
}

.time-date > .control > .slider > .time-control > .clock {
  padding-top: 30px;
}

button.btn-flat:focus {
  box-shadow: none;
  background-color: transparent;
  color: #0177d6;
}

.time-date > .control > .slider > .time-control > .buttons > .btn {
  width: 50px;
  height: 50px;
  padding: 0 10px;
  box-shadow: none;
  background-color: transparent;
  color: #0177d6;
}

.time-date > .control > .slider > .time-control > .buttons {
  bottom: 10px;
}

.button.switch-control {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fb4242;
}

.time-date .button.switch-control:hover {
  color: #fb4242;
}

.month-part select {
  display: block;
  padding: 0;
  height: 100%;
}

.time-date > .control > .slider > .date-control > .title > input {
  width: 56px;
}

.icon-timezone {
  margin: 0 3px 0 0;
}

.icon-calendar {
  margin: 0 0 0 3px;
}

.input-field .buttons .btn-flat {
  padding-left: 20px;
}

.time-date.time-mode > .control > .slider > .time-control > .clock > .clock-face:before {
  top: -24px;
  left: -24px;
  height: 198px;
  width: 198px;
}

.time-date.time-mode > .display > .content {
  padding: 43px 19px 48px 13px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(1):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(2):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(3):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(4):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(5):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(6):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(7):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(8):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(9):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(10):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(11):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(12):before {
  left: 20px;
  top: 20px;
}

.time-date > .control > .slider > .time-control > .clock > .clock-face > .hand:nth-child(13):before {
  left: 20px;
  top: 20px;
}

.prev i.glyphicon-chevron-left {
  width: 0px;
  height: 0px;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid #828282;
  display: block;
}

.next i.glyphicon-chevron-right {
  width: 0px;
  height: 0px;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 10px solid #828282;
  margin-left: 10px;
  display: block;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  color: #5e5e5e;
}

/*scrollbar responsive css starts*/
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

@supports (-ms-ime-align: auto) {
  .scroll-wrapper > .scroll-content {
    overflow: auto !important;
  }
}

.scroll-element {
  display: none;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar {
  cursor: default;
}

.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-element div, .scroll-element {
  box-sizing: content-box;
}

.scroll-textarea {
  border: 1px solid #ccc;
  border-top-color: #999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-inner-container {
  display: inline-block;
  width: 100%;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 10px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  top: 1px;
  height: 80%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  width: 80%;
  min-height: 50px !important;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
  /*border-radius: 8px;*/
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  /*border-radius: 8px;
		filter: alpha(opacity=40);
		opacity: 0.4;*/
  background-color: rgba(0, 0, 0, 0.05);
}

.scrollbar-outer > .scroll-element .scroll-bar {
  /*border-radius: 8px;
		filter: alpha(opacity=40);
		opacity: 0.4;*/
  background-color: #9e9e9e;
}

.scrollbar-outer > .scroll-element:hover .scroll-bar {
  background-color: #757575;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #757575;
}

.scrollingInProcess .scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #757575;
}

/* Browser specific issue (TWO-3649) resolution for MS Edge Browser */
@supports (-ms-accelerator: true) {
  .scroll-wrapper > .scroll-content {
    margin: 0 -12px -12px 0 !important;
  }
}

.searchWrapper {
  background: #fff;
  text-align: left;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.searchWrapper pre {
  border-bottom: none !important;
  padding: 0 50px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-top: 0;
  height: 3.5rem;
}

.searchWrapper .input-field pre {
  color: rgba(0, 0, 0, 0.54);
  margin-top: 15px;
}

.searchWrapper input {
  border-bottom: none !important;
  padding: 0 50px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
  height: 3.5rem;
}

.searchWrapper input[type=search] {
  height: 48px;
  line-height: 48px;
}

.searchWrapper input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}

.searchWrapper input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
}

.searchWrapper input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
}

.searchWrapper input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}

.searchWrapper input:focus {
  /*box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;*/
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.01), 0 17px 50px 0 rgba(0, 0, 0, 0.01) !important;
}

.searchWrapper a.search {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #b9b9b9;
  padding: 12px;
  width: auto;
  background: none;
}

.searchWrapper a.search i.material-icons {
  line-height: 57px;
}

.homePageSearchBar .input-field pre {
  top: -4px;
}

/* regualar search css starts */
.regularSearch {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  padding: 0 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.regularSearch .search-icon {
  position: absolute;
  right: 20px;
  padding: 0;
  top: 17px;
}

.regularSearch .cancel-icon, .regularSearch .input-field {
  display: none;
}

.regularSearch .input-field {
  width: 0px;
}

.regularSearch.open .input-field {
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.regularSearch.open .search-icon {
  position: absolute;
  right: calc(100% - 40px);
  padding: 0;
  top: 17px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.regularSearch.open .cancel-icon {
  position: absolute;
  right: 5px;
  padding: 0;
  top: 17px;
  display: block;
}

.regularSearch.open .input-field {
  display: block;
}

/* regualar search css ends */
/* SEARCH WITH HIDDEN TEXT FIELD */
.searchSlideMain {
  position: relative;
  float: left;
  width: 100%;
}

.searchSlideMain--inputBdrBNone input {
  border-bottom: none !important;
  box-shadow: none !important;
}

.searchWithHiddenTextField {
  padding: 0;
  position: absolute;
  right: 0;
  width: 35px;
  transition: .5s;
  background: #FFFFFF;
  height: 30px;
}

.searchWithHiddenTextField pre {
  display: none;
  top: -2px !important;
}

.searchWithHiddenTextField.active {
  transition: .5s;
  width: 100%;
}

.searchWithHiddenTextField.active pre {
  display: inline-block;
  font-size: 14px;
  top: 1px;
}

.searchWithHiddenTextField .elements-include {
  position: relative;
  overflow: hidden;
}

.searchWithHiddenTextField .elements-include input {
  padding-right: 30px;
  width: calc(100% - 30px);
}

.global-search .searchWithHiddenTextField.active {
  width: 100%;
}

.searchWithHiddenTextField .search-icon {
  position: absolute;
  padding: 0;
  cursor: pointer;
  left: 0px;
  top: -5px;
  z-index: 1;
}

.searchWithHiddenTextField.active .search-icon {
  cursor: default;
}

.searchWithHiddenTextField.active .search-icon.btn-flat:hover {
  background: none;
  box-shadow: none;
}

.searchWithHiddenTextField.active .search-icon.btn-flat:focus {
  background: none;
  box-shadow: none;
}

.modal-header .searchWithHiddenTextField .search-icon {
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
}

.modal-header .searchWithHiddenTextField .search-icon:hover {
  box-shadow: 0 1px 1px #e2e2e2;
  background: #f1f1f1;
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.searchContentField .searchWithHiddenTextField .search-icon {
  left: 0px;
}

.searchWithHiddenTextField input {
  margin-bottom: 2px;
  height: 2rem;
}

.searchWithHiddenTextField .cancel-icon {
  position: absolute;
  padding: 0;
  right: 0;
  top: -5px;
}

.searchWithHiddenTextField .input-field {
  display: block;
  margin-top: -5px;
  /*transition: 2s;*/
  padding: 0 0 0 2.5rem;
}

.searchWithHiddenTextField .input-field.active {
  transition: 0.5s;
  width: 100%;
}

.searchWithHiddenTextField .inputField {
  width: 100%;
}

.searchWithHiddenTextField .input-field .validate {
  margin-top: 0;
  height: 2rem;
}

.extra-nav-wrap .searchWithHiddenTextField .input-field {
  padding: 0 .8rem 0 2.5rem;
}

.bar {
  position: relative;
  display: block;
  margin: -6px 30px 0;
  width: 86%;
}

.bar:before {
  left: 50%;
}

.bar:after {
  right: 50%;
}

.bar:before, .bar:after {
  content: '';
  height: 1px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #fff;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  transition: 0.5s ease all;
}

.sidebar-serach--input:focus {
  box-shadow: none !important;
  border-bottom: none !important;
}

.sidebar-serach--input {
  border-bottom: none !important;
}

.search {
  width: 100%;
  padding: 0 40px;
  background: #fff;
}

.searHolder {
  padding: 5px 24px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.sidebar-search {
  background: #fff;
  text-align: left;
  transition: all 0.5s ease;
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 13px 8px 12px 53px;
  border-bottom: solid 1px #e2e2e2;
}

.search-input {
  font-size: 1rem;
  padding: 0 50px 0 12px;
  color: #a8a8a8;
}

.searchpanelSearch {
  width: 100%;
  padding: 0 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.search-btn {
  position: absolute;
  left: 0;
  top: 16px;
  cursor: pointer;
  color: #b9b9b9;
  padding: 8px 12px 12px 12px;
}

.searchWrapper .smart-search-wrap-setectbox {
  float: left;
  height: 3.5rem;
  padding-top: 1rem;
  position: absolute;
}

.smart-search-drop-arrow {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 5px solid #FFFFFF;
  position: absolute;
  right: 9px;
  top: 9px;
}

.smart-search-recent-dropdown {
  top: 3.4rem;
  width: 100%;
  border: 1px solid #e7e7e7;
  box-shadow: none;
  position: absolute;
  background: #FFF;
  color: #000;
  left: 0px;
  z-index: 4;
}

.globalSearch .smart-search-recent-dropdown {
  top: 2.8rem;
  margin-left: 3.5%;
  width: 95.5%;
}

.smart-search-suggest-dropdown {
  margin-top: 3.5rem;
}

.smart-search-recent-list {
  font-size: 14px;
  margin: 0px;
}

.smart-search-recent-list .smart-search-recent-list-item {
  padding: 10px 20px;
  word-wrap: break-word;
}

.smart-search-recent-list .smart-search-recent-list-item:hover {
  background-color: #F0f0f0;
}

.smart-search-recent-list-item.selected {
  background-color: #E0E0E0;
}

/*search directive start here*/
.extra-nav-wrap .global-search {
  height: auto;
}

.extra-nav-wrap .global-search .searchWithHiddenTextField {
  background-color: #0067b0;
  height: auto;
}

.extra-nav-wrap .global-search .searchWithHiddenTextField i {
  color: #fff;
}

.global-search {
  position: absolute;
  transition: all ease-in-out 1s;
  top: 0px;
  right: 0;
  height: 100%;
}

.global-search .searchWithHiddenTextField {
  background: #fff;
}

.global-search .searchWithHiddenTextField i {
  color: #9e9e9e;
}

.global-search .searchWithHiddenTextField .input-field {
  margin-top: 2px;
}

.global-search .searchWithHiddenTextField .search-icon {
  top: 9px;
}

.global-search .searchWithHiddenTextField .cancel-icon {
  top: 10px;
}

.global-search .searchWithHiddenTextField input {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}

.global-search .searchWithHiddenTextField.active input {
  padding-right: 30px;
  width: calc(100% - 30px);
}

.dropdown-content li.dropdown-content-header .searchWithHiddenTextField {
  background-color: #fff;
}

.dropdown-content li.dropdown-content-header .searchWithHiddenTextField i {
  color: #9e9e9e !important;
}

.dropdown-content .input-field pre {
  top: -6px;
}

/*search directive end here*/
/*default css for search start*/
.globalSearch {
  height: 46px;
  line-height: normal;
  padding: 0px 1.429rem 0px 0px;
  position: relative;
}

.globalSearch .input-field input {
  padding: 0px;
  margin: 0 10px;
  height: 46px;
  width: 100%;
}

.globalSearch a {
  position: absolute;
  padding: 0;
  top: 0px;
}

.globalSearch a.left {
  left: 0px;
}

.globalSearch a.right {
  right: 0px;
}

/*default css for search end*/
.card-search-subheader .searchWrapper {
  border-bottom: 1px solid #e0e0e0;
  background: none;
  border-radius: 0;
}

.card-search-subheader .searchWrapper a.search {
  padding: 0px;
}

.card-search-subheader .searchWrapper ::-webkit-input-placeholder {
  color: #b9b9b9;
}

.card-search-subheader .searchWrapper :-ms-input-placeholder {
  color: #b9b9b9;
}

.card-search-subheader .searchWrapper ::-moz-placeholder {
  color: #b9b9b9;
}

.card-search-subheader .searchWrapper input {
  font-size: 1rem;
  border-bottom: 1px solid #e0e0e0;
  height: 2rem;
  padding: 0 30px 0 0px;
}

.card-search-subheader .searchWrapper .input-field {
  margin-top: 10px;
}

.card-search-subheader .searchWrapper input:focus {
  border-bottom: 1px solid #0177d6 !important;
  box-shadow: 0 1px 0 0 #0177d6 !important;
}

.plan-search {
  height: 38px;
  padding: 8px;
  width: 100%;
}

.plan-search .plan-search-searchicon, .plan-search .plan-search-closeicon {
  position: absolute;
  z-index: 10;
}

.plan-search .plan-search-searchicon {
  left: 15px;
}

.plan-search .plan-search-closeicon {
  right: 20px;
}

.plan-search .input-field {
  padding: 0 2.5rem;
  margin: 0;
}

.plan-search .input-field input {
  margin: 0;
  height: 1.5rem;
}

.plan-search .input-field pre {
  top: -14px;
}

.lineArr {
  color: #fff;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 12px 16px 12px 10px;
  position: relative;
  text-decoration: none;
  border: 1px solid #99c2df;
}

.lineArr:before, .lineArr:after {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: 12px;
  top: 50%;
  width: 0;
}

.lineArr:after {
  margin-top: -1px;
  transform: rotate(45deg);
}

.lineArr--left:before {
  transform: rotate(-135deg);
}

.lineArr--left:after {
  transform: rotate(-45deg);
}

.arr {
  display: inline-block;
  border: 6px solid transparent;
  width: 0;
  height: 0;
}

.arr--down {
  border-top: 6px solid #757575;
  border-bottom: 5px solid transparent;
}

.arr--left {
  border-right: 6px solid #757575;
  border-left: 5px solid transparent;
}

.arr--top {
  border-bottom: 6px solid #757575;
  border-top: 5px solid transparent;
}

.arr--right {
  border-left: 6px solid #757575;
  border-right: 5px solid transparent;
}

.hexagon {
  position: relative;
  width: 55px;
  height: 33.75px;
  background-color: #92c46d;
  margin: 15.88px 0;
  border-left: solid 3px #fff;
  border-right: solid 3px #fff;
  display: inline-block;
  box-shadow: 0px 2px 7px -4px #000;
  border-radius: 8px;
  z-index: 5;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.89px;
  height: 38.89px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.0546px;
}

.hexagon:before {
  top: -17.4454px;
  border-top: solid 4.2426px #fff;
  border-right: solid 4.2426px #fff;
  border-radius: 6px 9px 6px 0px;
}

.hexagon:after {
  bottom: -17.4454px;
  border-bottom: solid 4.2426px #fff;
  border-left: solid 4.2426px #fff;
  border-radius: 6px 0px 6px 9px;
  box-shadow: -2px 2px 8px -6px #000;
}

.approvalCont {
  height: 343px;
  padding-top: 70px !important;
}

.approvalCont-path {
  position: relative;
  width: 545px;
  margin: 0 auto;
}

.approvalCont-path-line {
  width: 510px;
  height: 5px;
  background-color: #92c46d;
  position: absolute;
  left: 15px;
  top: 31px;
  z-index: 1;
}

.approvalCont-path-hexagon {
  margin-left: 103px;
}

.approvalCont-path-hexagon:first-child {
  margin-left: 0;
}

.approvalCont-path-icon {
  position: absolute;
  z-index: 10;
  left: 9px;
  top: 2px;
  color: #fff;
}

.icon.approvalCont-path-icon svg {
  width: 30px;
  height: 30px;
}

.approvalCont-path-hexagon-sec {
  position: absolute;
  top: 60px;
  width: 150px;
  left: -52px;
  text-align: center;
  font-size: 12px;
  color: #7a7a7a;
}

.hexagon-sec-title {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

/* Slider Item Detail Page css starts here*/
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: calc(100%);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-slider .slick-list:focus {
  outline: none;
}

.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-slider .slick-track:before, .slick-slider .slick-track .slick-track:after {
  display: table;
  content: '';
}

.slick-slider .slick-track:after {
  clear: both;
}

.slick-slider .slick-track .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slider .slick-track .slick-slide .slick-loading img {
  display: none;
}

.slick-slider .slick-track .slick-slide.dragging img {
  pointer-events: none;
}

.slick-slide h5 {
  line-height: 135%;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

/*.slick-initialized {
	.slick-slide {
		display: block;
	
		position: relative;
		top: 0;
		max-width: 300px;
		transition: top .5s cubic-bezier(0.4, 0.0, 0.6, 1),max-width .5s cubic-bezier(0.4, 0.0, 0.6, 1);


	}
}


@media only screen and (max-width: 960px) {
	.slick-initialized {
	.slick-slide {
		
		padding: 0 0.5rem!important;

	}
}

}*/
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slider-nav {
  height: 70px !important;
  overflow: hidden;
}

.slider-nav .imgHolder {
  float: left;
}

.slider-nav .imageCarousel {
  margin: 5px;
  height: 60px;
  width: 60px;
  float: left;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
  /*cursor: pointer;*/
}

.slider-nav .imageCarousel img {
  max-width: 100%;
}

.items-slider-container {
  padding: 20px;
}

.slider-for {
  height: 100%;
  overflow: hidden;
}

.itemImageCaroselList {
  padding: 25px;
  position: relative;
}

.itemImageCaroselList .imgCarosalArrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 48px 0;
}

.itemImageCaroselList .imgCarosalArrow.leftArrow {
  left: 0;
}

.itemImageCaroselList .imgCarosalArrow.leftArrow svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.itemImageCaroselList .imgCarosalArrow.rightArrow {
  right: 0;
}

.itemImageCaroselList .imgCarosalArrow.rightArrow svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.itemImageCaroselList .imgCarosalArrowBlue.leftArrow {
  left: 0;
}

.itemImageCaroselList .imgCarosalArrowBlue {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 48px 0;
}

.right.imgCarosalArrowBlue.rightArrow {
  right: 0;
}

.itemImageCaroselList .imgCarosalArrowBlue {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 48px 0;
}

.itemImageCaroselList .imgCarosalArrowBlue:focus {
  outline: none !important;
}

/* Slider Item Detail Page css ends here*/
/*slick card slider*/
.analyzeR .card-slider .slick-dots {
  bottom: -25px;
  margin: 0;
}

.card-slider {
  /*.slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }*/
  /*removing duo to loading issue*/
  /*.slick-slide img.slick-loading { background: white url(./ajax-loader.gif) center center no-repeat; padding-bottom: 100%; }*/
  /*removing duo to loading issue*/
  /* Arrows */
  /* Dots */
}

.card-slider .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.card-slider .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0 0 5px 0;
}

.card-slider .slick-list:focus {
  outline: none;
}

.card-slider .slick-list.dragging {
  cursor: pointer;
}

.card-slider .slick-slider .slick-list, .card-slider .slick-track, .card-slider .slick-slide, .card-slider .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.card-slider .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
  margin: 0 auto;
}

.card-slider .slick-track:before, .card-slider .slick-track:after {
  content: "";
  display: table;
}

.card-slider .slick-track:after {
  clear: both;
}

.card-slider .slick-loading .slick-track {
  visibility: hidden;
}

.card-slider .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.card-slider .slick-slide img {
  display: block;
}

.card-slider .slick-slide.dragging img {
  pointer-events: none;
}

.card-slider .slick-initialized .slick-slide {
  display: block;
  padding: 0 1.2rem;
}

.card-slider .slick-loading .slick-slide {
  visibility: hidden;
}

.card-slider .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.card-slider .slick-prev, .card-slider .slick-next {
  position: absolute;
  display: block;
  height: 45px;
  width: 45px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #01579b !important;
  color: #fff;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
}

.card-slider .slick-prev:focus, .card-slider .slick-next:focus {
  outline: none;
}

.card-slider .slick-prev.slick-disabled:before, .card-slider .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.card-slider .slick-prev {
  left: -11px;
}

.card-slider .slick-next {
  right: -10px;
}

.card-slider .slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.card-slider .slick-slider {
  margin: 0;
}

.card-slider .slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
}

.card-slider .slick-dots li {
  display: inline-block;
  background: #fff;
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  border-radius: 50%;
  box-shadow: 0 1px 2px 1px #9B9B9B;
  margin-bottom: 3px;
  z-index: 101;
}

.card-slider .slick-dots li.slick-active {
  opacity: 0.75;
  width: 16px;
  height: 16px;
  margin-bottom: 0;
  padding: 4px;
}

.card-slider .slick-dots li.slick-active:after {
  content: " ";
  width: 8px;
  height: 8px;
  display: block;
  background: #0177d6;
  border-radius: 50%;
  box-shadow: 0 0 1px 0 #e7e7e7;
}

.slick-prev:before, .slick-next:before {
  content: "" !important;
}

.page-scanned-invoice.card-slider .slick-prev, .page-scanned-invoice.card-slider .slick-next {
  position: fixed;
  z-index: 1;
}

.page-scanned-invoice.card-slider .slick-prev {
  left: 0;
}

.page-scanned-invoice.card-slider .slick-next {
  right: 17px;
}

.isMac .page-scanned-invoice.card-slider .slick-prev {
  left: 17px;
}

.slick-track {
  height: 100%;
}

.choose_slider_items {
  padding-top: 30px !important;
}

/*bg status & module  color with status*/
.pending-approval {
  background: #159dfc !important;
}

.draft {
  background: #26beb4 !important;
}

.awarded {
  background: #ffcc80 !important;
}

.project {
  background-color: #c76060 !important;
}

/*status text color*/
.color-approved {
  color: #268406 !important;
}

.color-approved-pending {
  color: #e67300 !important;
}

.color-rejected {
  color: #d63d3d !important;
}

.color-pool-approved {
  color: #e67300 !important;
}

.color-add-Hoc {
  color: #9577db !important;
}

.color-withdraw {
  color: #d63d3d;
}

.color-offline {
  color: #cccccc;
}

.color-bud-overrid-pending {
  color: #e67300;
}

.color-bud-overrid {
  color: #e67300;
}

.color-assigned-on {
  color: #a12dd8;
}

/*Event Type Color*/
.color-updation {
  color: #2979ff !important;
}

.color-notification {
  color: #11d9a7 !important;
}

.color-workflowevents {
  color: #ff5722 !important;
}

.color-attachment {
  color: #673ab7 !important;
}

.color-milestones {
  color: #43a047 !important;
}

.track-section-container .color-updation:after {
  background: #2979ff !important;
}

.track-section-container .color-notification:after {
  background: #11d9a7 !important;
}

.track-section-container .color-workflowevents:after {
  background: #ff5722 !important;
}

.track-section-container .color-attachment:after {
  background: #673ab7 !important;
}

.track-section-container .color-milestones:after {
  background: #43a047 !important;
}

/*bg status & module color with status*/
/*card header background color*/
.koromiko {
  background: #fdb657 !important;
}

.asparagus {
  background: #78a74b !important;
}

.cornflower-blue {
  background: #5EA0F3 !important;
}

.slate-blue {
  background: #7e57c2 !important;
}

.red-orange {
  background: #f44336 !important;
}

.summer-sky {
  background: #26c6da !important;
}

nav {
  background-color: #0067b0;
}

nav .input-field input {
  padding: 0 2rem;
  width: calc(100% - 9rem);
}

nav .indexHeader .input-field span {
  right: 0;
  position: absolute;
  top: 0;
}

nav .indexHeader .search-header .input-field input {
  width: calc(100% - 9rem);
}

nav .search-header .input-field input {
  padding: 0 0 .2rem .5rem;
  width: calc(100% - 7rem);
  margin: 0 0 0 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.indexHeader {
  display: none;
  transition: all 0.3s;
}

.indexHeader input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 0 0 #fff;
}

.indexHeader .extr-nav-wrap-content {
  width: calc(100% - 500px);
}

.extra-nav-wrap {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
  /*height: 50px;*/
  z-index: 980;
  /*line-height: 50px;*/
  background-color: #0067b0;
  font-size: 1.286rem;
  color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
}

.extra-nav-wrap i {
  font-size: 1.3em !important;
  line-height: 36px !important;
  height: 50px !important;
}

.extra-nav-wrap .extra-nav-title--icon {
  float: left;
  margin-right: 15px;
  line-height: 45px !important;
}

.extra-nav-wrap .dropdown-content i {
  line-height: normal !important;
  height: auto !important;
}

.extra-nav-wrap .dropdown-content li > a {
  color: #4d4d4d;
}

.extra-nav-wrap .headingText {
  /*line-height: 50px;*/
  margin-top: 15px;
}

.extra-nav-wrap.extra-nav-wrap-fixed {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0;
  z-index: 999 !important;
}

.extra-nav-wrap .extra-nav-right-icon {
  margin: 0;
}

.extra-nav-wrap .extra-nav-wrap-back-arrow {
  width: 50px;
  height: 50px;
  text-align: center;
}

.extra-nav-wrap .extra-nav-right-icon > .extra-nav-icon {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 47px;
}

.extra-nav-wrap .extra-nav-right-icon > .extra-nav-icon .icon {
  color: white;
}

.extra-nav-wrap-fixed ~ .smartFormWidgetContainer .secondary-navigation {
  top: 50px !important;
  position: fixed;
}

.alert-bar--fixed-to-nav ~ .smartFormWidgetContainer .secondary-navigation {
  top: 88px !important;
  position: fixed;
}

.smart1-extra-nav-wrap-white-fixed {
  background-color: #FFF;
  color: #000;
}

.extr-nav-wrap-content {
  width: calc(100% - 282px);
  position: relative;
}

.extr-nav-wrap-content.catalog-landing {
  width: calc(100% - 550px);
  margin-left: 10px;
  height: 40px;
}

.extr-nav-wrap-content.catalogSearchBox {
  width: calc(100% - 380px);
}

.extra-nav-item {
  padding: 0 5px 0 10px;
}

.extra-nav-title {
  margin-left: 0.3rem;
  float: left;
}

.extra-nav-title--back {
  margin-right: 15px;
  float: left;
  color: #fff;
  margin: 9px 20px 0 8px;
}

.extra-nav-title--text {
  line-height: 49px;
  float: left;
  height: 50px;
  text-transform: uppercase;
}

.extra-nav-title-for-edit-mode {
  width: calc(100% - 110px);
}

.extra-nav-title-text-for-edit-mode {
  width: calc(100% - 155px);
}

.extra-nav-title-text-for-edit-mode.extra-nav-title-text-for-create-mode {
  width: calc(100% - 250px);
}

.extra-nav-action {
  float: right;
}

.extra-nav-action .extra-nav-action-value {
  margin-top: 15px;
  display: inline-block;
}

.extra-nav-wrap .cardList .dropdown-content li span {
  height: 2rem !important;
  line-height: 0 !important;
}

.extra-nav-wrap .cardList .select-wrapper input.select-dropdown {
  height: 2rem !important;
  line-height: 0 !important;
}

.extra-nav-wrap .cardList .select-wrapper span.caret {
  top: 7px;
}

.extra-nav-wrap .normalMode .dropdown-content li span {
  border: none;
}

.extra-nav-wrap .normalMode .select-wrapper input.select-dropdown {
  border: none;
}

.extra-nav-wrap .normalMode .select-wrapper span.caret {
  top: 10px;
  line-height: normal;
  color: #fff;
}

.s-dd-icon-wth-color {
  color: #0177d6 !important;
}

.sub-header-dd .select-wrapper input.select-dropdown {
  text-transform: uppercase;
  font-size: 18px;
  margin: 0;
  border: none;
  padding-right: 15px;
  color: #fff;
  line-height: 49px;
  height: 49px;
}

.sub-header-dd .select-wrapper span.caret i {
  color: #fff;
}

.sub-header-dd.input-field {
  margin: 0 0.4rem;
}

samrt1-extra-nav-wrap-white-fixed {
  color: #000000 !important;
  background-color: #FFFFFF !important;
}

.sub-header-dd .select-wrapper .dropdown-content {
  margin-top: 0;
}

.extra-nav-wrap i {
  font-size: 1.3em !important;
  line-height: 26px !important;
  height: 40px !important;
}

.extra-nav-wrap .waves-circle {
  width: 32px !important;
  height: 32px !important;
  line-height: 26px !important;
}

.is-breadcrumb-active .extra-nav-wrap {
  height: 98px;
}

.sort-dropdown-callout .grey-text.text-darken-4.s-dd-icon-wth-color {
  color: #0177d6 !important;
}

.sort-dropdown-callout .grey-text.text-darken-4 {
  font-size: 1rem;
  display: inline-block;
}

.sort-dropdown-callout {
  padding: 10px 0 0;
}

.sort-dropdown-callout .dropdown-content-header .title {
  padding-left: 0px !important;
  font-size: 16px;
}

.sort-dropdown-callout li.dropdown-content-header {
  color: #000 !important;
  height: 40px;
  padding: 7px 16px 25px !important;
}

.sort-dropdown-callout li.collection-item {
  padding: 10px 10px 10px 15px !important;
  cursor: pointer !important;
}

.sort-dropdown-callout .secondary-content {
  margin-top: -7px;
  display: inline-block;
  float: none;
}

.sort-dropdown-callout li.dropdown-content-footer {
  padding-right: 3px;
}

.expand-css-trans {
  transition: width 1s ease-in-out, height 1s ease-in-out;
}

.trackStatusPopup {
  max-height: none !important;
}

.expand-css {
  width: 100%;
  left: 0;
  top: 64px !important;
  margin-top: 0 !important;
  z-index: 2;
  min-height: calc(100%);
  height: calc(100%);
  overflow-y: visible !important;
  box-shadow: none;
}

.expand-css .modal-footer_new {
  position: fixed;
  bottom: 0;
}
.extra-nav-wrap.extra-nav-wrap-fixed.expand-header {
  z-index: 1000 !important;
}

.track-status-parent {
  overflow: hidden;
}

.white-space-normal {
  white-space: normal;
}

.expand-header {
  overflow: hidden;
  padding: 6px 20px !important;
}

.expand-header i {
  color: #fff !important;
}

.expand-header span.title {
  margin-bottom: 8px;
}

.section-part {
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content, .track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content {
  text-align: left;
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  padding: 7px;
  border: 1px solid #e5e5e5;
  -webkit-transform: translateX(87px);
  -moz-transform: translateX(87px);
  -ms-transform: translateX(87px);
  -o-transform: translateX(87px);
  transform: translateX(87px);
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content:before, .track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: -20px;
  border-top: 10px solid transparent;
  border-right: 10px solid #e5e5e5;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content:after, .track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:after {
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  content: "";
  position: absolute;
  left: -19px;
  top: 5px;
  z-index: 1;
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content.grey:after, .track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content.grey:after {
  border-right: 10px solid #fbfbfb;
  top: 20px;
}

.track-section-container .t-s-c-wrap:nth-child(odd) .t-s-content.grey:before, .track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content.grey:before {
  /* border-left: none;
                      border-right: 10px solid #fbfbfb;*/
  top: 20px;
}

.track-section-container {
  margin-bottom: 5.70em;
  opacity: 1;
  /*animation css for track section container*/
  /*&.ng-enter, &.ng-leave,
    	&.ng-enter .t-s-c-wrap:nth-child(odd) .t-s-content,
    	&.ng-enter .t-s-c-wrap:nth-child(even) .t-s-content,
    	&.ng-leave .t-s-c-wrap:nth-child(odd) .t-s-content,
    	&.ng-leave .t-s-c-wrap:nth-child(even) .t-s-content {
    		@include transitions(all 1.0s ease-in-out);        
    	}
    
    	&.ng-enter, &.ng-leave-active {
    		opacity: 0;
    		@include transform(translateY(-50));
    	}
    
    	&.ng-enter-active, &.ng-leave {
    		opacity: 1;
    		@include transform(translateY(0));
    	}
    	/*enter css for even*/
  /*//&.ng-enter .t-s-c-wrap:nth-child(even) .t-s-content {
    	@include transform(translateX(-90%));
    	opacity: 0;
    }*/
  /*&.ng-enter-active .t-s-c-wrap:nth-child(even) .t-s-content {
    	@include transform(translateX(-105%));
    	opacity: 1;
    }*/
  /*enter css for odd*/
  /*&.ng-enter .t-s-c-wrap:nth-child(odd) .t-s-content {
    	@include transform(translateX(0));
    	opacity: 0;
    }*/
  /*&.ng-enter-active .t-s-c-wrap:nth-child(odd) .t-s-content {
    	@include transform(translateX(75px));
    	opacity: 1;
    }*/
  /*leave css for odd*/
  /*&.ng-leave .t-s-c-wrap:nth-child(odd) .t-s-content {
    	@include transform(translateX(75px));
    	opacity: 1;
    }*/
  /*&.ng-leave-active .t-s-c-wrap:nth-child(odd) .t-s-content {
    	@include transform(translateX(0));
    	opacity: 0;
    }*/
  /*leave css for even*/
  /*&.ng-leave .t-s-c-wrap:nth-child(even) .t-s-content {
    	@include transform(translateX(-105%));
    	opacity: 1;
    }*/
  /*&.ng-leave-active .t-s-c-wrap:nth-child(even) .t-s-content {
    	@include transform(translateX(-90%));
    	opacity: 0;
    }*/
  /*.pro-completed {
    		> .t-s-c-icon {
    			//background: url(../images/icon-pro-completed.png) no-repeat;
    		}
    
    		&:before, &:after {
    			background: #92c46d;
    		}
    	}*/
  /*.in-pro {
    		> .t-s-c-icon {
    			//background: url(../images/icon-in-process.png) no-repeat;
    		}
    
    		&:before {
    			background: #92c46d;
    		}
    
    		&:after {
    			background: #92c46d;
    		}
    	}
    
    	.before-not-in-pro {
    		&:after {
    			background: #e5e5e5;
    		}
    	}
    
    	.not-in-pro {
    		> .t-s-c-icon {
    		   // background: url(../images/icon-non-proccess.png) no-repeat;
    		}
    
    		&:before, &:after {
    			background: #e5e5e5;
    		}
    	}*/
}

.track-section-container .t-s-c-wrap {
  position: relative;
  width: 55px;
  margin: 0 auto;
  /* t-s-content css odd and even css*/
}

.track-section-container .t-s-c-wrap .icon-container {
  position: relative;
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon {
  position: absolute;
  left: 21%;
  display: block;
  z-index: 1;
  text-align: center;
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.ts-inner-icon {
  left: 8%;
  width: 48px;
  padding-top: 14px;
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.iconMedium > svg {
  height: 32px;
  width: 32px;
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.iconHexLarge {
  top: 35%;
  left: 2%;
  background-color: #fff;
}

.track-section-container .t-s-c-wrap .icon-container .t-s-c-icon.iconHexLarge > svg {
  height: 60px;
  width: 54px;
}

.track-section-container .t-s-c-wrap .t-s-content {
  margin-top: 1px;
  width: 282px;
  color: #757575;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /*  div {
                width: 100%;
                float: left;
            }
			*/
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-title {
  font-weight: 700;
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box {
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 18px;
  font-size: 12px;
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box.delegateDiv {
  width: 235px;
  float: right;
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box .delegate-arrow {
  left: -23px;
  top: -12px;
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content {
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  padding: 7px;
  border: 1px solid #e5e5e5;
  -webkit-transform: translateX(-113%);
  -moz-transform: translateX(-113%);
  -ms-transform: translateX(-113%);
  -o-transform: translateX(-113%);
  transform: translateX(-113%);
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content:after {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #e5e5e5;
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content:before {
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  content: "";
  position: absolute;
  right: -19px;
  top: 5px;
  z-index: 1;
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content.grey:before {
  border-left: 10px solid #fbfbfb;
  top: 20px;
}

.track-section-container .t-s-c-wrap:nth-child(even) .t-s-content.grey:after {
  top: 20px;
}

.track-section-container .t-s-c-wrap:last-child:after, .track-section-container .t-s-c-wrap:last-child:before {
  display: none;
}

.track-section-container .t-s-c-wrap:before, .track-section-container .t-s-c-wrap:after {
  content: "";
  width: 2px;
  margin-left: -2.5px;
  height: 100%;
  position: absolute;
  left: 54%;
}

.track-section-container .t-s-c-wrap:before {
  top: 0;
}

.track-section-container .t-s-c-wrap:after {
  bottom: 0;
}

.track-section-container .t-s-c-wrap:first-child:before, .track-section-container .t-s-c-wrap:last-child:after {
  display: none;
}

.track-section-container .color-approved-pending:after {
  background-color: #e67300;
}

.track-section-container .color-approved:after {
  background-color: #268406;
}

.track-section-container .color-rejected:after {
  background-color: #d63d3d !important;
}

.track-section-container .grey-text:after {
  background-color: #e5e5e5 !important;
}

.track-section-container.left-align .t-s-c-wrap {
  margin: 0 0 0 5.7143rem;
}

.track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:after, .track-section-container.left-align .t-s-c-wrap:nth-child(even) .t-s-content:before {
  right: inherit;
}

.t-c-approver-name {
  white-space: nowrap;
}

.legend-dropdown {
  top: 16px;
  right: 23px;
  z-index: 3;
}

.slide-up-css {
  overflow: hidden;
  max-height: 0;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slide-down-css {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px;
  /*overflow: hidden; to avoid hiding callout of attachments*/
}

.track-section-container .t-s-c-wrap .t-s-content.widthSet {
  width: 375px;
  min-height: 104px;
}

@media only screen and (min-width: 1700px) {
  .track-section-container .t-s-c-wrap .t-s-content {
    width: 375px;
    min-height: 104px;
  }
  .track-section-container .t-s-c-wrap .t-s-content.is-empty-t-s-c-content {
    border: 1px dashed #e5e5e5;
  }
  /*.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box{
  .delegateDiv{
	  width:327px;}
	   .delegate-arrow{
					left: -7%;
					top: -14%;
				  }
  
  
 }*/
  .track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box.delegateDiv {
    width: calc(100% - 35px);
  }
  .track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box .delegate-arrow {
    left: -7%;
    top: -14%;
  }
}

.track-status-parent .upDownChevron {
  position: absolute;
  top: 15px;
  right: 10px;
}

.track-section-container .t-s-c-wrap .t-s-content.extendedCard {
  width: 375px;
  min-height: 104px;
}

.track-section-container .t-s-c-wrap .t-s-content.normalCard {
  width: 282px;
  min-height: 104px;
}

.track-section-container .t-s-c-wrap .t-s-content .t-s-c-Box.delegateDiv {
  width: calc(100% - 35px);
}

/* ---- *Approval process css
\* ---- */
.p-t-step {
  color: #757575;
  position: relative;
}

.p-t-step:before, .p-t-step:after {
  content: '';
  background: #92c46d;
}

.process-vertical .p-t-step {
  min-height: 83px;
}

.process-vertical .p-t-step:before {
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  height: 46%;
}

.process-vertical .p-t-step:after {
  width: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 54%;
}

.process-vertical .p-t-step:first-child:before, .process-vertical .p-t-step:last-child:after {
  display: none;
}

.process-vertical .process-start-from {
  position: absolute;
  top: 50%;
  left: -25.25px;
  margin-top: -30px;
  z-index: 1;
}

.process-start-from {
  height: 60px;
  width: 55px;
  display: block;
  color: #92c46d;
}

.process-start-from svg {
  height: 56px;
  width: 55px;
  background: white;
}

.process-icon {
  display: block;
  margin: -37px 0 0 -10px;
  z-index: 1;
  position: absolute;
  top: 44px;
  color: #92c46d;
}

.process-icon.icon svg {
  height: 36px;
  width: 25px;
}

.p-t-container {
  max-width: 400px;
  margin-left: 31px;
  padding: 14px 0 20px;
}

.p-t-container:after {
  content: '';
  clear: both;
  display: block;
}

.p-t-header {
  margin-bottom: 4px;
}

.p-t-c-title {
  font-weight: 700;
  margin-right: 10px;
  display: inline-block;
  max-width: 40%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.p-t-c-suptitle {
  display: inline-block;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.make-space-frm-left {
  margin-left: 23%;
}

.p-t-c-element {
  margin-right: 15px;
  float: left;
  min-height: 24px;
}

.p-t-c-element:last-child {
  margin-right: 0;
}

.comp-comment-with-attachment .c-c-w-a-element {
  float: left;
  padding: 0 15px;
  border-right: 1px solid #e6e6e6;
}

.comp-comment-with-attachment .c-c-w-a-element:first-child {
  padding-left: 0;
}

.comp-comment-with-attachment .c-c-w-a-element:last-child {
  padding-right: 0;
  border-right: none;
}

.comp-comment-with-attachment .attachment-file-container {
  display: inline-block;
  margin-right: 10px;
}

.attachment-file-name {
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline;
}

.comment-dd-set-left--update {
  left: 90px !important;
}

.t-s-c-header {
  border-bottom: 1px solid #e5e5e5;
  min-height: 34px;
  margin-left: -7px;
  margin-right: -7px;
  position: relative;
  box-sizing: border-box;
}

.t-s-c-header .collapsible-header-drag-icon {
  top: -12px;
  bottom: inherit;
}

.t-s-c-header-title {
  font-size: 1rem;
  padding-left: 7px;
  font-weight: 700;
}

.t-s-c-container {
  box-sizing: border-box;
  padding-top: 19px;
}

.t-s-c-header .secondary-content {
  margin-top: -6px;
  position: relative;
}

.track-section-with-add-more .t-s-w-add-more-item:last-child:after {
  display: block;
}

.track-section-with-add-more .ui-sortable-helper .t-s-w-add-more-item:after {
  display: none;
}

.track-section-with-add-more .ui-sortable-helper .t-s-w-add-more-item .btn-add-new-approval-group {
  display: none;
}

.track-section-with-add-more .ui-sortable-helper .t-s-w-add-more-item .icon-container .iconHexLarge {
  background: transparent;
}

.btn-add-new-approval-group {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.btn-add-new-approval-group .icon {
  line-height: 21px;
  z-index: 1;
  position: relative;
}

.btn-add-new-approval-group:after {
  height: 16px;
  width: 17px;
  display: block;
  content: '';
  background: #fff;
  position: absolute;
  left: 8px;
  top: 10px;
  border-radius: 50%;
}

.reassignContentBox {
  position: relative;
  min-height: 30px;
  margin-top: 5px;
  line-height: 30px;
}

.reassignContentBox .iconReassign {
  position: absolute;
  left: -48px;
  top: 0;
}

.approvalBox {
  min-height: 30px;
  line-height: 30px;
  position: relative;
}

.collection .collection-item.avatar .reassignContentBox .circle {
  left: -57px;
}

.collection .collection-item.avatar .reassignContentBox .secondary-content-with-waves {
  top: -4px;
  right: -3px;
}

.collection .collection-item.avatar .approvalBox .circle {
  left: -57px;
}

.collection .collection-item.avatar .approvalBox .secondary-content-with-waves {
  top: -4px;
  right: -3px;
}

.reassignTitle .typeaHeade {
  margin: 0;
  height: 30px;
  line-height: 30px;
}

.adjust-last-bottom-items:last-child .btn-add-new-approval-group {
  bottom: -8px;
}

.offlineCheckboxContainer {
  width: 135px;
  position: absolute;
  left: 292px;
  top: 10px;
}

.offlineCheckboxContainer .radioCnt {
  width: calc(100% - 35px);
}

.t-s-c-header-copy {
  width: calc(100% - 80px);
  margin-bottom: 7px;
}

.approval-tab-section .scroll-wrapper {
  width: 100%;
}

.approval-tab-section .tabparent-container {
  position: relative;
  z-index: 50;
}

.approval-group-wrap {
  padding-left: 50px;
}

.approval-group-wrap .groupStatusCnt {
  position: absolute;
  right: -120px;
  bottom: 5px;
}

.approval-group-wrap .approval-group-inner-wrap .dummy-border {
  margin-left: -2px;
}

.approval-group-wrap .approval-group-inner-wrap .right-gray-border {
  border-right: 2px solid #e5e5e5;
  padding-bottom: 99999px;
  margin-bottom: -99999px;
}

.approval-group-wrap .adjust-last-bottom-items .btn-add-new-approval-group.not-last-btn {
  bottom: 10px;
}

.approval-group-wrap .adjust-last-bottom-items:last-child .btn-add-new-approval-group.last-btn {
  bottom: -8px;
}

.approval-group-wrap .approval-cc-wrap {
  width: 550px;
  float: left;
  margin-left: -29px;
}

.approval-group-wrap .approval-cc-wrap .t-s-c-title {
  font-weight: normal;
  text-transform: uppercase;
}

.approval-group-wrap .approval-cc-wrap .t-s-c-wrap {
  margin: 0;
}

.approval-group-wrap .approval-cc-wrap .t-s-c-wrap .t-s-content {
  width: 282px;
}

.approval-group-wrap .approval-cc-wrap .selected-user, .approval-group-wrap .approval-cc-wrap .right-arrow {
  display: inline-block;
  position: relative;
  top: -3px;
}

.approval-group-wrap .approval-cc-wrap .attachIcon {
  position: relative;
  top: -5px;
}

.approval-group-title-wrap {
  display: inline-block;
  margin-left: -2px;
}

.approval-group-title-wrap .group-title {
  width: 200px;
  font-size: 1rem;
  font-weight: 700;
  border: 1px solid #e5e5e5;
  color: #757575;
  text-transform: uppercase;
  text-align: center;
}

.approval-cc-title-wrap {
  padding-left: 27px;
}

.approval-cc-title-wrap .approval-cc-title {
  padding: 10px 10px 10px 0;
}

.approval-cc-title-wrap .approval-cc-title span.ccName-cnt {
  background-color: #fff4b8;
  margin-left: 60px;
  padding: 2px 10px;
  font-size: 12px;
}

.approval-cc-title-wrap .approval-cc-title .edit-ccName-icon {
  margin: -2px 0 0 10px;
  height: 24px;
  line-height: 24px;
}

.approval-cc-title-wrap .approval-cc-title .edit-ccName-icon i {
  height: 24px;
  line-height: 24px;
}

.approval-cc-title-wrap .btn-add-new-cc {
  position: absolute;
  top: -18px;
  right: -26px;
}

.top-gray-border {
  width: 100%;
  height: 2px;
  background-color: #e5e5e5;
}

.vertical-line {
  width: 2px;
  height: 20px;
  background-color: #e5e5e5;
  margin: 0 auto;
}

.top-vertical-line {
  height: 40px;
}

.top-short-gray-border {
  width: 101px;
  height: 2px;
  background-color: #e5e5e5;
}

.bottom-short-gray-border {
  display: inline-block;
  width: 101px;
  height: 2px;
  background-color: #e5e5e5;
  position: absolute;
  left: 48px;
  bottom: 0;
}

.bottom-gray-border {
  display: inline-block;
  width: calc(100% - 27px);
  height: 2px;
  background-color: #e5e5e5;
  position: relative;
  left: 48px;
  bottom: 0;
}

.summary-wrap .summary-inner-wrap {
  margin-left: -29px;
}

.summary-wrap .top-short-gray-border {
  margin-left: -2px;
}

.summary-wrap .vertical-line.top-line {
  margin-left: 97px;
}

.summary-wrap .vertical-line.left-line {
  height: 30px;
  margin-left: -2px;
}

.group-approval-name {
  text-transform: capitalize;
}

.legend-section {
  top: 0;
  right: 23px;
  z-index: 100;
}

.track-section-container .summary-wrap .t-s-c-wrap .t-s-content {
  width: 282px;
}

@media only screen and (max-width: 768px) {
  .top-legends {
    display: none;
  }
}

/**Animation css **/
/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-fast {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.sliderHolder {
  width: 100%;
  float: left;
}

.imgHolder {
  width: 100%;
  float: left;
  position: relative;
}

.imgHolder .imgListHolder {
  width: calc(100% - 120px);
  /*float:left;*/
  text-align: center;
  margin: auto;
  overflow: hidden;
  position: relative;
  height: 378px;
}

.imgHolder .imgListHolder .imgList {
  width: 100%;
  float: left;
  position: absolute;
  left: 0;
  transition: 1s;
}

.imgHolder .imgListHolder .imgList li {
  float: left;
  margin: 0 5px;
  /*width:100%;*/
}

.imgHolder .leftArrowBig {
  float: left;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  transform: rotate(90deg);
}

.imgHolder .rightArrowBig {
  float: right;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transform: rotate(-90deg);
}

/* SLIDE ANIMATION */
.slide {
  transition: 1s;
}

/*slider for popup*/
.slide-view-modal-next {
  padding: 8px;
  height: 40px;
  width: 40px;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  position: fixed;
  top: 50%;
  right: 50%;
  opacity: 0;
  margin-right: -460px;
  margin-top: -22.5px;
  z-index: 1005;
  border-radius: 50%;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.slide-view-modal-previous {
  padding: 8px;
  height: 40px;
  width: 40px;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0;
  margin-left: -460px;
  margin-top: -22.5px;
  z-index: 1005;
  border-radius: 50%;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.modal-header-dd.input-field {
  margin: 0 0.4rem;
}

.modal-header-dd .select-wrapper input.select-dropdown {
  text-transform: uppercase;
  font-size: 18px;
  margin: 0;
  border: none;
  height: 1.9rem;
  line-height: 1.9rem;
  padding-right: 15px;
  color: #000;
}

.modal-header-dd .select-wrapper span.caret {
  top: 2px;
}

.slide-view-modal.slide-prev {
  left: -160%;
  right: 60%;
}

.slide-view-modal.slide-current {
  left: 0;
  right: 0;
}

.slide-view-modal.slide-next {
  left: 160%;
  right: -60%;
}

.slide-view-modal {
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #fff;
  padding: 0;
  height: 100%;
  width: 748px;
  margin: auto auto auto -374px;
  overflow: hidden;
  border-radius: 2px;
  z-index: 1002;
  -webkit-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
  left: 50%;
  /*@include translate(-50%, 0%);*/
}

.slide-view-modal--open {
  opacity: 1;
}

.slide-view-modal-overlay.overlay-show {
  opacity: 0.6;
}

.slide-view-modal-next.btn-show {
  opacity: 1;
}

.slide-view-modal-previous.btn-show {
  opacity: 1;
}

.slide-view-modal.modal {
  max-height: 85%;
  height: auto;
  top: 50%;
  display: table;
  padding: 0;
  box-sizing: border-box;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  margin: inherit;
}

.slide-view-modal.modal.slide-current {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: inherit;
}

.slide-view-modal.slide-prev {
  left: -160%;
  right: 60%;
}

.slide-view-modal.slide-current {
  left: 0;
  right: 0;
}

.slide-view-modal.slide-next {
  left: 160%;
  right: -60%;
}

.lineitem-info .tabs .tab {
  letter-spacing:  0;
}

.slide-view-modal-overlay {
  position: fixed;
  z-index: 1001;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

.slide-view-modal .model_closeIcon {
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  color: #616161;
  color: #fff;
}

.slide-view-modal .slide-view-modal-footer {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  z-index: 15;
}

.slide-view-modal .slide-view-modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
}

.slide-view-modal .slide-view-modal-content {
  padding: 24px 10px 57px 10px;
}

.slide-view-modal .slide-view-modal-header > .material-icons,
.slide-view-modal .slide-view-modal-header > a {
  padding: 3px;
}

.slide-view-modal .slide-view-modal-header .title {
  font-size: 18px;
}

.slide-view-modal-header .slide-view-modal-header-icon {
  float: left;
  margin-right: 10px;
}

.slide-view-modal .slide-view-modal-footer .notifyBubble {
  width: 30px;
  height: 30px;
  margin-top: 1px;
}

.slide-view-modal .slide-view-modal-footer .notifyBubble span {
  margin: 0 auto;
  color: #fff;
}

.slide-view-modal .slide-view-modal-footer .notifyBubble .bubble {
  left: 0;
}

.responsive-height.slide-view-modal {
  height: 80%;
}

.responsive-height .slide-view-modal-content {
  height: calc(100% - 127px);
}

.scrollableslide-view-modal .slide-view-modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.scrollableModel .slide-view-modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.scrollableModel .modal-footer_new {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.preview-doc-info {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.preview-doc-info-section {
  margin-right: 20px;
}

.slide-reset-animate {
  transition: none;
  left: 150%;
}

.slide-out-animate {
  left: -50%;
}

.slide-in-animate {
  left: 50%;
}

/* alertbar for showing inline alert bar */
.alert-bar {
  padding: 10px 20px;
  clear: both;
  height: 42px;
}

.alert-bar:before, .alert-bar:after {
  content: " ";
  display: table;
  clear: both;
}

.alert-bar--warning {
  background: #fff8c6 !important;
}

.alert-bar--with-button {
  padding: 2px 0 2px 20px;
  line-height: 36px;
}

.alert-bar--fixed {
  width: 100%;
  z-index: 55;
  box-shadow: 0 2px 2px 0 rgba(128, 128, 128, 0.75);
  position: relative;
  /*border-bottom: 1px solid #e0e0e0;*/
}

.alert-bar--fixed-to-nav {
  top: 50px;
  position: fixed;
}

/*well*/
.well {
  background: #eee;
  box-sizing: border-box;
  padding: 0.95rem;
}

.well:before, .well:after {
  content: " ";
  display: table;
  clear: both;
}

.info-bar {
  border-bottom: 1px solid #e0e0e0;
}

.info-bar i {
  line-height: 30px;
}

.appliedFiltersName {
  width: 88%;
}

.appliedFiltersName.pendingFilters {
  width: 80%;
}

.resetFilterButton {
  float: right;
  margin: 0 11px;
}

.appliedFiltersName {
  width: 88%;
  /*-webkit-transition: width 1s; 
    transition: width 1s;*/
}

.appliedFiltersName.savedFilterApplied {
  width: 95%;
}

.appliedFiltersName.pendingFilters {
  width: calc(100% - 140px);
}

@media (min-width: 1900px) {
  .appliedFiltersName.savedFilterApplied {
    width: 96%;
  }
}

@media (max-width: 1300px) and (min-width: 960px) {
  .appliedFiltersName.savedFilterApplied {
    width: 92%;
  }
}

.chipDataCont {
  overflow: hidden;
  height: 38px;
}

.chipDataCont .chipWrapLeft {
  width: calc(100% - 84px);
  float: left !important;
}

.showSelectedValues {
  position: absolute;
  left: 20px;
  top: 27px;
  color: #5c5c5c;
  font-size: 12px;
}

.relativePosition {
  position: relative;
}

.fillterPanelLinks i {
  height: auto !important;
}

.fillterPanelLinks i svg {
  fill: #0177d6 !important;
}

.fillterPanelLinks {
  color: #191919;
}

.tabs-vertical .tabs .tab > div .fillterPanelLinks.filterPanelSubLink a {
  height: 54px;
  padding: 7px 20px 7px 20px;
}

/*
    *
    * Wijmo Library 5.20162.198
    * http://wijmo.com/
    *
    * Copyright(c) GrapeCity, Inc.  All rights reserved.
    *
    * Licensed under the Wijmo Commercial License.
    * sales@wijmo.com
    * http://wijmo.com/products/wijmo-5/license/
    *
    */
.wj-content {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 !important;
  background-color: #fff;
  outline: none;
  box-sizing: border-box;
}

.wj-content.wj-dropdown, .wj-content.wj-inputnumber, .wj-content.wj-inputmask, .wj-content.wj-calendar-outer, .wj-content.wj-pager {
  display: inline-table;
}

.wj-control {
  outline: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.wj-header {
  background-color: #eaeaea;
  color: #444;
  font-weight: bold;
}

.wj-state-selected {
  background-color: #0085c7;
  color: #fff;
}

.wj-state-multi-selected {
  background-color: #80adbf;
  color: #fff;
}

.wj-state-disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none;
}

.wj-control[disabled] {
  opacity: .5;
  background-color: #eee;
  pointer-events: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  overflow: visible;
  border-radius: inherit;
  cursor: pointer;
}

.wj-btn {
  padding: 0 10px;
  height: 100%;
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.wj-btn-default {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
  color: inherit;
}

.wj-btn-default:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.wj-btn-default:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.wj-control a[wj-part^="btn-"] {
  background: #e6e6e6;
  padding: 6px 20px;
  color: #444;
  display: inline-block;
  margin-top: 5px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

.wj-control a[wj-part^="btn-"]:hover {
  text-decoration: none;
  background: #e0e0e0;
}

.wj-btn-group, .wj-btn-group-vertical {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  vertical-align: top;
}

.wj-btn-group > .wj-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.wj-btn-group > .wj-btn:first-child {
  margin-left: 0;
}

.wj-btn-group > .wj-btn:first-child:not(:last-child) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wj-btn-group > .wj-btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wj-btn-group .wj-btn + .wj-btn, .wj-btn-group .wj-btn + .wj-btn-group, .wj-btn-group .wj-btn-group + .wj-btn, .wj-btn-group .wj-btn-group + .wj-btn-group {
  margin-left: -1px;
}

.wj-listbox {
  overflow: auto;
  cursor: default;
}

.wj-listbox-item {
  box-sizing: border-box;
  padding: 3px 10px;
}

.wj-listbox-item.wj-separator {
  height: 1px;
  margin: 3px 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.wj-listbox-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.wj-listbox-item.wj-state-selected input[type=checkbox]:focus {
  outline: none;
}

.wj-listbox .wj-listbox-item label {
  font-weight: normal;
  margin: 0;
}

.wj-dropdown .wj-listbox {
  padding: 0;
  white-space: nowrap;
}

.wj-listbox-item.wj-state-selected .wj-control {
  background: #fff;
  color: #444;
}

.wj-dropdown {
  vertical-align: middle;
}

.wj-dropdown .wj-template, .wj-dropdown .wj-dropdown-menu {
  border-radius: inherit;
}

.wj-template {
  height: 100%;
}

.wj-dropdown-panel {
  outline: none;
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.2);
  z-index: 1500 !important;
}

.wj-autocomplete-match {
  font-weight: bold;
}

.wj-inputnumber input[type=number]::-webkit-inner-spin-button, .wj-inputnumber input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-ms-clear {
  display: none;
}

button, input, optgroup, select, textarea {
  outline: 0;
}

.wj-inputnumber {
  vertical-align: middle;
}

.wj-input-group-btn, .wj-input-group .wj-form-control {
  box-sizing: border-box;
  display: table-cell;
}

.wj-input {
  height: 100%;
  overflow: hidden;
}

.wj-input-group {
  position: relative;
  display: table;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 2em;
  border-collapse: separate;
  border-radius: 4px;
  background: inherit;
}

.wj-input-group .wj-form-control {
  position: relative;
  float: left;
  padding: 0 8px;
  min-height: 2em;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
}

.wj-input-group .wj-form-control.wj-numeric {
  text-align: right;
}

.wj-input-group div[wj-part='header'] {
  float: none;
  width: auto;
  vertical-align: middle;
  padding: 6px 8px;
}

.wj-input-group-btn > .wj-btn {
  border-width: 0;
}

.wj-input-group-btn:first-child > .wj-btn {
  border-right-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wj-input-group-btn:last-child > .wj-btn {
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .wj-input-group-btn:first-child > .wj-btn {
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right-width: 0;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

[dir="rtl"] .wj-input-group-btn:last-child > .wj-btn {
  border-right-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left-width: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.wj-input-group-btn {
  position: relative;
  width: 26px;
  height: 100%;
  vertical-align: top;
  white-space: nowrap;
}

.wj-pager {
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
}

.wj-pager .wj-input-group-btn > .wj-btn {
  min-width: 40px;
}

.wj-pager .wj-btn[disabled] span {
  opacity: .5;
  cursor: default;
}

.wj-pager .wj-form-control {
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.wj-calendar-outer {
  display: block;
  padding: 10px;
  width: 100%;
  height: auto;
  cursor: default;
}

.wj-calendar td {
  text-align: center;
}

.wj-dropdown-panel.wj-calendar {
  width: 20em;
}

.wj-dropdown-panel .wj-calendar-outer {
  border: 0;
  background: none;
}

.wj-day-today {
  font-weight: bold;
}

.wj-day-othermonth {
  opacity: .5;
}

.wj-calendar-header {
  display: block;
  padding: 0 0 15px 0;
  width: 100%;
}

.wj-month-select {
  float: left;
  display: inline-block;
  cursor: pointer;
}

.wj-calendar-header .wj-btn-group {
  float: right;
  display: inline-block;
  margin-bottom: 7px;
}

.wj-calendar-header .wj-btn-group .wj-btn {
  padding: 0 8px 1px 8px;
  min-height: 25px;
}

.wj-calendar-month {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
  font: inherit;
}

.wj-calendar-month td {
  width: 14.29%;
  padding: 5px 0;
  border: none;
}

.wj-calendar-month .wj-header {
  font-size: 90%;
}

.wj-calendar-year {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
  font: inherit;
}

.wj-calendar-year td {
  width: 25%;
  padding: 8px;
  border: none;
}

.wj-cell {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 3px;
  border-right: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  outline: none;
}

.wj-cell.wj-state-selected .wj-control, .wj-cell.wj-state-multi-selected .wj-control {
  color: #444;
}

.wj-header.wj-state-multi-selected {
  background-color: #e4e4e4;
  color: #444;
  font-weight: bold;
}

.wj-colheaders .wj-header.wj-state-multi-selected {
  border-bottom: 2px solid #0085c7;
}

.wj-rowheaders .wj-header.wj-state-multi-selected {
  border-right: 2px solid #0085c7;
}

.wj-state-sticky .wj-header {
  opacity: .75;
}

.wj-flexgrid .wj-marquee {
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #0085c7;
}

.wj-cell.wj-wrap {
  white-space: normal;
  text-overflow: clip;
}

.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #fff;
}

.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #f9f9f9;
}

.wj-group:not(.wj-state-selected):not(.wj-state-multi-selected) {
  background-color: #ddd;
}

.wj-cell.wj-frozen-row {
  border-bottom: 1px solid #666;
}

.wj-cell.wj-frozen-col {
  border-right: 1px solid #666;
}

.wj-cell .wj-grid-editor {
  box-sizing: border-box;
  padding: 3px;
  border: none;
  width: 100%;
  margin: 0;
}

.wj-cell .wj-elem-dropdown {
  position: absolute;
  top: 0;
  padding: 3px 6px;
  opacity: .25;
  right: 0;
}

[dir="rtl"] .wj-cell .wj-elem-dropdown {
  left: 0;
  right: auto;
}

.wj-flexgrid .wj-marker {
  position: absolute;
  background-color: #0085c7;
  opacity: .5;
  pointer-events: none;
}

[dir="rtl"] .wj-cell {
  border-left: 1px solid #c6c6c6;
  border-right: none;
}

[dir="rtl"] .wj-frozen-col {
  border-left: 1px solid #666;
  border-right: none;
}

.wj-header .wj-elem-filter {
  float: right;
  cursor: pointer;
  padding: 0 4px;
}

[dir="rtl"] .wj-header .wj-elem-filter {
  float: left;
}

.wj-filter-on .wj-glyph-filter {
  opacity: .85;
}

.wj-filter-off .wj-glyph-filter {
  opacity: .25;
}

.wj-columnfiltereditor {
  padding: 10px;
  min-width: 230px;
  max-width: 50%;
}

.wj-columnfiltereditor .wj-control {
  margin-bottom: 6px;
  width: 100%;
}

.wj-columnfiltereditor .wj-listbox .wj-listbox-item label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wj-grouppanel {
  background-color: #f4f4f4;
  padding: 15px;
}

.wj-grouppanel .wj-cell {
  margin-right: 10px;
  padding: 6px 16px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
}

.wj-grouppanel .wj-cell:hover {
  background: #e0e0e0;
}

.wj-multirow .wj-cell.wj-record-end:not(.wj-header) {
  border-bottom-color: #787878;
}

.wj-multirow .wj-cell.wj-group-end {
  border-right-color: #787878;
}

.wj-multirow .wj-hdr-collapse {
  position: absolute;
  padding: 6px;
  right: 0;
  top: 0;
  color: #0085c7;
  opacity: .5;
}

.wj-multirow .wj-hdr-collapse:hover {
  opacity: 1;
}

.wj-flexsheet .wj-marquee {
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #0085c7;
}

.wj-flexsheet .wj-state-multi-selected {
  background: #e6e6e6;
  color: #222;
}

.wj-flexsheet .wj-cell.wj-state-multi-selected {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.wj-tooltip {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  pointer-events: none;
  max-width: 400px;
  padding: 6px;
  background-color: #ffffe5;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-sizing: border-box;
}

.wj-flexchart {
  height: 400px;
  padding: 15px 10px;
  margin-bottom: 12px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
}

.wj-flexchart .wj-header .wj-title {
  font-size: 16pt;
  fill: #666;
  font-weight: normal;
}

.wj-flexchart .wj-footer .wj-title {
  fill: #666;
  font-weight: normal;
}

.wj-flexchart .wj-legend .wj-label {
  fill: #666;
}

.wj-flexchart .wj-data-label {
  fill: #666;
}

.wj-flexchart .wj-data-label-border {
  stroke: rgba(128, 128, 128, 0.5);
}

.wj-flexchart .wj-data-label-line {
  stroke: gray;
}

.wj-flexchart .wj-axis-x .wj-title, .wj-flexchart .wj-axis-y .wj-title {
  font-style: italic;
}

.wj-flexchart .wj-state-selected {
  stroke-width: 3px;
  stroke-dasharray: 6;
  stroke-linecap: square;
}

.wj-flexchart .fibonacci-arcs path.wj-state-selected {
  stroke-dasharray: 5 10;
  stroke-linecap: butt;
}

@media (max-width: 1025px) {
  .wj-flexchart .wj-state-selected {
    stroke-width: 2px;
    stroke-dasharray: 4;
  }
}

@media (max-width: 767px) {
  wj-flexchart .wj-state-selected {
    stroke-width: 1px;
    stroke-dasharray: 3;
  }
}

.wj-flexchart .wj-axis-x .wj-label {
  fill: #666;
}

.wj-flexchart .wj-axis-x .wj-line {
  stroke: #aaa;
  stroke-width: 1px;
}

.wj-flexchart .wj-axis-x .wj-tick {
  stroke: #aaa;
  stroke-width: 1px;
}

.wj-flexchart .wj-axis-x .wj-gridline {
  stroke: black;
  stroke-width: .25px;
}

.wj-flexchart .wj-axis-x .wj-tick-minor {
  stroke: #aaa;
  stroke-width: 1px;
}

.wj-flexchart .wj-axis-x .wj-gridline-minor {
  stroke: black;
  stroke-dasharray: 6;
  stroke-width: .25px;
}

.wj-flexchart .wj-axis-y .wj-label {
  fill: #666;
}

.wj-flexchart .wj-axis-y .wj-tick {
  stroke: #aaa;
  stroke-width: 1px;
}

.wj-flexchart .wj-axis-y .wj-gridline {
  stroke: #777;
  stroke-width: .25px;
}

.wj-flexchart .wj-axis-y .wj-tick-minor {
  stroke: #aaa;
  stroke-width: 1px;
}

.wj-flexchart .wj-axis-y .wj-gridline-minor {
  stroke: black;
  stroke-dasharray: 6;
  stroke-width: .25px;
}

.wj-flexchart .wj-chart-rangeslider {
  position: absolute;
  touch-action: none;
  -ms-touch-action: none;
}

.wj-flexchart .wj-chart-rangeslider button {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  line-height: 16px;
  border-radius: 2px;
}

.wj-flexchart .wj-chart-hrangeslider button {
  width: 16px;
  height: 100%;
}

.wj-flexchart .wj-chart-vrangeslider button {
  height: 16px;
  width: 100%;
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-content {
  background-color: #eaeaea;
  height: 100%;
  position: relative;
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-rangehandle {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  background-color: #bdbdbd;
  height: 100%;
  width: 100%;
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeslider .wj-rangeslider-maxhandle {
  border: 1px solid gray;
  display: block;
  position: absolute;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-maxhandle {
  background-color: #bdbdbd;
  cursor: ew-resize;
  height: 22px;
  margin-top: -2px;
  width: 14px;
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-maxhandle {
  background-color: #bdbdbd;
  cursor: ns-resize;
  width: 22px;
  margin-left: -2px;
  height: 14px;
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-handle-active {
  z-index: 2;
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-decbtn {
  left: 0;
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-incbtn {
  right: 0;
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-decbtn {
  bottom: 0;
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-incbtn {
  top: 0;
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-left {
  border-top: 5px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent;
  margin-right: 2px;
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-right {
  border-bottom: 5px solid transparent;
  border-left: 4px solid;
  border-top: 4px solid transparent;
  margin-left: 2px;
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-down {
  border-top: 5px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-bottom: 3px;
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-up {
  border-right: 4px solid transparent;
  border-bottom: 5px solid;
  border-left: 4px solid transparent;
  margin-bottom: 4px;
}

.wj-flexchart .wj-chart-rangeselector-container {
  position: relative;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider, .wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-content {
  background-color: transparent;
  border-color: transparent;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-rangehandle {
  opacity: .3;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-maxhandle {
  background-color: transparent;
  opacity: .6;
  border: 2px solid gray;
  border-radius: .5em;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid rgba(128, 128, 128, 0.75);
  top: 0;
  bottom: 0;
  margin: auto;
  color: gray;
  background: #d3d3d3;
  opacity: 1;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle:after, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle:after {
  content: "║";
  text-align: center;
  width: 100%;
  display: inline-block;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-55%);
  -webkit-transform: translateY(-55%);
  opacity: .75;
  font-size: 10px;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle {
  height: 20px;
  width: 20px;
  left: 50%;
  border-radius: 50%;
  border: 1px solid rgba(128, 128, 128, 0.75);
  top: 0;
  bottom: 0;
  color: gray;
  background: #d3d3d3;
  opacity: 1;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle:after, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle:after {
  content: "═";
  text-align: center;
  height: 100%;
  display: inline-block;
  position: absolute;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 15%);
  -webkit-transform: translate(-50%, 15%);
  opacity: .75;
  font-size: 12px;
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-minhandle.wj-rangeslider-handle-active, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-maxhandle.wj-rangeslider-handle-active {
  background-color: rgba(136, 189, 230, 0.7);
}

.wj-flexchart .wj-rangeselector .wj-scroller-center {
  background: rgba(128, 128, 128, 0.1);
  position: absolute;
  display: block;
  touch-action: none;
}

.wj-flexchart .wj-zoom {
  visibility: hidden;
  position: relative;
}

.wj-flexchart .wj-zoom-overlay {
  background: rgba(128, 128, 128, 0.2);
  position: absolute;
  display: block;
  touch-action: none;
}

.wj-flexchart.wj-panable {
  cursor: pointer;
}

.wj-flexchart .wj-block-other-interaction {
  display: none;
}

.wj-flexchart-touch-disabled {
  -ms-touch-action: none;
}

.wj-flexchart .wj-chart-linemarker {
  background: rgba(128, 128, 128, 0.3);
  position: absolute;
  padding: 2px;
}

.wj-flexchart .wj-chart-linemarker-container {
  position: relative;
}

.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline {
  height: 2px;
  background: gray;
  touch-action: none;
  position: absolute;
}

.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline {
  width: 2px;
  background: gray;
  touch-action: none;
  position: absolute;
}

.wj-flexchart.wj-chart-linemarker-draggable, .wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-draggable {
  -khtml-user-drag: element;
  cursor: move;
}

.wj-gauge:focus {
  outline: none;
}

.wj-gauge .wj-face path {
  fill: #f5f5f5;
  stroke: #cbcbcb;
  stroke-width: 1px;
  stroke-linejoin: round;
}

.wj-gauge .wj-pointer {
  fill: #0085c7;
}

.wj-gauge .wj-min, .wj-gauge .wj-max {
  font-size: 60%;
  opacity: .5;
}

.wj-radialgauge .wj-value {
  font-size: 150%;
}

.wj-lineargauge {
  height: 1.2em;
}

.wj-colorpicker {
  width: 420px;
  height: 200px;
  padding: 4px;
}

.wj-colorbox {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.wj-popup {
  background-color: #fff;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  z-index: 1500;
  margin: 2px 0;
}

.wj-popup-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1500;
  background-color: rgba(0, 0, 0, 0.5);
}

.wj-glyph-up {
  position: relative;
  display: inline-block;
  border-right: .4em solid transparent;
  border-bottom: .5em solid;
  border-left: .4em solid transparent;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-down {
  position: relative;
  display: inline-block;
  border-top: .5em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-left, .wj-glyph-step-backward {
  position: relative;
  display: inline-block;
  border-top: .4em solid transparent;
  border-right: .5em solid;
  border-bottom: .4em solid transparent;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-step-backward {
  transform: translateX(0.12em);
}

.wj-glyph-step-backward:after {
  position: absolute;
  border-left: .2em solid;
  height: .75em;
  transform: translate(-100%, -50%);
  content: "";
}

.wj-glyph-right, .wj-glyph-step-forward {
  position: relative;
  display: inline-block;
  border-top: .4em solid transparent;
  border-bottom: .4em solid transparent;
  border-left: .5em solid;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-step-forward:after {
  position: absolute;
  border-left: .2em solid;
  height: .75em;
  transform: translateY(-50%);
  content: "";
}

.wj-glyph-down-left {
  position: relative;
  display: inline-block;
  border-top: .65em solid transparent;
  border-left: .65em solid;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-down-right {
  position: relative;
  display: inline-block;
  border-bottom: .65em solid;
  border-left: .65em solid transparent;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-up-left {
  position: relative;
  display: inline-block;
  border-bottom: .65em solid transparent;
  border-left: .65em solid;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-up-right {
  position: relative;
  display: inline-block;
  border-top: .65em solid;
  border-left: .65em solid transparent;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-circle {
  position: relative;
  display: inline-block;
  border: .25em solid;
  border-radius: 1em;
  transform: translateY(-0.1em);
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-square {
  position: relative;
  display: inline-block;
  border: .25em solid;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-diamond {
  position: relative;
  display: inline-block;
  border: .25em solid;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-check {
  position: relative;
  display: inline-block;
  width: .75em;
  height: .75em;
  border-right: .3em solid;
  border-bottom: .22em solid;
  transform: rotate(35deg) scaleX(0.5);
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-filter {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  top: -.1em;
  width: .5em;
  border-top: .5em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-filter:after {
  position: absolute;
  box-sizing: border-box;
  border-left: .2em solid;
  height: .4em;
  transform: translateX(-50%);
  top: -.2em;
  content: "";
}

[dir="rtl"] .wj-glyph-filter:after {
  transform: translateX(50%);
}

.wj-glyph-plus, .wj-glyph-minus {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border-top: .25em solid;
  width: .9em;
  top: -.2em;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-plus:after {
  position: absolute;
  box-sizing: border-box;
  border-left: .25em solid;
  width: .25em;
  height: .85em;
  left: .32em;
  top: -.55em;
  content: "";
}

.wj-glyph-file {
  position: relative;
  display: inline-block;
  border-left: .7em solid;
  height: .85em;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-file:after {
  position: absolute;
  transform: translateX(-100%);
  border-top: .3em solid transparent;
  border-left: .3em solid #fff;
  content: "";
}

.wj-glyph-calendar {
  position: relative;
  display: inline-block;
  top: .2em;
  width: 1em;
  height: 1em;
  border: .1em solid;
  border-top: .3em solid;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-calendar:after {
  position: absolute;
  font-size: 50%;
  top: -.15em;
  left: .4em;
  content: '1';
}

.wj-glyph-clock {
  position: relative;
  display: inline-block;
  top: .2em;
  width: 1em;
  height: 1em;
  border: .13em solid;
  border-radius: 50%;
  opacity: .75;
  cursor: pointer;
}

.wj-glyph-clock:after {
  position: absolute;
  border-left: .1em solid;
  border-bottom: .1em solid;
  width: .3em;
  height: .4em;
  top: .05em;
  left: .32em;
  content: "";
}

.wj-flexsheet .wj-content {
  outline: none;
  border-color: #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.wj-flexsheet-formula-list {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-family: arial,sans-serif;
  font-size: 12px;
  line-height: 22px;
  position: absolute;
  width: 300px;
  z-index: 2001;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.wj-flexsheet-formula-name {
  color: #222;
  font-size: 13px;
  font-family: inconsolata,monospace,arial,sans,sans-serif;
  margin: -2px 0;
}

.wj-flexsheet-formula-description {
  color: #666;
  display: block;
  font-size: 11px;
  margin: -2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wj-state-selected .wj-flexsheet-formula-description {
  color: #fff;
}

.wj-flexsheet div[wj-filter] {
  display: none;
}

div[wj-part='tab-holder'] {
  background: #b8b8b8;
}

span.wj-sheet-icon {
  margin: 0 14px;
}

div.wj-sheet-page {
  padding-top: 1px;
}

div.wj-sheet-page > button {
  padding: 0;
  padding-top: 1px;
  border-radius: 0;
  border: 0;
  background-color: #e4e5e8;
  color: #727275;
}

div.wj-sheet-page > button:hover {
  background-color: #dee0e3;
}

.wj-sheet-tab ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
}

.wj-sheet-tab ul li {
  float: left;
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
  margin-top: 1px;
  border-left: 1px solid #b8b8b8;
  min-height: 20px;
  background-color: #d2d3d8;
  text-align: center;
  padding-top: 2px;
  font-size: 11px;
  color: #727275;
}

.wj-sheet-tab ul li.active {
  border-top-color: transparent;
  background-color: #fff;
  cursor: default;
  height: 100%;
  margin-top: 1px;
  border-left: 1px solid #b8b8b8;
  font-weight: bold;
}

.wj-sheet-tab ul li.hidden {
  display: none;
}

.wj-sheet-tab ul li:not(.active):hover, .wj-sheet-tab ul li:not(.hidden):hover {
  background-color: #aabcd6;
  color: #fff;
  cursor: pointer;
}

.wj-sheet-tab ul li.wj-new-sheet:hover {
  background-color: #0085c7;
}

.wj-new-sheet {
  padding: 0;
  width: 32px;
  height: 20px;
  font-size: 11px;
  text-align: center;
  background-color: #668eb9;
  color: #fff;
}

.wj-new-sheet .wj-sheet-icon {
  color: #727275;
  margin-top: 5px;
}

div.wj-sheet > div {
  display: block;
  float: left;
}

[dir="rtl"] div.wj-sheet > div {
  display: block;
  float: right;
}

.wj-flexsheet {
  background-color: #a9a9a9;
  width: 100%;
  height: 100%;
}

.wj-context-menu {
  background-color: #fff;
  border: thin solid gray;
  cursor: default;
}

.wj-context-menu-item {
  padding: 3px 10px;
}

.wj-context-menu-item:hover {
  background-color: #0085c7;
  color: #fff;
}

.wj-header-row {
  background-color: #4800ff !important;
  color: #ff6a00 !important;
}

.wj-pivotpanel {
  position: relative;
  padding: 3px 6px;
  overflow: auto;
  min-height: 25em;
}

.wj-pivotpanel a {
  float: right;
  margin: 6px;
}

.wj-pivotpanel table {
  table-layout: fixed;
  width: 100%;
}

.wj-pivotpanel div {
  width: 100%;
}

.wj-pivotpanel tr, .wj-pivotpanel td {
  border: 1px none #e0e0e0;
  padding: 3px;
}

.wj-pivotpanel label {
  font-weight: bold;
  margin: 0;
}

.wj-pivotpanel .wj-glyph {
  opacity: .5;
}

.wj-pivotpanel .wj-listbox {
  flex-grow: 1;
  border: none;
  border-radius: 0;
  min-height: 8em;
  max-height: 20em;
}

.wj-pivotpanel table .wj-listbox {
  min-height: 5em;
  height: 5em;
}

.wj-pivotpanel .wj-listbox .wj-listbox-item.wj-state-selected {
  background-color: transparent;
  color: inherit;
}

.wj-pivotpanel .wj-marker {
  position: absolute;
  background-color: #0085c7;
  opacity: .5;
  pointer-events: none;
}

.wj-pivotpanel .wj-listbox .wj-listbox-item .wj-glyph-filter {
  cursor: default;
  opacity: .5;
}

.wj-pivotpanel .wj-listbox .wj-listbox-item .wj-aggregate {
  font-size: 80%;
  opacity: .5;
}

.context-menu {
  font-size: 90%;
  padding: 6px;
}

.menu-icon {
  display: inline-block;
  width: 1em;
  margin-right: 6px;
  opacity: .75;
  color: #0000c0;
}

.menu-icon.menu-icon-remove {
  color: maroon;
  font-weight: bold;
}

.wj-pivotfieldeditor {
  min-width: 400px;
}

.wj-pivotfieldeditor tr.wj-separator {
  border-top: 10px solid transparent;
}

.wj-pivotfieldeditor td:first-child {
  text-align: right;
}

.wj-pivotfiltereditor {
  padding: 10px;
  min-width: 230px;
}

.wj-pivotfiltereditor .wj-control {
  margin-bottom: 6px;
  width: 100%;
}

.wj-pivotfiltereditor .wj-listbox .wj-listbox-item label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wj-pivotgrid .wj-colheaders .wj-cell.wj-header {
  text-align: center;
}

.wj-pivotgrid .wj-cell.wj-aggregate {
  font-weight: bold;
}

.wj-pivotgrid .wj-aggregate.wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background-color: rgba(0, 133, 199, 0.15);
}

.wj-pivotchart {
  position: relative;
}

.wj-pivotchart .wj-dropdown {
  position: absolute;
  margin-right: 15px;
}

.wj-detaildialog .wj-flexgrid {
  max-width: 800px;
  max-height: 400px;
  box-sizing: border-box;
}

.wj-dialog-header {
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
  font-weight: bold;
  font-size: 120%;
  padding: 1em;
  box-sizing: border-box;
}

.wj-dialog-body {
  padding: 1em;
  box-sizing: border-box;
}

.wj-dialog-footer {
  text-align: right;
  margin-top: 1em;
  padding: 1em;
  box-sizing: border-box;
}

/*
    *
    * Wijmo Library 5.20162.198
    * http://wijmo.com/
    *
    * Copyright(c) GrapeCity, Inc.  All rights reserved.
    *
    * Licensed under the Wijmo Commercial License.
    * sales@wijmo.com
    * http://wijmo.com/products/wijmo-5/license/
    *
    */
.wj-content, div[wj-part='cells'] {
  color: #222;
  background: #fff;
}

.wj-content .wj-input-group .wj-form-control {
  color: #222;
  background: #fff;
}

.wj-listbox-item:not(.wj-state-selected):hover {
  background: rgba(0, 0, 0, 0.04);
}

.wj-header {
  background: #eaeaea;
  color: #222;
}

.wj-flexgrid .wj-group:not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #d9d9d9;
  color: #000;
}

.wj-flexgrid .wj-marker {
  background: #217346;
}

div[wj-part='root'] {
  background: #f2f2f2;
}

.wj-state-selected {
  background: #217346;
  color: #fff;
}

.wj-state-multi-selected {
  background: #e6e6e6;
  color: #222;
}

.wj-input-group .wj-form-control, .wj-grid-editor {
  background: #fff;
  color: #000;
}

div[wj-part='rhcells'] .wj-header {
  background: #eaeaea;
}

.wj-cell {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

[dir="rtl"] .wj-cell {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #fff;
}

.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #f2f2f2;
}

.wj-frozen.wj-cell:not(.wj-header):not(.wj-group):not(.wj-header-row):not(.wj-state-selected):not(.wj-state-multi-selected) {
  color: #222;
  background: #e7eef1;
}

.wj-frozen.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #d7e3e8;
  color: #222;
}

.wj-cell.wj-frozen-row {
  border-bottom-color: #222;
  border-width: 1px;
}

.wj-cell.wj-frozen-col {
  border-right-color: #222;
  border-width: 1px;
}

.wj-flexgrid .wj-header.wj-state-multi-selected {
  background: #ddd;
  color: #222;
  font-weight: bold;
}

.wj-flexgrid .wj-colheaders .wj-header.wj-state-multi-selected {
  border-bottom: 2px solid #217346 !important;
}

.wj-flexgrid .wj-rowheaders .wj-header.wj-state-multi-selected {
  border-right: 2px solid #217346 !important;
}

.wj-flexgrid .wj-marquee {
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #217346 !important;
}

.wj-flexsheet .wj-marquee {
  border: 2px solid #217346 !important;
}

.wj-content .wj-input-group-btn > .wj-btn, .wj-content .wj-btn-group > .wj-btn {
  background: #fff;
  color: #666;
}

.wj-content .wj-input-group-btn > .wj-btn:hover, .wj-content .wj-btn-group > .wj-btn:hover {
  background: #e8e8e8;
  color: #666;
}

.wj-content .wj-input-group-btn > .wj-btn:focus, .wj-content .wj-btn-group > .wj-btn:focus {
  background: #e8e8e8;
  color: #666;
}

.wj-content:not(.wj-dropdown-panel):not(.wj-listbox):not(.wj-flexgrid):not(.wj-calendar-outer) {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.wj-btn-default {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.wj-input-group-btn > .wj-btn {
  border: 1px;
}

.wj-content, .wj-input-group, .wj-btn-group, .wj-btn-group-vertical, .wj-tooltip, .customEdit {
  border-radius: 0;
}

.wj-tooltip {
  background: #fff;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.wj-gauge .wj-pointer path {
  fill: #217346;
}

.wj-dropdown-panel {
  outline: none;
  box-shadow: none;
}

.wj-colheaders .wj-header.wj-state-multi-selected {
  color: #217346 !important;
}

.wj-rowheaders .wj-header.wj-state-multi-selected {
  color: #217346 !important;
}

.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #fff;
}

.wj-flexgrid .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #fff;
}

.wj-content.wj-flexsheet {
  border: none;
}

.wj-header-row {
  background-color: #f2f2f2 !important;
  color: #757575 !important;
}

.wj-control .wj-listbox .wj-content input[type=checkbox],
.wj-listbox-item input[type=checkbox],
.wj-control .wj-state-focused input[type=radio] {
  opacity: 1;
  position: relative;
  left: 0;
}

.wj-dropdown-panel {
  max-width: 350px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  will-change: width, height;
  transition-delay: 0s, 0s, 0.3s;
}

.wj-elem-filter,
.wj-elem-dropdown {
  float: right;
}

.wj-flexgrid .wj-colheaders .wj-header.wj-state-multi-selected {
  border-bottom: 2px solid #0177d6 !important;
}

.wj-flexgrid .wj-rowheaders .wj-header.wj-state-multi-selected {
  border-right: 2px solid #0177d6 !important;
}

.wj-flexgrid .wj-marquee {
  border: 2px solid #0177d6 !important;
}

.wj-flexsheet .wj-marquee {
  border: 2px solid #0177d6 !important;
}

.wj-sTable-cell input[type=text], .wj-sTable-cell input[type=password], .wj-sTable-cell input[type=email], .wj-sTable-cell input[type=url], .wj-sTable-cell input[type=time], .wj-sTable-cell input[type=date], .wj-sTable-cell input[type=datetime-local], .wj-sTable-cell input[type=tel], .wj-sTable-cell input[type=number], .wj-sTable-cell input[type=search], .wj-sTable-cell textarea.materialize-textarea {
  height: 20px;
}

.wj-sTable-cell input[type=text]:focus:not([readonly]), .wj-sTable-cell input[type=password]:focus:not([readonly]), .wj-sTable-cell input[type=email]:focus:not([readonly]), .wj-sTable-cell input[type=url]:focus:not([readonly]), .wj-sTable-cell input[type=time]:focus:not([readonly]), .wj-sTable-cell input[type=date]:focus:not([readonly]), .wj-sTable-cell input[type=datetime-local]:focus:not([readonly]), .wj-sTable-cell input[type=tel]:focus:not([readonly]), .wj-sTable-cell input[type=number]:focus:not([readonly]), .wj-sTable-cell input[type=search]:focus:not([readonly]), .wj-sTable-cell textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: none;
  box-shadow: none;
}

.wj-control a[wj-part^="btn-apply"], .wj-control a[wj-part^="btn-apply"]:hover, .wj-control a[wj-part^="btn-clear"], .wj-control a[wj-part^="btn-clear"]:hover {
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  border: none;
  font-weight: 700;
  font-size: 1rem;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 1.429rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
  background-color: transparent !important;
  color: #0177d6 !important;
  cursor: pointer;
}

.wj-control a[wj-part^="btn-asc"], .wj-control a[wj-part^="btn-dsc"], .wj-control a[wj-part^="btn-asc"]:hover, .wj-control a[wj-part^="btn-dsc"]:hover {
  padding-right: 0;
  box-shadow: none;
  background-color: transparent !important;
  color: #0177d6 !important;
  cursor: pointer;
  font-weight: normal;
}

.wj-control a[wj-part^="btn-dsc"] {
  padding-left: 0;
}

.wj-control a[wj-part^="btn-dsc"] {
  margin-left: 10px;
}

.wj-control a[wj-part^="btn-"]:hover {
  background-color: #00b0ff;
  color: #fff;
}

.wj-control div[wj-part^="div-filter"] {
  border: none !important;
  padding: 6px 15px;
  border-top: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  margin: 0 !important;
}

.wj-control a[wj-part^="a-cnd"] {
  margin-right: 5px;
}

.wj-control a[wj-part^="a-val"] {
  margin-left: 5px;
}

.wj-control div[wj-part^="div-filter"] input[wj-part^="input"] {
  border: none !important;
  margin-top: 0 !important;
}

.wj-control div[wj-part^="div-filter"] input[wj-part^="input"]:focus {
  border: none !important;
  box-shadow: none !important;
}

.wj-control div[wj-part^="div-values"] {
  border: none !important;
  margin-bottom: -5px;
}

.wj-control .wj-listbox-item label {
  position: relative;
  padding-left: 29px;
  color: rgba(0, 0, 0, 0.87);
  height: 20px;
  line-height: 20px;
  font-size: 1rem;
  cursor: pointer;
  display: inline-block;
}

.wj-control input[type="checkbox"] {
  content: '';
  position: absolute;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.wj-control input[type="checkbox"]:checked, .wj-control input[type="checkbox"]:not(:checked) {
  position: absolute;
  left: 0;
  visibility: visible;
}

.wj-control input[type="checkbox"]:not(:checked)::before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 0;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}

.wj-control input[type=checkbox]::before {
  content: '';
  position: absolute;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1;
}

.wj-control input[type="checkbox"]:checked::before {
  top: 2px;
  width: 7px;
  height: 11px;
  border-top-width: 1px;
  border-left-width: 1px;
  left: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.wj-control input[type="checkbox"]::after {
  content: '';
  left: 0;
  position: absolute;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  border-radius: 2px;
}

.wj-control input[type="checkbox"]:checked::after {
  top: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
}

.wj-control input[type="checkbox"]:not(:checked)::after {
  background-color: #fff;
  border: 2px solid #5a5a5a;
  width: 16px;
  height: 16px;
  z-index: 0;
}

.wj-control .wj-state-selected {
  background-color: #fff;
}

.wj-control.wj-dropdown-panel {
  padding: 0 0 5px 0;
}

.wj-control div[wj-part^="div-sort"] {
  padding: 10px 0;
}

.wj-control div[wj-part^="div-type"] {
  padding: 0 20px;
  font-size: 14px;
  text-align: left;
}

.wj-control div[wj-part^="div-edt-val"] {
  margin-bottom: 0;
  border-bottom: 1px solid #e0e0e0;
}

.wj-control .wj-listbox-item {
  line-height: 13px;
  padding: 10px 20px;
}

.wj-control div[wj-part^="div-filter"] + .wj-listbox-item {
  border-bottom: 1px solid #e0e0e0;
}

.wj-control a[wj-part^="btn-apply"] {
  float: right;
}

.wj-control a[wj-part^="btn-apply"], .wj-control a[wj-part^="btn-clear"] {
  margin-top: 0;
}

.wj-control .wj-input-group-btn:last-child > .wj-btn {
  border-left: 1px solid #e0e0e0;
}

.wj-control .wj-input-group input.wj-form-control {
  height: 30px;
  margin: 0;
  border: none !important;
  box-shadow: none !important;
}

.wj-content:not(.wj-dropdown-panel):not(.wj-listbox):not(.wj-flexgrid):not(.wj-calendar-outer) {
  border: 1px solid #e0e0e0;
}

.wj-control div[wj-part^="div-edt-cnd"] {
  padding: 0 20px;
}

.wj-control div[wj-part^="div-edt-cnd"] .wj-combobox {
  margin-bottom: 10px;
}

.wj-control div[wj-part^="div-edt-cnd"] div[wj-part^="div-cmb2"] {
  margin-top: 10px;
}

.wj-control div[wj-part^="div-edt-cnd"] div[wj-part^="div-hdr"] {
  margin-bottom: 5px;
}

.wj-control input[type="radio"] + span::before, .wj-control input[type="radio"] + span::after {
  content: '';
  position: absolute;
  left: -17px;
  top: 1px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  -ms-transition: 0.28s ease;
  transition: 0.28s ease;
}

.wj-control input[type="radio"]:checked + span::before {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background: #fff;
}

.wj-control input[type="radio"]:checked + span::after {
  border-radius: 50%;
  border: 2px solid #0177d6;
  background-color: #0177d6;
  z-index: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.wj-control input[type="radio"]:not(:checked) + span::before {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  background: #fff;
}

.wj-control input[type="radio"]:not(:checked) + span::after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.wj-control input[type="radio"] + span {
  position: relative;
  padding-left: 5px;
  color: rgba(0, 0, 0, 0.87);
  height: 20px;
  line-height: 20px;
  font-size: 1rem;
  cursor: pointer;
  display: inline-block;
  opacity: 1;
  left: 0;
  margin-right: 15px;
}

.wj-control.wj-columnfiltereditor {
  min-width: 350px;
}

.wj-control input[type="radio"] {
  position: absolute !important;
  left: -99999px !important;
}

.wj-control .wj-listbox-item.wj-state-selected, .wj-control .wj-state-selected {
  border: 1px solid #0177d6;
  color: #333;
}

.wj-control input[type="checkbox"]:indeterminate:after {
  border-color: #5a5a5a;
  border-width: 2px;
  background-color: #0177d6;
  height: 16px;
  width: 16px;
  top: 0;
}

.wj-control input[type="checkbox"]:indeterminate::before {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-color: #fff;
  border-width: 2px;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.wj-flexgrid .wj-rowheaders .wj-header.wj-state-multi-selected {
  border-right: 1px solid #c6c6c6 !important;
  color: #0177d6 !important;
}

.wj-control .wj-cells .wj-state-multi-selected {
  background-color: #efefef;
}

.wj-control div[wj-part='ch'] .wj-cell, .wj-control div[wj-part='ch'], .wj-control div[wj-part='tl'] .wj-cell, .wj-control div[wj-part='tl'] {
  background-color: #fff;
  color: #5e5e5e;
}

.wj-control div[wj-part='ch'] .wj-cell {
  font-size: 12px;
  font-weight: normal;
  border-right: none;
  border-left: none;
  padding: 5px 20px 5px 10px;
  border-right: 1px solid #e0e0e0;
}

.wj-sTable-cell {
  padding: 12px 10px !important;
  color: #212121;
  border-right: none;
}

.wj-header .wj-glyph-check[style*="opacity:1"], .wj-header .wj-glyph-check[style*="opacity: 1"] {
  color: #0177d6;
}

.wj-header .wj-elem-filter {
  font-size: 16px;
  margin-top: -4px;
  margin-right: -10px;
  background-color: #fff;
  position: relative;
}

.wj-lg-select .wj-content {
  border: none;
}

.wj-lg-select div[wj-part="rh"], .wj-lg-select div[wj-part="rh"] .wj-cell.wj-header {
  text-align: right !important;
}

.wj-lg-select .wj-control .wj-cells .wj-state-multi-selected, .wj-lg-select .wj-cell.wj-sTable-cell.wj-state-selected {
  background-color: #efefef;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-left: none;
  border-right: none;
}

.wj-lg-select-catalog .wj-control [wj-part='cells'] {
  overflow: hidden;
  width: 100% !important;
}

.wj-lg-select-catalog .wj-control [wj-part='ch'] {
  width: 100% !important;
}

.wj-lg-select-catalog .wj-glyph-down {
  border-top: .4em solid;
}

.wj-lg-select-catalog .wj-control .wj-input-group-btn:last-child > .wj-btn {
  border-left: none;
}

.wj-lg-select-catalog .wj-content {
  background: transparent;
}

.wj-lg-select-catalog .wj-control .wj-input-group input.wj-form-control {
  background: transparent;
}

.wj-lg-select-catalog .wj-content .wj-input-group-btn > .wj-btn {
  color: #000000;
  background: transparent;
}

.wj-lg-select-catalog .wj-content .wj-input-group-btn > .wj-btn:hover {
  background: transparent;
  color: #000000;
}

.wj-lg-select-catalog .wj-content .wj-btn-group > .wj-btn:hover {
  background: transparent;
  color: #000000;
}

.wj-lg-select-catalog .wj-content:not(.wj-dropdown-panel):not(.wj-listbox):not(.wj-flexgrid):not(.wj-calendar-outer) {
  border: none;
}

.wj-lg-select-catalog .wj-cell.wj-sTable-cell.wj-state-selected {
  background-color: #efefef;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-left: none;
  border-right: none;
}

.wj-lg-select-catalog .wj-flexgrid {
  border-radius: 0 !important;
}

.wj-lg-select-catalog .wj-cell.wj-frozen-col {
  border-right: 1px solid #ccc;
}

.wj-lg-select-catalog .wj-overflow-vis, .wj-lg-select-catalog .wj-input-btm-border {
  overflow: visible;
}

.wj-lg-select-catalog .wj-overflow-vis .cart-wrapper, .wj-lg-select-catalog .wj-input-btm-border .cart-wrapper {
  width: 110px !important;
}

.wj-lg-select-catalog .wj-overflow-vis input[type=tel]:not([readonly]):focus, .wj-lg-select-catalog .wj-overflow-vis input[type=text]:not([readonly]):focus, .wj-lg-select-catalog .wj-input-btm-border input[type=tel]:not([readonly]):focus, .wj-lg-select-catalog .wj-input-btm-border input[type=text]:not([readonly]):focus {
  border-bottom: 1px solid #0177d6;
}

.wj-lg-select-catalog .wj-flexgrid .wj-frozen.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected),
.wj-lg-select-catalog .wj-frozen.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected) {
  background: #f7f7f7;
}

.wj-lg-select-catalog .catalog-card-item-type {
  z-index: 0;
}

.wj-lg-select-catalog .wj-content {
  border: none;
}

.wj-lg-select-catalog div[wj-part="rh"] {
  z-index: 9;
}

.wj-lg-select-catalog div[wj-part="rh"] .wj-cell.wj-header {
  text-align: right !important;
}

.wj-lg-select-catalog .setupMngrAction {
  margin: -3px 0 0 0;
  padding-left: 0;
}

.wj-lg-select-catalog .setupMngrAction .select-wrapper span.caret {
  top: 0;
}

.wj-lg-select-catalog .setupMngrAction input[type=text][readonly].select-dropdown {
  margin: 0;
  border-bottom: none;
}

.wj-lg-select-catalog .description-cnt {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.wj-lg-select-catalog .dropdown-content--size-wj {
  min-width: 185px;
  left: calc( 100% - 208px) !important;
}

.wj-lg-select-catalog .tableDropdown .line-height0 {
  line-height: 0;
}

.wj-setup-manager {
  margin: 0;
  height: calc(100% - 170px);
}

.wj-setup-manager .wj-content {
  border: none;
  height: 100%;
  width: 100%;
}

.wj-setup-manager .wj-glyph-down-right,
.wj-setup-manager .wj-glyph-right {
  display: none;
}

.wj-setup-manager .expandCollapseIcon {
  display: inline-block !important;
}

.wj-setup-manager .wj-control [wj-part='root'] .wj-cell.wj-sTable-cell {
  overflow: visible;
}

.wj-setup-manager .wj-control [wj-part='root'] .wj-cell.wj-sTable-cell.child-node {
  border-top: none;
  padding-left: 35px !important;
  background-color: #f0f0f0;
}

.wj-setup-manager .wj-control div[wj-part='ch'] .wj-cell, .wj-setup-manager .wj-control div[wj-part='ch'] .wj-cell:hover {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: none;
  padding: 5px 20px 5px 10px;
}

.wj-setup-manager .wj-flexgrid .wj-group:not(.wj-state-selected):not(.wj-state-multi-selected), .wj-setup-manager .wj-control .wj-cells .wj-state-multi-selected {
  background: #fff;
}

.wj-setup-manager .wj-control div[wj-part='ch'] {
  z-index: 1;
}

.wj-setup-manager .wj-control .wj-listbox-item.wj-state-selected, .wj-setup-manager .wj-control .wj-state-selected {
  border: none;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.wj-setup-manager .wj-control input[type="checkbox"]:not(:checked), .wj-setup-manager .wj-control input[type="checkbox"]:checked {
  visibility: hidden;
  left: -99999px;
}

.wj-setup-manager .setupMngrAction {
  margin: -3px 0 0 0;
  padding-left: 0;
}

.wj-setup-manager .setupMngrAction .select-wrapper span.caret {
  top: 0;
}

.wj-setup-manager .setupMngrAction input[type=text][readonly].select-dropdown {
  height: auto;
  margin: 0;
  border-bottom: none;
}

.wj-setup-manager .setupMngrAction.setupMngrSetting .select-wrapper span.caret {
  display: none;
}

.wj-setup-manager .setupMngrAction.setupMngrSetting input[type=text][readonly].select-dropdown {
  color: #0177d6;
}

.wj-setup-manager .description-cnt {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wj-setup-manager .configure-btn {
  line-height: 24px;
  height: 24px;
  width: 24px;
  position: relative;
  top: -2px;
}

.wj-setup-manager .add-sub-record {
  line-height: 24px;
  height: 24px;
  width: 24px;
  position: relative;
  top: -2px;
}

.wj-setup-manager.wj-add-feature .wj-control [wj-part='root'] .wj-cell.wj-sTable-cell:nth-last-child(-n + 9) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.wj-setup-manager.wj-add-feature .wj-control [wj-part='root'] .wj-cell.wj-sTable-cell:nth-child(-n + 9) {
  border-top: none;
}

.wj-setup-manager.wj-configure-feature .wj-control [wj-part='root'] .wj-cell.wj-sTable-cell:nth-last-child(-n + 9) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.wj-setup-manager.wj-configure-feature .wj-control [wj-part='root'] .wj-cell.wj-sTable-cell:nth-child(-n + 9) {
  border-top: none;
}

.wj-setup-manager .wj-sTable-cell .lookupCnt {
  display: inline-block;
  width: 100%;
}

.wj-setup-manager .wj-sTable-cell .lookupCnt .lookup-popup {
  width: 100%;
  left: 0 !important;
  padding: 10px;
}

.wj-setup-manager .wj-sTable-cell .lookupCnt input[type="text"]:focus {
  border-bottom: 1px solid #e0e0e0;
}

div[wj-part='container'] > div:first-child {
  padding-bottom: 3px;
}

.wj-cell .infotip-popover-container {
  white-space: normal;
}

.panelBox {
  padding: 0;
}

.panelBox-withSpace {
  padding: 1.429rem 1.714rem;
}

.panelBox-content {
  background: #fff;
  transition: box-shadow .25s;
  border-radius: 0.1429rem;
  margin: 0.5rem 0 1rem 0;
}

.panelBox-header {
  border-bottom: 1px solid #e0e0e0;
  padding: 0.9rem 0.75rem;
  line-height: 2.643rem;
  min-height: 64px;
}

.panelBox-header .select-wrapper .caret {
  line-height: 1rem;
}

.panelBox-header .select-wrapper input.select-dropdown {
  border-bottom: none;
}

.panelBox-header-fixed-to-nav {
  top: 92px;
}

.panelBox-secondary-header-fixed-to-nav {
  top: 150px;
}

.panelBox-header--title {
  font-size: 1.143rem;
}

.panelBox-header--action {
  float: right;
  margin: 0;
}

.panelBox-header--aLink {
  display: inline-block;
  padding: 0 10px;
}

.panelBox-body {
  position: relative;
  padding: 0.9rem;
}

.panelBox-footer {
  border-top: 1px solid #e0e0e0;
  padding: 0.6rem 0.7143rem;
  margin-bottom: 0;
}

.panelBox-field {
  margin-bottom: 2.143rem;
}

.panelBoxWithBorder {
  border: 1px solid #e0e0e0;
  -moz-box-shadow: 0 0 4px #c7c7c7;
  -webkit-box-shadow: 0 0 4px #c7c7c7;
  -ms-box-shadow: 0 0 4px #c7c7c7;
  -o-box-shadow: 0 0 4px #c7c7c7;
  box-shadow: 0 0 4px #c7c7c7;
}

/*
   evol-colorpicker 3.2.6
   (c) 2016 Olivier Giulieri
   http://evoluteur.github.io/colorpicker/
*/
.evo-pop {
  z-index: 10000;
  width: 204px;
  padding: 3px 3px 0;
}

.evo-pop-ie {
  z-index: 10000;
  width: 212px;
  padding: 3px;
}

.evo-palette td {
  font-size: 1px;
  border: solid 1px #c0c0c0;
  padding: 7px;
  cursor: pointer;
}

.evo-palette tr.top > td {
  border-bottom: 0;
}

.evo-palette tr.in > td {
  border-top: 0;
  border-bottom: 0;
}

.evo-palette tr.bottom > td {
  border-top: 0;
}

.evo-palette div.sep {
  height: 3px;
}

.evo-palette,
.evo-palette-ie {
  border-collapse: separate;
  border-spacing: 4px 0px;
  *border-collapse: expression('separate', cellSpacing='2px');
}

.evo-palette th,
.evo-palette-ie th {
  border: 0;
  padding: 5px 3px;
  text-align: left;
  font-weight: normal;
  background: transparent !important;
}

.evo-palette-ie td {
  font-size: 1px;
  border: solid 1px #c0c0c0;
  padding: 7px;
  cursor: pointer;
}

.evo-palette2,
.evo-palette2-ie {
  margin: auto;
  border-collapse: collapse;
}

.evo-palette2 td,
.evo-palette2-ie td {
  font-size: 1px;
  cursor: pointer;
}

.evo-palette2 td {
  padding: 6px 7px;
}

.evo-palette2-ie td {
  padding: 5px;
}

.evo-palcenter {
  padding: 5px;
  text-align: center;
}

.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
  border: solid 1px #c3c3c3;
  width: 18px;
  height: 18px;
  float: right;
}

.evo-colorind-ie {
  position: relative;
  top: -23px;
}

.evo-colorbox-ie {
  font-size: 8px;
  padding: 3px 9px !important;
}

/*
.evo-colortxt-ie {
	position:relative;
	top:-6px;
}*/
.evo-pop:after,
.evo-pop-ie:after,
.evo-colorind:after,
.evo-colorind-ie:after,
.evo-colorind-ff:after,
.evo-color span:after,
.evo-cHist:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.evo-color {
  width: 94px;
  padding: 1px 3px 0 4px;
}

.evo-color div {
  border: solid 1px #808080;
  border-right: solid 1px #c0c0c0;
  border-bottom: solid 1px #c0c0c0;
  padding: 3px;
  margin-bottom: 5px;
  width: 10px;
  height: 10px;
  float: left;
}

.evo-color span {
  font-size: 15px;
  margin: 1px 0 4px 3px;
  float: left;
}

.evo-sep {
  height: 10px;
  font-size: 0;
}

.evo-more {
  padding: 4px 5px 4px;
  font-size: smaller;
}

.evo-cHist {
  padding: 3px;
}

.evo-cHist div {
  cursor: pointer;
  border: solid 1px #c0c0c0;
  padding: 3px;
  margin: 5px;
  width: 10px;
  height: 10px;
  float: left;
}

.evo-transparent {
  background-image: repeating-linear-gradient(135deg, #000000, #000000 1px, #ffffff 1px, #ffffff 3px);
}

.evo-tr-box {
  cursor: pointer;
  border: solid 1px #c0c0c0;
  padding: 3px;
  width: 7px;
  height: 7px;
  float: right;
  position: relative;
  right: -3px;
  top: 2px;
}

a.evo-hist {
  margin-left: 6px;
}

.evo-pointer {
  cursor: pointer;
}

.evo-hidden-button {
  display: none;
}

.multiselect-main .multiselect-main-container {
  border-bottom: 1px solid #e0e0e0;
  cursor: text;
}

.multiselect-main .multiselect-main-container.showBorder .multiselect-chip-wrap {
  border-bottom: 1px solid #d63d3d;
  box-shadow: 0 1px 0 0 #d63d3d;
}

.multiselect-main .multiselect-main-container .multiselect-input {
  border-bottom: none !important;
  box-shadow: none !important;
  margin-top: 0px;
  width: 250px;
}

.multiselect-main .multiselect-main-container .multiselect-input.invalidEmail.invalid {
  color: #ff0000;
}

.multiselect-main .multiselect-label {
  left: 0px !important;
  top: -15px !important;
  bottom: auto !important;
  font-size: 0.8rem;
}

.multiselect-main .multiselect-label.active {
  font-size: 0.8rem !important;
}

.multiselect-main .multiselect-chip-wrap {
  margin-top: 8px;
  margin-left: 0px;
  max-height: 110px;
  overflow: auto;
}

.multiselect-main .multiselect-chip-wrap input[type=text] + label:after {
  top: 50px !important;
  display: none;
}

.multiselect-main .multiselect-chip-wrap .errorMessage {
  font-size: 0.8rem;
  transition: all .2s ease-out;
  position: absolute;
  color: #d63d3d;
  bottom: -17px;
  left: 0;
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item {
  /*&.invalidEmail {
                background: #ffdada;
            }*/
  padding: 0px 5px;
  margin: 0 5px 5px 0;
  margin-top: 2px;
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.chip .icon svg {
  margin-top: -5px;
  height: 14px;
  width: 14px;
  background-color: #b6b5b5;
  fill: #fff;
  border-radius: 50%;
  padding: 1px;
  font-weight: bold;
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.selected-chip {
  background-color: #878787;
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.selected-chip .chips-link {
  color: #fff;
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.chip.invalidEmail .icon svg {
  background: #ff5252;
  border-radius: 50%;
  height: 14px;
  width: 14px;
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item.chip.invalidEmail .icon svg use {
  color: #fff;
  padding: 9px;
  margin: 4px;
}

.multiselect-main .multiselect-chip-wrap .multiselect-chip-item .chips-link {
  padding: 0 8px;
}

.autocomplete-suggestions {
  background: #fff;
  cursor: default;
  overflow: visible;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none;
  /*z-index: 982 !important;*/
  display: none;
}

.autocomplete-suggestions .autocomplete-no-suggestion {
  padding: 10px 20px;
  font-size: 0.8rem;
  color: #808080;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
}

.autocomplete-suggestion {
  padding: 10px 20px;
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.autocomplete-suggestion span.titleHasHierarchy {
  margin: -10px -5px;
  padding: 10px 5px;
  display: block;
}

.autocomplete-selected {
  background: #f0f0f0;
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399ff;
}

.scroll-inner-wrapp {
  overflow-y: auto;
  max-height: 200px;
  border-bottom: 1px solid #e7e7e7;
  box-shadow: 0 2px 6px #ccc;
}

.typeaHeade-add-new {
  width: 45px;
  text-align: center;
  border-right: 1px solid #e7e7e7;
  padding: 7px 5px !important;
}

.typeaHeade-open-lookup {
  width: calc( 100% - 45px);
  text-align: right;
  padding: 7px !important;
}

.autocomplete-suggestion-half {
  display: inline-table;
}

.typeaHeade-open-lookup.width-adj-to, .typeaHeade-add-new.width-adj-to {
  width: 100%;
}

.typeaHeade-add-new.width-adj-to {
  text-align: left;
}

.typeaHeade-inputIcon {
  width: 27px;
  height: 27px;
  top: -3px;
}

.multiselect-main .multiselect-disable {
  border-bottom: 1px solid transparent;
  cursor: default;
}

.multiselect-disable .chip:hover {
  box-shadow: none;
  background-color: #E4E4E4;
  cursor: default;
}

.multiselect-disable .chip-remove {
  display: none;
}

.multiselect-disable .chip:hover .chips-link {
  color: #000;
  cursor: default;
}

.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

/* override some bootstrap styles screwing up the timelines css */
.vis [class*="span"] {
  min-height: 0;
  width: auto;
}

div.vis-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px;
}

div.vis-configuration-wrapper {
  display: block;
  width: 700px;
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

div.vis-configuration.vis-config-option-container {
  display: block;
  width: 495px;
  background-color: #ffffff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
}

div.vis-configuration.vis-config-button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}

div.vis-configuration.vis-config-button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #ffffff;
}

div.vis-configuration.vis-config-item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}

div.vis-configuration.vis-config-item.vis-config-s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px;
}

div.vis-configuration.vis-config-item.vis-config-s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px;
}

div.vis-configuration.vis-config-item.vis-config-s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px;
}

div.vis-configuration.vis-config-header {
  font-size: 18px;
  font-weight: bold;
}

div.vis-configuration.vis-config-label {
  width: 120px;
  height: 25px;
  line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3 {
  width: 110px;
}

div.vis-configuration.vis-config-label.vis-config-s4 {
  width: 100px;
}

div.vis-configuration.vis-config-colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444444;
  border-radius: 2px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

input.vis-configuration.vis-config-checkbox {
  left: -5px;
}

input.vis-configuration.vis-config-rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  /*height:13px;*/
  padding: 1px;
  margin: 0;
  pointer-events: none;
}

input.vis-configuration.vis-config-range {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 0px solid white;
  background-color: transparent;
  /*required for proper track sizing in FF*/
  width: 300px;
  height: 20px;
}

input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(99%, #c8c8c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}

input.vis-configuration.vis-config-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3876c2), color-stop(100%, #385380));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3876c2 0%, #385380 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 );
  /* IE6-9 */
  box-shadow: #111927 0px 0px 1px 0px;
  margin-top: -7px;
}

input.vis-configuration.vis-config-range:focus {
  outline: none;
}

input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d9d9d), color-stop(99%, #c8c8c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9d9d9d 0%, #c8c8c8 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 );
  /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(99%, #c8c8c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}

input.vis-configuration.vis-config-range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
  width: 300px;
  height: 5px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input.vis-configuration.vis-config-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}

input.vis-configuration.vis-config-range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}

input.vis-configuration.vis-config-range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}

input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
  background: #888;
}

input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
  background: #ccc;
}

.vis-configuration-popup {
  position: absolute;
  background: rgba(57, 76, 89, 0.85);
  border: 2px solid #f2faff;
  line-height: 30px;
  height: 30px;
  width: 150px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.vis-configuration-popup:after, .vis-configuration-popup:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.vis-configuration-popup:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(57, 76, 89, 0.85);
  border-width: 8px;
  margin-top: -8px;
}

.vis-configuration-popup:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #f2faff;
  border-width: 12px;
  margin-top: -12px;
}

.vis-timeline {
  position: relative;
  border-top: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vis-panel {
  position: absolute;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}

.vis-labelset {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;
  box-sizing: border-box;
}

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-item {
  position: absolute;
  color: #1A1A1A;
  border-color: #97B0F8;
  border-width: 1px;
  background-color: #D5DDF6;
  display: inline-block;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {
  border-color: #FFC200;
  background-color: #FFF785;
  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #FFF785;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 5px;
  box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  /*display: inline-block;*/
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  /*display: inline-block;*/
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0px;
}

.vis-item .vis-delete {
  background: url("img/timeline/delete.png") no-repeat center;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -4px;
  right: -24px;
  cursor: pointer;
}

.vis-item .vis-delete-rtl {
  background: url("img/timeline/delete.png") no-repeat center;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -4px;
  left: -24px;
  cursor: pointer;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;
  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;
  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}

.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-current-time {
  background-color: #FF7F6E;
  width: 2px;
  z-index: 1;
  display: none;
  /*temporarily switching off the TODAY bar, to enhance the feature after rectifying timezone in Timeline*/
}

.vis-custom-time {
  background-color: #6E94FF;
  width: 2px;
  cursor: move;
  z-index: 1;
}

.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block;
}

.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd;
}

.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646;
}

.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf;
}

.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841;
}

.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100;
}

.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6;
}

.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662;
}

.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26;
}

.vis-graph-group8 {
  fill: #ff00ff;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff00ff;
}

.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938;
}

.vis-timeline .vis-fill {
  fill-opacity: 0.1;
  stroke: none;
}

.vis-timeline .vis-bar {
  fill-opacity: 0.5;
  stroke-width: 1px;
}

.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1.0;
}

.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: 0.9;
  fill: #ffffff;
  stroke: #c2c2c2;
}

.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #ffffff;
  stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
  fill-opacity: 0.3;
  stroke: none;
}

div.vis-network div.vis-manipulation {
  border-width: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #d6d9d8;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(48%, #fcfcfc), color-stop(50%, #fafafa), color-stop(100%, #fcfcfc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 );
  /* IE6-9 */
  padding-top: 4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28px;
}

div.vis-network div.vis-edit-mode {
  position: absolute;
  left: 0;
  top: 5px;
  height: 30px;
}

/* FIXME: shouldn't the vis-close button be a child of the vis-manipulation div? */
div.vis-network div.vis-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-position: 20px 3px;
  background-repeat: no-repeat;
  background-image: url("img/network/cross.png");
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-close:hover {
  opacity: 0.6;
}

div.vis-network div.vis-manipulation div.vis-button,
div.vis-network div.vis-edit-mode div.vis-button {
  float: left;
  font-family: verdana;
  font-size: 12px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 24px;
  margin-left: 10px;
  /*vertical-align:middle;*/
  cursor: pointer;
  padding: 0px 8px 0px 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-manipulation div.vis-button:hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}

div.vis-network div.vis-manipulation div.vis-button:active {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}

div.vis-network div.vis-manipulation div.vis-button.vis-back {
  background-image: url("img/network/backIcon.png");
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
  box-shadow: 1px 1px 8px transparent;
  cursor: default;
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:active {
  box-shadow: 1px 1px 8px transparent;
}

div.vis-network div.vis-manipulation div.vis-button.vis-none {
  padding: 0;
}

div.vis-network div.vis-manipulation div.notification {
  margin: 2px;
  font-weight: bold;
}

div.vis-network div.vis-manipulation div.vis-button.vis-add {
  background-image: url("img/network/addNodeIcon.png");
}

div.vis-network div.vis-manipulation div.vis-button.vis-edit,
div.vis-network div.vis-edit-mode div.vis-button.vis-edit {
  background-image: url("img/network/editIcon.png");
}

div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
  background-color: #fcfcfc;
  border: 1px solid #cccccc;
}

div.vis-network div.vis-manipulation div.vis-button.vis-connect {
  background-image: url("img/network/connectIcon.png");
}

div.vis-network div.vis-manipulation div.vis-button.vis-delete {
  background-image: url("img/network/deleteIcon.png");
}

/* top right bottom left */
div.vis-network div.vis-manipulation div.vis-label,
div.vis-network div.vis-edit-mode div.vis-label {
  margin: 0 0 0 23px;
  line-height: 25px;
}

div.vis-network div.vis-manipulation div.vis-separator-line {
  float: left;
  display: inline-block;
  width: 1px;
  height: 21px;
  background-color: #bdbdbd;
  margin: 0px 7px 0 15px;
  /*top right bottom left*/
}

/* TODO: is this redundant?
div.network-navigation_wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
*/
div.vis-network-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;
  font-family: verdana;
  font-size: 14px;
  color: #000000;
  background-color: #f5f4ed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

div.vis-network div.vis-navigation div.vis-button {
  width: 34px;
  height: 34px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  position: absolute;
  display: inline-block;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-navigation div.vis-button:hover {
  box-shadow: 0 0 3px 3px rgba(56, 207, 21, 0.3);
}

div.vis-network div.vis-navigation div.vis-button:active {
  box-shadow: 0 0 1px 3px rgba(56, 207, 21, 0.95);
}

div.vis-network div.vis-navigation div.vis-button.vis-up {
  background-image: url("img/network/upArrow.png");
  bottom: 50px;
  left: 55px;
}

div.vis-network div.vis-navigation div.vis-button.vis-down {
  background-image: url("img/network/downArrow.png");
  bottom: 10px;
  left: 55px;
}

div.vis-network div.vis-navigation div.vis-button.vis-left {
  background-image: url("img/network/leftArrow.png");
  bottom: 10px;
  left: 15px;
}

div.vis-network div.vis-navigation div.vis-button.vis-right {
  background-image: url("img/network/rightArrow.png");
  bottom: 10px;
  left: 95px;
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
  background-image: url("img/network/plus.png");
  bottom: 10px;
  right: 15px;
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
  background-image: url("img/network/minus.png");
  bottom: 10px;
  right: 55px;
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: url("img/network/zoomExtends.png");
  bottom: 50px;
  right: 15px;
}

div.vis-color-picker {
  position: absolute;
  top: 0px;
  left: 30px;
  margin-top: -140px;
  margin-left: 30px;
  width: 310px;
  height: 444px;
  z-index: 1;
  padding: 10px;
  border-radius: 15px;
  background-color: #ffffff;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
}

div.vis-color-picker div.vis-arrow {
  position: absolute;
  top: 147px;
  left: 5px;
}

div.vis-color-picker div.vis-arrow::after,
div.vis-color-picker div.vis-arrow::before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

div.vis-color-picker div.vis-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 30px;
  margin-top: -30px;
}

div.vis-color-picker div.vis-color {
  position: absolute;
  width: 289px;
  height: 289px;
  cursor: pointer;
}

div.vis-color-picker div.vis-brightness {
  position: absolute;
  top: 313px;
}

div.vis-color-picker div.vis-opacity {
  position: absolute;
  top: 350px;
}

div.vis-color-picker div.vis-selector {
  position: absolute;
  top: 137px;
  left: 137px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #ffffff;
  background: #4c4c4c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, #000000), color-stop(60%, #111111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
  /* IE6-9 */
}

div.vis-color-picker div.vis-new-color {
  position: absolute;
  width: 140px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  top: 380px;
  left: 159px;
  text-align: right;
  padding-right: 2px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  line-height: 20px;
}

div.vis-color-picker div.vis-initial-color {
  position: absolute;
  width: 140px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  top: 380px;
  left: 10px;
  text-align: left;
  padding-left: 2px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  line-height: 20px;
}

div.vis-color-picker div.vis-label {
  position: absolute;
  width: 300px;
  left: 10px;
}

div.vis-color-picker div.vis-label.vis-brightness {
  top: 300px;
}

div.vis-color-picker div.vis-label.vis-opacity {
  top: 338px;
}

div.vis-color-picker div.vis-button {
  position: absolute;
  width: 68px;
  height: 25px;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  top: 410px;
  border: 2px solid #d9d9d9;
  background-color: #f7f7f7;
  cursor: pointer;
}

div.vis-color-picker div.vis-button.vis-cancel {
  /*border:2px solid #ff4e33;*/
  /*background-color: #ff7761;*/
  left: 5px;
}

div.vis-color-picker div.vis-button.vis-load {
  /*border:2px solid #a153e6;*/
  /*background-color: #cb8dff;*/
  left: 82px;
}

div.vis-color-picker div.vis-button.vis-apply {
  /*border:2px solid #4588e6;*/
  /*background-color: #82b6ff;*/
  left: 159px;
}

div.vis-color-picker div.vis-button.vis-save {
  /*border:2px solid #45e655;*/
  /*background-color: #6dff7c;*/
  left: 236px;
}

div.vis-color-picker input.vis-range {
  width: 290px;
  height: 20px;
}

.vis-current-time .timelineLabelToday {
  width: 42px;
  height: 20px;
  color: #ffffff;
  background-color: inherit;
  position: absolute;
  bottom: 0px;
  left: -20px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
}

.vis-current-time .timelineLabelToday {
  width: 42px;
  height: 20px;
  color: #ffffff;
  background-color: inherit;
  position: absolute;
  bottom: 0px;
  left: -20px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
}

.vis-current-time::after {
  /*content: "Today";*/
  width: 42px;
  height: 20px;
  color: #ffffff;
  background-color: inherit;
  position: absolute;
  bottom: 0px;
  left: -20px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
}

.vis-panel.vis-left {
  box-shadow: #a2a2a2 -2px -4px 3px 3px;
}

/* TODO: is this redundant?
div.vis-color-picker input.vis-range-brightness {
  width: 289px !important;
}


div.vis-color-picker input.vis-saturation-range {
  width: 289px !important;
}*/
.vis-timeline .vis-timeline-cstyle-0 {
  background-color: rgba(218, 120, 0, 0.4);
  border-color: #DA7800;
}

.vis-timeline .vis-timeline-cstyle-0.line-ended {
  background-color: #DA7800;
}

.vis-timeline .vis-timeline-cstyle-0.line-not-started {
  background-color: transparent;
}

.vis-timeline .vis-timeline-cstyle-1 {
  background-color: rgba(149, 119, 219, 0.4);
  border-color: #9577db;
}

.vis-timeline .vis-timeline-cstyle-1.line-ended {
  background-color: #9577db;
}

.vis-timeline .vis-timeline-cstyle-1.line-not-started {
  background-color: transparent;
}

.vis-timeline .vis-timeline-cstyle-2 {
  background-color: rgba(229, 47, 114, 0.4);
  border-color: #e52f72;
}

.vis-timeline .vis-timeline-cstyle-2.line-ended {
  background-color: #e52f72;
}

.vis-timeline .vis-timeline-cstyle-2.line-not-started {
  background-color: transparent;
}

.vis-timeline .vis-timeline-cstyle-3 {
  background-color: rgba(0, 151, 167, 0.4);
  border-color: #0097a7;
}

.vis-timeline .vis-timeline-cstyle-3.line-ended {
  background-color: #0097a7;
}

.vis-timeline .vis-timeline-cstyle-3.line-not-started {
  background-color: transparent;
}

.vis-timeline .vis-timeline-cstyle-4 {
  background-color: rgba(104, 159, 56, 0.4);
  border-color: #689f38;
}

.vis-timeline .vis-timeline-cstyle-4.line-ended {
  background-color: #689f38;
}

.vis-timeline .vis-timeline-cstyle-4.line-not-started {
  background-color: transparent;
}

.vis-timeline .vis-timeline-cstyle-5 {
  background-color: rgba(154, 33, 58, 0.4);
  border-color: #9a213a;
}

.vis-timeline .vis-timeline-cstyle-5.line-ended {
  background-color: #9a213a;
}

.vis-timeline .vis-timeline-cstyle-5.line-not-started {
  background-color: transparent;
}

.vis-timeline .vis-timeline-cstyle-6 {
  background-color: rgba(139, 112, 66, 0.4);
  border-color: #8b7042;
}

.vis-timeline .vis-timeline-cstyle-6.line-ended {
  background-color: #8b7042;
}

.vis-timeline .vis-timeline-cstyle-6.line-not-started {
  background-color: transparent;
}

.timeLine-addNew-label {
  position: absolute;
  top: -10px;
  right: -20px;
  height: 48px;
  width: 320px;
  background-color: #f5f5f5;
}

.timeline-manageTop {
  top: 9px !important;
}

.timeline-title {
  width: calc(100% - 35px);
  display: inline-block;
}

.vis-item .vis-item-overflow {
  overflow: visible;
}

/*file for divBased Table*/
.divAsTable :after, .dtHeader :after {
  clear: both;
  content: '';
  width: 100%;
  height: 0;
}

.divAsTR.row {
  margin-bottom: 0;
}

.bordered .divAsTR.row {
  border-bottom: 1px solid #e0e0e0;
}

.bordered .dtBody.divAsTR.row:last-child {
  border-bottom: none;
}

.dtHeaderTD.col {
  font-size: 0.8571rem;
  color: #5e5e5e;
  padding: 1.2rem 0.75rem;
  min-height: 56px;
}

.dtHeaderTD.col:first-child {
  padding-left: 1.7143rem;
}

.dtHeaderTD.col:last-child {
  padding-right: 1.7143rem;
}

.dtBodyTD.col {
  padding: 0.960rem 0.75rem;
  min-height: 48px;
}

.dtBodyTD.col:first-child {
  padding-left: 1.7143rem;
}

.dtBodyTD.col:last-child {
  padding-right: 1.7143rem;
}

.dtBodyTDWithIconCircle.col {
  padding: 0.38rem 0.75rem;
}

.dtBodyTDWithIcon.col {
  padding: 0.80rem 0.75rem;
}

.dtHeaderWithIcon.col {
  padding: 1.2rem 0.75rem 1rem;
}

.highlight .dtBody .divAsTR:hover {
  background: #fafafa;
}

.daterangepicker {
  position: absolute;
  display: none;
  box-shadow: #e2e2e2 1px 1px 2px 0px;
  border: 1px solid #d7d7d7;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.dropup {
  margin-top: -5px;
}

.daterangepicker.dropup:before {
  top: auto;
  bottom: -7px;
  border-bottom: none;
  border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
  top: auto;
  bottom: -6px;
  border-bottom: none;
  border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}

.daterangepicker .calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  padding: 1px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select {
  display: inline-block;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}

.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px;
}

.daterangepicker .daterangepicker_input {
  position: relative;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}

.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}

.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}

.ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.ranges li.active {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
    float: left;
  }
  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
    float: right;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left;
  }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px;
  }
  .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
    text-align: right;
    float: right;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .calendar.left {
    clear: none !important;
  }
}

.daterangepicker.ltr .ranges,
.daterangepicker.single.ltr .ranges {
  float: none;
  clear: both;
  text-align: right;
}

.daterangepicker.ltr .ranges .btn {
  background: #fff;
  color: #0177d6;
  box-shadow: none;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  float: right;
}

.daterangepicker {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
}

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
}

.slick-headerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  font-style: italic;
}

.slick-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
  margin-top: 6px;
  float: left;
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  border-bottom-color: silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}

.slick-group-toggle {
  display: inline-block;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity=15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header-columns {
  /*background: url('images/header-columns-bg.gif') repeat-x center bottom;*/
  border-bottom: 1px solid silver;
}

.slick-header-column {
  /*background: url('images/header-columns-bg.gif') repeat-x center bottom;*/
  border-right: 1px solid silver;
}

.slick-header-column:hover, .slick-header-column-active {
  /*background: white url('images/header-columns-over-bg.gif') repeat-x center bottom;*/
}

.slick-headerrow {
  background: #fafafa;
}

.slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row {
  position: absolute;
  background: white;
  border: 0px;
  line-height: 20px;
}

.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}

.slick-cell {
  padding-left: 4px;
  padding-right: 4px;
}

.slick-group {
  border-bottom: 2px solid silver;
}

.slick-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px;
}

.slick-group-toggle.expanded {
  background: url(images/collapse.gif) no-repeat center center;
}

.slick-group-toggle.collapsed {
  background: url(images/expand.gif) no-repeat center center;
}

.slick-group-totals {
  color: gray;
  background: white;
}

.slick-cell.selected {
  background-color: beige;
}

.slick-sortable-placeholder {
  background: silver !important;
}

/*.slick-row.odd {
  background: #fafafa;
}*/
.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row.loading {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.slick-cell.invalid {
  border-color: red;
  -moz-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-name: slickgrid-invalid-hilite;
  -webkit-animation-name: slickgrid-invalid-hilite;
}

@-moz-keyframes slickgrid-invalid-hilite {
  from {
    box-shadow: 0 0 6px red;
  }
  to {
    box-shadow: none;
  }
}

@-webkit-keyframes slickgrid-invalid-hilite {
  from {
    box-shadow: 0 0 6px red;
  }
  to {
    box-shadow: none;
  }
}

.slickGridContainer {
  width: 100%;
  height: 500px;
  box-sizing: content-box;
  color: #212121;
}

.slick-headerrow-column.ui-state-default,
.slick-cell {
  padding-left: 16px;
  padding-right: 16px;
}

.slick-header-column.ui-state-default {
  height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  /*background: #fafafa;*/
}

.slickgreyCell {
  background: #f2f2f2;
  font-weight: bold;
}

.slick-headerrow-column {
  background: #fff;
  text-overflow: clip;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid silver;
}

.slickGridContainer .slickGrid-input-field {
  margin: 3px 0 0 0;
  display: block;
}

.slick-sort-indicator-desc {
  background: url(../images/sort-desc.png);
}

.slick-sort-indicator-asc {
  background: url(../images/sort-asc.png);
}

.slick-headerrow-columns .slick-headerrow-column:first-child .slickGrid-input-field {
  display: none;
}

.slick-column-name {
  float: left;
}

.slick-sort-indicator {
  margin-left: 10px;
}

.slick-header-column-sorted {
  font-style: normal;
}

.slickicon {
  margin: 10px 0 0 -6px;
  display: inline-block;
}

.slickstatustext {
  position: relative;
  z-index: 1;
  display: block;
  font-weight: bold;
}

.slickHeaderStatusPercentage {
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
}

.slickHeaderStatusText {
  display: block;
}

.slickHeaderStatusPercentage,
.slickstatusdate {
  font-size: 12px;
}

.slick-cell,
.slick-headerrow-column {
  line-height: 43px;
}

.slick-cell .slickgridcontent,
.slick-headerrow-column .slickgridcontent {
  display: inline-block;
  margin-top: -2px;
  line-height: 1.5;
  vertical-align: middle;
}

.slick-cell.active {
  overflow: visible;
  z-index: 2;
}

.slickGridMatch {
  background: #f2f2f2;
}

.slick-cell, .slick-headerrow-column,
.slick-header-column.ui-state-default {
  border-right-color: transparent;
}

.slickstatusMatchCol {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f2f2f2;
}

.slick-group-header-columns {
  position: relative;
  width: 2000% !important;
  white-space: nowrap;
  cursor: default;
}

.slick-group-header-columns .slick-header-column {
  padding-left: 0px;
  padding-right: 0px;
  background: #f9f7f7;
}

.slick-group-header-columns .slick-column-name {
  text-align: center;
  float: none;
  margin: 11px 0 0;
  font-weight: bold;
}

.slick-group-header-columns .slick-header-column:nth-child(3) .slick-column-name,
.slick-group-header-columns .slick-header-column:first-child .slick-column-name {
  visibility: hidden;
}

.slick-group-header-columns .slick-header-column:nth-child(3) {
  background: #f2f2f2;
}

.slick-header-columns, .slick-headerrow-columns {
  font-size: 12px;
  color: #5e5e5e;
}

.slick-headerrow-column {
  border-bottom: 1px solid #e0e0e0;
}

.slick-header-columns {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}

.slick-cell, .slick-headerrow-column {
  border-bottom-color: #e0e0e0;
}

.slick-headerrow-columns .search-icon {
  position: absolute;
  left: 9px;
}

.slickGridContainer .slickGrid-input-field {
  padding-left: 30px;
  width: 90%;
  border-bottom-color: transparent;
}

.slickGridContainer .slickGrid-input-field:focus {
  border-bottom-color: transparent !important;
  box-shadow: 0 1px 0 0 transparent !important;
}

.ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-top-panel {
  background-color: #efefef;
  font-size: 12px;
  font-weight: normal;
  color: #5e5e5e;
}

.ui-grid-contents-wrapper .ui-grid-render-container-left .ui-grid-top-panel {
  background-color: #efefef;
}

.ui-grid-selection-row-header-buttons {
  font-size: 14px;
  color: #000;
}

.ui-grid-selection-row-header-buttons.ui-grid-all-selected, .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
  color: #0177d6;
}

.ui-grid-cell {
  border-color: #e0e0e0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}

.ui-grid-filter-container input[type="text"].ui-grid-filter-input {
  border: 1px solid #e7e7e7;
  padding: 0 5px;
  box-sizing: border-box;
}

.ui-grid-filter-container pre {
  font-size: 14px;
  top: -6px;
  left: 11px;
  color: #d1d1d1;
}

.ui-grid-render-container-left .ui-grid-header-cell-wrapper .ui-grid-header-cell:first-child {
  border-right: 1px solid #e0e0e0;
}

.ui-grid-header-cell-wrapper .ui-grid-header-cell:first-child {
  border-left: none !important;
  padding-left: 1px !important;
}

.ui-grid-render-container .ui-grid-header-cell-wrapper .ui-grid-header-cell:last-child {
  padding-right: 1px;
}

.ui-grid-header-cell-wrapper .ui-grid-header-cell:last-child {
  border-right: none !important;
}

.ui-grid-render-container-left .ui-grid-header-cell-wrapper .ui-grid-header-cell:nth-child(2) {
  border-left: none;
  padding-left: 1px;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  border-right: 1px solid #e0e0e0;
}

.ui-grid-render-container-left .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 1px solid #aeaeae;
}

.ui-grid-column-menu .ui-grid-menu-inner {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner ul li button:hover, .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  box-shadow: none;
  background-color: #eee;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner ul li button {
  background: #fff;
}

.ui-grid-contents-wrapper .ui-grid-cell-contents {
  padding: 0;
}

.ui-grid-contents-wrapper .ui-grid-cell, .ui-grid-contents-wrapper .ui-grid-header-cell-wrapper .ui-grid-cell-contents {
  padding: 0 6px;
}

.ui-grid-contents-wrapper .ui-grid-cell .btn-flat {
  padding: 5px 0;
}

.ui-grid-tree-base-row-header-buttons {
  color: #0177d6;
  text-align: center;
}

.ui-grid-tree-base-row-header-buttons i.ui-grid-icon-plus-squared,
.ui-grid-tree-base-row-header-buttons i.ui-grid-icon-minus-squared {
  /* padding-left:3px;*/
  margin: 0 auto;
  display: block;
}

.ui-grid-pinned-container .ui-grid-row .ui-grid-cell {
  background-color: #efefef;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell:not(.ui-grid-cell-invalid) {
  background-color: #e3f2fd;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  border-bottom: 1px solid #d4d4d4;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  border-top: none;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: none;
}

.ui-grid-header-cell:last-child:hover .ui-grid-column-resizer.right {
  border-right: 1px solid #e0e0e0;
}

.ui-grid-render-container-left .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 2px solid #aeaeae !important;
}

.ui-grid-render-container-left .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell:not(.ui-grid-cell-invalid) {
  background-color: #e5e5e5 !important;
}

.ui-grid-render-container-left pre {
  top: -7px !important;
}

.ui-grid {
  height: auto !important;
  border: none;
  border-top: 1px solid #d4d4d4;
}

.ui-grid .ui-grid-viewport {
  height: 100% !important;
}

.ui-grid-column-menu-button {
  visibility: hidden;
}

.sortable .ui-grid-column-menu-button {
  visibility: visible;
}

.ui-grid-pinned-container-left .ui-grid-cell-contents-hidden + div.ng-scope {
  padding: 0;
}

.ui-grid-pinned-container .ui-grid-row:nth-child(odd) .ui-grid-cell,
.ui-grid-pinned-container .ui-grid-row:nth-child(even) .ui-grid-cell {
  border-top: none;
}

.ui-grid-contents-wrapper .ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-contents-wrapper .ui-grid-row:nth-child(even) .ui-grid-cell, .ui-grid-pinned-container .ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-pinned-container .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fff;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right: 2px solid #aeaeae !important;
}

.ui-grid-contents-wrapper .ui-grid-row div.ui-grid-cell.ui-grid-cell-readonly {
  background-color: #efefef;
}

.ui-grid-render-container-left .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell:not(.ui-grid-cell-invalid) {
  background-color: #e3f2fd !important;
}

.ui-grid-contents-wrapper .ui-grid-row div.ui-grid-cell.ui-grid-cell-invalid {
  background-color: #ffdada !important;
}

.hcRgtWithoutSort .ui-grid-cell-contents[role="button"] {
  text-align: right;
  width: 100%;
}

.hcRgtWithoutSort .ui-grid-invisible {
  display: none;
}

.t-p-dropdown.catExcel {
  max-width: 40px;
}

.t-p-dropdown .select-wrapper .caret {
  top: -3px;
}

.t-p-dropdown .select-wrapper .caret i {
  color: grey;
}

.t-p-dropdown .select-wrapper input.select-dropdown {
  height: 24px;
  margin-top: 0;
  font-size: 12px;
  line-height: normal;
  border-bottom: none;
}

.smart-table-new-ui .smart-table-wrapper .smart-table-pinned-column {
  background-color: #fff;
}

.smart-table-new-ui .smart-table-wrapper th.smart-table-pinned-column.smart-table-icon-holder,
.smart-table-new-ui .smart-table-wrapper th.smart-table-pinned-column.smart-table-icon-holder.smart-table-row-cell-selected {
  background-color: #efefef !important;
}

.smart-table-new-ui .smart-table-wrapper .smart-table-header-cell {
  background-color: #efefef;
  border-left: none;
}

.smart-table-new-ui .smart-table-wrapper .smart-table-row-cell {
  border-left: none;
}

.smart-table-new-ui .smart-table-wrapper .smart-table-row-cell.smart-table-row-cell-invalid {
  border-left: none !important;
  background-color: #ffdada !important;
}

.smart-table-new-ui .smart-table-row-cell-disabled {
  background-color: #efefef !important;
}

.smart-table-new-ui .smart-table-wrapper .smart-table-pinned-column.smart-table-row-cell-selected:not(.smart-table-row-cell-invalid) {
  background-color: #e3f2fd !important;
}

/* HTML5 Number polyfill | Jonathan Stipe | https://github.com/jonstipe/number-polyfill*/
div.number-spin-btn-container {
  display: none !important;
  position: relative;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 8px;
}

div.number-spin-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 2px;
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc;
  width: 1.2em;
}

div.number-spin-btn:hover {
  cursor: pointer;
}

div.number-spin-btn:active {
  border-width: 2px;
  border-color: #5e5e5e #d8d8d8 #d8d8d8 #5e5e5e;
  border-style: solid;
  background-color: #999999;
}

div.number-spin-btn-up {
  border-bottom-width: 1px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

div.number-spin-btn-up:before {
  border-width: 0 0.3em 0.3em 0.3em;
  border-color: transparent transparent black transparent;
  top: 25%;
}

div.number-spin-btn-up:active {
  border-bottom-width: 1px;
}

div.number-spin-btn-up:active:before {
  border-bottom-color: white;
  top: 26%;
  left: 51%;
}

div.number-spin-btn-down {
  border-top-width: 1px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}

div.number-spin-btn-down:before {
  border-width: 0.3em 0.3em 0 0.3em;
  border-color: black transparent transparent transparent;
  top: 75%;
}

div.number-spin-btn-down:active {
  border-top-width: 1px;
}

div.number-spin-btn-down:active:before {
  border-top-color: white;
  top: 76%;
  left: 51%;
}

div.number-spin-btn-up:before,
div.number-spin-btn-down:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  margin: -0.15em 0 0 -0.3em;
  padding: 0;
}

input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active {
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc;
}

input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active:before {
  border-bottom-color: #999999;
  top: 25%;
  left: 50%;
}

input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active:before {
  border-top-color: #999999;
  top: 75%;
  left: 50%;
}

.number-spin-field input {
  padding-right: 17px;
  width: calc(100% - 17px) !important;
}

.number-spin-field .number-spin-btn-container {
  display: inline-block !important;
}

.wizard-stepperH {
  padding: 40px 80px 10px 40px;
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.wizard-stepperH-container {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -o-flex;
}

.wizard-stepperH-container-step .wizard-stepperH-line {
  position: absolute;
  display: block;
  height: 1px;
  background-color: #e0e0e0;
  z-index: -1;
  width: calc( 100% - 45px);
  top: 50%;
  left: 35px;
}

.wizard-stepperH-container .wizard-stepperH-container-step:last-child .wizard-stepperH-line {
  display: none;
}

.wizard-stepperH-container-step {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-basis: 0;
  -moz-flex-basis: 0;
  -o-flex-basis: 0;
  position: relative;
  z-index: 1;
}

.wizard-stepperH-step-state {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #0177d6;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.wizard-stepperH-fixed {
  position: fixed;
  width: 100%;
  top: 50px;
  left: 0;
}

.wizard-cont-holder {
  background-color: #fff;
  padding: 40px 30px;
}

.wizard-stepperH .wizard-stepperH-step-state-title {
  position: absolute;
  bottom: 35px;
  left: -53px;
  z-index: -1;
  width: 130px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

.wizard-stepperH .wizard-stepperH-container-step:last-child {
  flex-grow: 0;
}

.wizard-stepperH .wizard-stepperH-container {
  border: none;
}

.wizard-stepperH-content {
  padding: 16px;
}

.wizard-stepperH-cont-fix {
  padding-top: 136px;
}

.wizard-stepperH-container-step .wizard-stepperH-step-state.initial-state i svg {
  width: 24px;
  height: 24px;
  margin-left: -1px;
  margin-top: 0px;
}

.wizard-stepperH-container-step .wizard-stepperH-step-state.initial-state i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

@keyframes wizardStepAnimation {
  from {
    margin-left: -100%;
    opacity: 0;
  }
  to {
    margin-left: 0;
    opacity: 1;
  }
}

@-webkit-keyframes wizardStepAnimation {
  from {
    margin-left: -100%;
    opacity: 0;
  }
  to {
    margin-left: 0;
    opacity: 1;
  }
}

@-moz-keyframes wizardStepAnimation {
  from {
    margin-left: -100%;
    opacity: 0;
  }
  to {
    margin-left: 0;
    opacity: 1;
  }
}

@-ms-keyframes wizardStepAnimation {
  from {
    margin-left: -100%;
    opacity: 0;
  }
  to {
    margin-left: 0;
    opacity: 1;
  }
}

.wizard-initial-state {
  width: 300px;
}

.wizard-stepperH-container-step.wizard-step-animate .wizard-stepperH-line, .wizard-step-animate .wizard-stepperH-step-state {
  animation-name: wizardStepAnimation;
  -webkit-animation-name: wizardStepAnimation;
  -moz-animation-name: wizardStepAnimation;
  -ms-animation-name: wizardStepAnimation;
  animation-duration: .4s;
  -webkit-animation-duration: .4s;
  -ms-animation-duration: .4s;
  -moz-animation-duration: .4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
}

.wizard-stepperH-container-step .wizard-stepperH-line, .wizard-stepperH-container-step .wizard-stepperH-step-state {
  opacity: 0;
}

.wizard-stepperH-container-step .wizard-stepperH-line.initial-first-line {
  opacity: 1;
}

.wizard-stepperH-container .wizard-stepperH-container-step:first-child .wizard-stepperH-step-state, .wizard-stepperH-container-step.stepper-dot .wizard-stepperH-step-state {
  opacity: 1;
}

.wizard-stepperH-container-step.active .wizard-stepperH-step-state-title {
  font-weight: bold;
}

.wizard-stepperH-container-step.disable .wizard-stepperH-step-state {
  background-color: #9e9e9e;
  cursor: default;
}

.wizard-stepperH-container-step .wizard-stepperH-step-state svg {
  width: 18px;
  height: 18px;
}

.wizard-stepperH-step-state .wizard-stepperH-step-icon svg {
  margin-top: -3px;
}

.wizard-stepperH-container-step.disable .wizard-stepperH-step-state-title {
  color: #9e9e9e;
  cursor: default;
}

.wizard-container {
  position: relative;
}

.wizard-step {
  position: relative;
}

.wizard-step-content {
  padding: 0 0 40px 30px;
}

@keyframes wizardLineAnimation {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@-webkit-keyframes wizardLineAnimation {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@-moz-keyframes wizardLineAnimation {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@-ms-keyframes wizardLineAnimation {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@keyframes wizardDotAnimation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes wizardDotAnimation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes wizardDotAnimation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-ms-keyframes wizardDotAnimation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes wizardTextAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes wizardTextAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes wizardTextAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.wizard-text-animate {
  opacity: 0;
  animation-name: wizardTextAnimation;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  -webkit-animation-name: wizardTextAnimation;
  -moz-animation-name: wizardTextAnimation;
  -ms-animation-name: wizardTextAnimation;
  -webkit-animation-duration: .8s;
  -moz-animation-duration: .8s;
  -ms-animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
}

.wizard-stepperH-line-animate {
  opacity: 0;
  animation-name: wizardStepAnimation;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  -webkit-animation-name: wizardStepAnimation;
  -moz-animation-name: wizardStepAnimation;
  -ms-animation-name: wizardStepAnimation;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
}

.wizard-step .wizard-step-point::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 2px;
  opacity: 0;
  height: 16px;
  width: 16px;
  background: #03ACFF;
  border-radius: 50%;
  display: inline-block;
  animation: wizardDotAnimation .3s ease .3s forwards;
  -webkit-animation: wizardDotAnimation .3s ease .3s forwards;
  -moz-animation: wizardDotAnimation .3s ease .3s forwards;
  -ms-animation: wizardDotAnimation .3s ease .3s forwards;
}

.wizard-step.wizard-step-next-visible .wizard-step-point::after {
  content: "";
  position: absolute;
  top: 8px;
  bottom: -10px;
  width: 2px;
  background-color: #03ACFF;
  animation: wizardLineAnimation .3s ease;
  -webkit-animation: wizardLineAnimation .3s ease;
  -moz-animation: wizardLineAnimation .3s ease;
  -ms-animation: wizardLineAnimation .3s ease;
}

.wizard-step:last-child .wizard-step-point::after {
  content: none;
}

.global-loader {
  background-color: rgba(255, 255, 255, 0.65);
}

.global-loader.fixed-loader {
  position: fixed;
  z-index: 9998;
}

.global-loader.plainbg {
  background-color: rgba(255, 255, 255, 0.9);
}

.global-loader .relative-loader-container {
  top: calc( 50% - 25px);
  position: absolute;
  left: calc( 50% - 50px);
  padding: 24px;
  border-radius: 2px;
}

.global-loader .relative-loader-container .loader-message {
  padding: 10px 16px;
}

.tree-view-str [type="radio"] + label {
  margin-top: 9px;
  height: 20px;
  line-height: 20px;
}

.tree-view-str [type="radio"] + label:before {
  margin: 2px 0 !important;
}

.tree-view-str [type="radio"] + label:after {
  margin: 2px 0 !important;
}

.custom-add-to-cart-wrap input[type=text], .custom-add-to-cart-wrap input[type=number] {
    color: #1c1c1c !important;
}

.ruleSummaryGrid .wj-content{ 
    width: 100%;
}

.ruleSummaryGrid div[wj-part='root'] {
    overflow: hidden !important;
}

.contracted-line {
  float: left;
  width: 12px;
  height: 12px;
  background: #4CAF50;
  margin: 15px 1px 1px 15px;
}

.contracted {
  border-left: 6px solid #4CAF50;
}

.non-contracted {
  border-left: 6px solid #f6fbfc;
}

.mat-form-field-infix
{
  padding: 0 !important;
}


.manage-status-draft {
  color: #03a678;
}
.manage-status-draft-withdrawn {
  color: #03a678;
}
.manage-status-approval-pending {
  color: #d252b2;
}
.manage-status-rejected {
  color: #d24d57
}
.manage-info-title {
  font-size: 16px;
  color: black;
}

.manage-info-doc-details{
   font-size: 14px;
   color:grey;
}

.draft-status-text {
  background-color: #03a678;
  color: #03a678;
}

.draft-withdrawn-status-text {
  background-color: #03a678;
  color: #03a678
}

.approval-pending-status-text {
  background-color: #d252b2;
  color: #d252b2
}

.rejected-status-text{
  background-color: #d24d57;
  color: #d24d57
}

.load_more{
  color:red;
  background-color :  brown; 
}

kebab-menu {
  display: flex;
  align-items: center;
}