body{/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css *//*!
 * 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
 */}body .materialize-red{background-color:#e51c23 !important}body .materialize-red-text{color:#e51c23 !important}body .materialize-red.lighten-5{background-color:#fdeaeb !important}body .materialize-red-text.text-lighten-5{color:#fdeaeb !important}body .materialize-red.lighten-4{background-color:#f8c1c3 !important}body .materialize-red-text.text-lighten-4{color:#f8c1c3 !important}body .materialize-red.lighten-3{background-color:#f3989b !important}body .materialize-red-text.text-lighten-3{color:#f3989b !important}body .materialize-red.lighten-2{background-color:#ee6e73 !important}body .materialize-red-text.text-lighten-2{color:#ee6e73 !important}body .materialize-red.lighten-1{background-color:#ea454b !important}body .materialize-red-text.text-lighten-1{color:#ea454b !important}body .materialize-red.darken-1{background-color:#d0181e !important}body .materialize-red-text.text-darken-1{color:#d0181e !important}body .materialize-red.darken-2{background-color:#b9151b !important}body .materialize-red-text.text-darken-2{color:#b9151b !important}body .materialize-red.darken-3{background-color:#a21318 !important}body .materialize-red-text.text-darken-3{color:#a21318 !important}body .materialize-red.darken-4{background-color:#8b1014 !important}body .materialize-red-text.text-darken-4{color:#8b1014 !important}body .red{background-color:#f44336 !important}body .red-text{color:#f44336 !important}body .red.lighten-5{background-color:#ffebee !important}body .red-text.text-lighten-5{color:#ffebee !important}body .red.lighten-4{background-color:#ffcdd2 !important}body .red-text.text-lighten-4{color:#ffcdd2 !important}body .red.lighten-3{background-color:#ef9a9a !important}body .red-text.text-lighten-3{color:#ef9a9a !important}body .red.lighten-2{background-color:#e57373 !important}body .red-text.text-lighten-2{color:#e57373 !important}body .red.lighten-1{background-color:#ef5350 !important}body .red-text.text-lighten-1{color:#ef5350 !important}body .red.darken-1{background-color:#e53935 !important}body .red-text.text-darken-1{color:#e53935 !important}body .red.darken-2{background-color:#d32f2f !important}body .red-text.text-darken-2{color:#d32f2f !important}body .red.darken-3{background-color:#c62828 !important}body .red-text.text-darken-3{color:#c62828 !important}body .red.darken-4{background-color:#b71c1c !important}body .red-text.text-darken-4{color:#b71c1c !important}body .red.accent-1{background-color:#ff8a80 !important}body .red-text.text-accent-1{color:#ff8a80 !important}body .red.accent-2{background-color:#ff5252 !important}body .red-text.text-accent-2{color:#ff5252 !important}body .red.accent-3{background-color:#ff1744 !important}body .red-text.text-accent-3{color:#ff1744 !important}body .red.accent-4{background-color:#d50000 !important}body .red-text.text-accent-4{color:#d50000 !important}body .pink{background-color:#e91e63 !important}body .pink-text{color:#e91e63 !important}body .pink.lighten-5{background-color:#fce4ec !important}body .pink-text.text-lighten-5{color:#fce4ec !important}body .pink.lighten-4{background-color:#f8bbd0 !important}body .pink-text.text-lighten-4{color:#f8bbd0 !important}body .pink.lighten-3{background-color:#f48fb1 !important}body .pink-text.text-lighten-3{color:#f48fb1 !important}body .pink.lighten-2{background-color:#f06292 !important}body .pink-text.text-lighten-2{color:#f06292 !important}body .pink.lighten-1{background-color:#ec407a !important}body .pink-text.text-lighten-1{color:#ec407a !important}body .pink.darken-1{background-color:#d81b60 !important}body .pink-text.text-darken-1{color:#d81b60 !important}body .pink.darken-2{background-color:#c2185b !important}body .pink-text.text-darken-2{color:#c2185b !important}body .pink.darken-3{background-color:#ad1457 !important}body .pink-text.text-darken-3{color:#ad1457 !important}body .pink.darken-4{background-color:#880e4f !important}body .pink-text.text-darken-4{color:#880e4f !important}body .pink.accent-1{background-color:#ff80ab !important}body .pink-text.text-accent-1{color:#ff80ab !important}body .pink.accent-2{background-color:#ff4081 !important}body .pink-text.text-accent-2{color:#ff4081 !important}body .pink.accent-3{background-color:#f50057 !important}body .pink-text.text-accent-3{color:#f50057 !important}body .pink.accent-4{background-color:#c51162 !important}body .pink-text.text-accent-4{color:#c51162 !important}body .purple{background-color:#9c27b0 !important}body .purple-text{color:#9c27b0 !important}body .purple.lighten-5{background-color:#f3e5f5 !important}body .purple-text.text-lighten-5{color:#f3e5f5 !important}body .purple.lighten-4{background-color:#e1bee7 !important}body .purple-text.text-lighten-4{color:#e1bee7 !important}body .purple.lighten-3{background-color:#ce93d8 !important}body .purple-text.text-lighten-3{color:#ce93d8 !important}body .purple.lighten-2{background-color:#ba68c8 !important}body .purple-text.text-lighten-2{color:#ba68c8 !important}body .purple.lighten-1{background-color:#ab47bc !important}body .purple-text.text-lighten-1{color:#ab47bc !important}body .purple.darken-1{background-color:#8e24aa !important}body .purple-text.text-darken-1{color:#8e24aa !important}body .purple.darken-2{background-color:#7b1fa2 !important}body .purple-text.text-darken-2{color:#7b1fa2 !important}body .purple.darken-3{background-color:#6a1b9a !important}body .purple-text.text-darken-3{color:#6a1b9a !important}body .purple.darken-4{background-color:#4a148c !important}body .purple-text.text-darken-4{color:#4a148c !important}body .purple.accent-1{background-color:#ea80fc !important}body .purple-text.text-accent-1{color:#ea80fc !important}body .purple.accent-2{background-color:#e040fb !important}body .purple-text.text-accent-2{color:#e040fb !important}body .purple.accent-3{background-color:#d500f9 !important}body .purple-text.text-accent-3{color:#d500f9 !important}body .purple.accent-4{background-color:#a0f !important}body .purple-text.text-accent-4{color:#a0f !important}body .deep-purple{background-color:#673ab7 !important}body .deep-purple-text{color:#673ab7 !important}body .deep-purple.lighten-5{background-color:#ede7f6 !important}body .deep-purple-text.text-lighten-5{color:#ede7f6 !important}body .deep-purple.lighten-4{background-color:#d1c4e9 !important}body .deep-purple-text.text-lighten-4{color:#d1c4e9 !important}body .deep-purple.lighten-3{background-color:#b39ddb !important}body .deep-purple-text.text-lighten-3{color:#b39ddb !important}body .deep-purple.lighten-2{background-color:#9575cd !important}body .deep-purple-text.text-lighten-2{color:#9575cd !important}body .deep-purple.lighten-1{background-color:#7e57c2 !important}body .deep-purple-text.text-lighten-1{color:#7e57c2 !important}body .deep-purple.darken-1{background-color:#5e35b1 !important}body .deep-purple-text.text-darken-1{color:#5e35b1 !important}body .deep-purple.darken-2{background-color:#512da8 !important}body .deep-purple-text.text-darken-2{color:#512da8 !important}body .deep-purple.darken-3{background-color:#4527a0 !important}body .deep-purple-text.text-darken-3{color:#4527a0 !important}body .deep-purple.darken-4{background-color:#311b92 !important}body .deep-purple-text.text-darken-4{color:#311b92 !important}body .deep-purple.accent-1{background-color:#b388ff !important}body .deep-purple-text.text-accent-1{color:#b388ff !important}body .deep-purple.accent-2{background-color:#7c4dff !important}body .deep-purple-text.text-accent-2{color:#7c4dff !important}body .deep-purple.accent-3{background-color:#651fff !important}body .deep-purple-text.text-accent-3{color:#651fff !important}body .deep-purple.accent-4{background-color:#6200ea !important}body .deep-purple-text.text-accent-4{color:#6200ea !important}body .indigo{background-color:#3f51b5 !important}body .indigo-text{color:#3f51b5 !important}body .indigo.lighten-5{background-color:#e8eaf6 !important}body .indigo-text.text-lighten-5{color:#e8eaf6 !important}body .indigo.lighten-4{background-color:#c5cae9 !important}body .indigo-text.text-lighten-4{color:#c5cae9 !important}body .indigo.lighten-3{background-color:#9fa8da !important}body .indigo-text.text-lighten-3{color:#9fa8da !important}body .indigo.lighten-2{background-color:#7986cb !important}body .indigo-text.text-lighten-2{color:#7986cb !important}body .indigo.lighten-1{background-color:#5c6bc0 !important}body .indigo-text.text-lighten-1{color:#5c6bc0 !important}body .indigo.darken-1{background-color:#3949ab !important}body .indigo-text.text-darken-1{color:#3949ab !important}body .indigo.darken-2{background-color:#303f9f !important}body .indigo-text.text-darken-2{color:#303f9f !important}body .indigo.darken-3{background-color:#283593 !important}body .indigo-text.text-darken-3{color:#283593 !important}body .indigo.darken-4{background-color:#1a237e !important}body .indigo-text.text-darken-4{color:#1a237e !important}body .indigo.accent-1{background-color:#8c9eff !important}body .indigo-text.text-accent-1{color:#8c9eff !important}body .indigo.accent-2{background-color:#536dfe !important}body .indigo-text.text-accent-2{color:#536dfe !important}body .indigo.accent-3{background-color:#3d5afe !important}body .indigo-text.text-accent-3{color:#3d5afe !important}body .indigo.accent-4{background-color:#304ffe !important}body .indigo-text.text-accent-4{color:#304ffe !important}body .blue{background-color:#2196f3 !important}body .blue-text{color:#2196f3 !important}body .blue.lighten-5{background-color:#e3f2fd !important}body .blue-text.text-lighten-5{color:#e3f2fd !important}body .blue.lighten-4{background-color:#bbdefb !important}body .blue-text.text-lighten-4{color:#bbdefb !important}body .blue.lighten-3{background-color:#90caf9 !important}body .blue-text.text-lighten-3{color:#90caf9 !important}body .blue.lighten-2{background-color:#64b5f6 !important}body .blue-text.text-lighten-2{color:#64b5f6 !important}body .blue.lighten-1{background-color:#42a5f5 !important}body .blue-text.text-lighten-1{color:#42a5f5 !important}body .blue.darken-1{background-color:#1e88e5 !important}body .blue-text.text-darken-1{color:#1e88e5 !important}body .blue.darken-2{background-color:#1976d2 !important}body .blue-text.text-darken-2{color:#1976d2 !important}body .blue.darken-3{background-color:#1565c0 !important}body .blue-text.text-darken-3{color:#1565c0 !important}body .blue.darken-4{background-color:#0d47a1 !important}body .blue-text.text-darken-4{color:#0d47a1 !important}body .blue.accent-1{background-color:#82b1ff !important}body .blue-text.text-accent-1{color:#82b1ff !important}body .blue.accent-2{background-color:#448aff !important}body .blue-text.text-accent-2{color:#448aff !important}body .blue.accent-3{background-color:#2979ff !important}body .blue-text.text-accent-3{color:#2979ff !important}body .blue.accent-4{background-color:#2962ff !important}body .blue-text.text-accent-4{color:#2962ff !important}body .light-blue{background-color:#03a9f4 !important}body .light-blue-text{color:#03a9f4 !important}body .light-blue.lighten-5{background-color:#e1f5fe !important}body .light-blue-text.text-lighten-5{color:#e1f5fe !important}body .light-blue.lighten-4{background-color:#b3e5fc !important}body .light-blue-text.text-lighten-4{color:#b3e5fc !important}body .light-blue.lighten-3{background-color:#81d4fa !important}body .light-blue-text.text-lighten-3{color:#81d4fa !important}body .light-blue.lighten-2{background-color:#4fc3f7 !important}body .light-blue-text.text-lighten-2{color:#4fc3f7 !important}body .light-blue.lighten-1{background-color:#29b6f6 !important}body .light-blue-text.text-lighten-1{color:#29b6f6 !important}body .light-blue.darken-1{background-color:#039be5 !important}body .light-blue-text.text-darken-1{color:#039be5 !important}body .light-blue.darken-2{background-color:#0288d1 !important}body .light-blue-text.text-darken-2{color:#0288d1 !important}body .light-blue.darken-3{background-color:#0277bd !important}body .light-blue-text.text-darken-3{color:#0277bd !important}body .light-blue.darken-4{background-color:#01579b !important}body .light-blue-text.text-darken-4{color:#01579b !important}body .light-blue.accent-1{background-color:#80d8ff !important}body .light-blue-text.text-accent-1{color:#80d8ff !important}body .light-blue.accent-2{background-color:#40c4ff !important}body .light-blue-text.text-accent-2{color:#40c4ff !important}body .light-blue.accent-3{background-color:#00b0ff !important}body .light-blue-text.text-accent-3{color:#00b0ff !important}body .light-blue.accent-4{background-color:#0091ea !important}body .light-blue-text.text-accent-4{color:#0091ea !important}body .cyan{background-color:#00bcd4 !important}body .cyan-text{color:#00bcd4 !important}body .cyan.lighten-5{background-color:#e0f7fa !important}body .cyan-text.text-lighten-5{color:#e0f7fa !important}body .cyan.lighten-4{background-color:#b2ebf2 !important}body .cyan-text.text-lighten-4{color:#b2ebf2 !important}body .cyan.lighten-3{background-color:#80deea !important}body .cyan-text.text-lighten-3{color:#80deea !important}body .cyan.lighten-2{background-color:#4dd0e1 !important}body .cyan-text.text-lighten-2{color:#4dd0e1 !important}body .cyan.lighten-1{background-color:#26c6da !important}body .cyan-text.text-lighten-1{color:#26c6da !important}body .cyan.darken-1{background-color:#00acc1 !important}body .cyan-text.text-darken-1{color:#00acc1 !important}body .cyan.darken-2{background-color:#0097a7 !important}body .cyan-text.text-darken-2{color:#0097a7 !important}body .cyan.darken-3{background-color:#00838f !important}body .cyan-text.text-darken-3{color:#00838f !important}body .cyan.darken-4{background-color:#006064 !important}body .cyan-text.text-darken-4{color:#006064 !important}body .cyan.accent-1{background-color:#84ffff !important}body .cyan-text.text-accent-1{color:#84ffff !important}body .cyan.accent-2{background-color:#18ffff !important}body .cyan-text.text-accent-2{color:#18ffff !important}body .cyan.accent-3{background-color:#00e5ff !important}body .cyan-text.text-accent-3{color:#00e5ff !important}body .cyan.accent-4{background-color:#00b8d4 !important}body .cyan-text.text-accent-4{color:#00b8d4 !important}body .teal{background-color:#009688 !important}body .teal-text{color:#009688 !important}body .teal.lighten-5{background-color:#e0f2f1 !important}body .teal-text.text-lighten-5{color:#e0f2f1 !important}body .teal.lighten-4{background-color:#b2dfdb !important}body .teal-text.text-lighten-4{color:#b2dfdb !important}body .teal.lighten-3{background-color:#80cbc4 !important}body .teal-text.text-lighten-3{color:#80cbc4 !important}body .teal.lighten-2{background-color:#4db6ac !important}body .teal-text.text-lighten-2{color:#4db6ac !important}body .teal.lighten-1{background-color:#26a69a !important}body .teal-text.text-lighten-1{color:#26a69a !important}body .teal.darken-1{background-color:#00897b !important}body .teal-text.text-darken-1{color:#00897b !important}body .teal.darken-2{background-color:#00796b !important}body .teal-text.text-darken-2{color:#00796b !important}body .teal.darken-3{background-color:#00695c !important}body .teal-text.text-darken-3{color:#00695c !important}body .teal.darken-4{background-color:#004d40 !important}body .teal-text.text-darken-4{color:#004d40 !important}body .teal.accent-1{background-color:#a7ffeb !important}body .teal-text.text-accent-1{color:#a7ffeb !important}body .teal.accent-2{background-color:#64ffda !important}body .teal-text.text-accent-2{color:#64ffda !important}body .teal.accent-3{background-color:#1de9b6 !important}body .teal-text.text-accent-3{color:#1de9b6 !important}body .teal.accent-4{background-color:#00bfa5 !important}body .teal-text.text-accent-4{color:#00bfa5 !important}body .green{background-color:#4caf50 !important}body .green-text{color:#4caf50 !important}body .green.lighten-5{background-color:#e8f5e9 !important}body .green-text.text-lighten-5{color:#e8f5e9 !important}body .green.lighten-4{background-color:#c8e6c9 !important}body .green-text.text-lighten-4{color:#c8e6c9 !important}body .green.lighten-3{background-color:#a5d6a7 !important}body .green-text.text-lighten-3{color:#a5d6a7 !important}body .green.lighten-2{background-color:#81c784 !important}body .green-text.text-lighten-2{color:#81c784 !important}body .green.lighten-1{background-color:#66bb6a !important}body .green-text.text-lighten-1{color:#66bb6a !important}body .green.darken-1{background-color:#43a047 !important}body .green-text.text-darken-1{color:#43a047 !important}body .green.darken-2{background-color:#388e3c !important}body .green-text.text-darken-2{color:#388e3c !important}body .green.darken-3{background-color:#2e7d32 !important}body .green-text.text-darken-3{color:#2e7d32 !important}body .green.darken-4{background-color:#1b5e20 !important}body .green-text.text-darken-4{color:#1b5e20 !important}body .green.accent-1{background-color:#b9f6ca !important}body .green-text.text-accent-1{color:#b9f6ca !important}body .green.accent-2{background-color:#69f0ae !important}body .green-text.text-accent-2{color:#69f0ae !important}body .green.accent-3{background-color:#00e676 !important}body .green-text.text-accent-3{color:#00e676 !important}body .green.accent-4{background-color:#00c853 !important}body .green-text.text-accent-4{color:#00c853 !important}body .light-green{background-color:#8bc34a !important}body .light-green-text{color:#8bc34a !important}body .light-green.lighten-5{background-color:#f1f8e9 !important}body .light-green-text.text-lighten-5{color:#f1f8e9 !important}body .light-green.lighten-4{background-color:#dcedc8 !important}body .light-green-text.text-lighten-4{color:#dcedc8 !important}body .light-green.lighten-3{background-color:#c5e1a5 !important}body .light-green-text.text-lighten-3{color:#c5e1a5 !important}body .light-green.lighten-2{background-color:#aed581 !important}body .light-green-text.text-lighten-2{color:#aed581 !important}body .light-green.lighten-1{background-color:#9ccc65 !important}body .light-green-text.text-lighten-1{color:#9ccc65 !important}body .light-green.darken-1{background-color:#7cb342 !important}body .light-green-text.text-darken-1{color:#7cb342 !important}body .light-green.darken-2{background-color:#689f38 !important}body .light-green-text.text-darken-2{color:#689f38 !important}body .light-green.darken-3{background-color:#558b2f !important}body .light-green-text.text-darken-3{color:#558b2f !important}body .light-green.darken-4{background-color:#33691e !important}body .light-green-text.text-darken-4{color:#33691e !important}body .light-green.accent-1{background-color:#ccff90 !important}body .light-green-text.text-accent-1{color:#ccff90 !important}body .light-green.accent-2{background-color:#b2ff59 !important}body .light-green-text.text-accent-2{color:#b2ff59 !important}body .light-green.accent-3{background-color:#76ff03 !important}body .light-green-text.text-accent-3{color:#76ff03 !important}body .light-green.accent-4{background-color:#64dd17 !important}body .light-green-text.text-accent-4{color:#64dd17 !important}body .lime{background-color:#cddc39 !important}body .lime-text{color:#cddc39 !important}body .lime.lighten-5{background-color:#f9fbe7 !important}body .lime-text.text-lighten-5{color:#f9fbe7 !important}body .lime.lighten-4{background-color:#f0f4c3 !important}body .lime-text.text-lighten-4{color:#f0f4c3 !important}body .lime.lighten-3{background-color:#e6ee9c !important}body .lime-text.text-lighten-3{color:#e6ee9c !important}body .lime.lighten-2{background-color:#dce775 !important}body .lime-text.text-lighten-2{color:#dce775 !important}body .lime.lighten-1{background-color:#d4e157 !important}body .lime-text.text-lighten-1{color:#d4e157 !important}body .lime.darken-1{background-color:#c0ca33 !important}body .lime-text.text-darken-1{color:#c0ca33 !important}body .lime.darken-2{background-color:#afb42b !important}body .lime-text.text-darken-2{color:#afb42b !important}body .lime.darken-3{background-color:#9e9d24 !important}body .lime-text.text-darken-3{color:#9e9d24 !important}body .lime.darken-4{background-color:#827717 !important}body .lime-text.text-darken-4{color:#827717 !important}body .lime.accent-1{background-color:#f4ff81 !important}body .lime-text.text-accent-1{color:#f4ff81 !important}body .lime.accent-2{background-color:#eeff41 !important}body .lime-text.text-accent-2{color:#eeff41 !important}body .lime.accent-3{background-color:#c6ff00 !important}body .lime-text.text-accent-3{color:#c6ff00 !important}body .lime.accent-4{background-color:#aeea00 !important}body .lime-text.text-accent-4{color:#aeea00 !important}body .yellow{background-color:#ffeb3b !important}body .yellow-text{color:#ffeb3b !important}body .yellow.lighten-5{background-color:#fffde7 !important}body .yellow-text.text-lighten-5{color:#fffde7 !important}body .yellow.lighten-4{background-color:#fff9c4 !important}body .yellow-text.text-lighten-4{color:#fff9c4 !important}body .yellow.lighten-3{background-color:#fff59d !important}body .yellow-text.text-lighten-3{color:#fff59d !important}body .yellow.lighten-2{background-color:#fff176 !important}body .yellow-text.text-lighten-2{color:#fff176 !important}body .yellow.lighten-1{background-color:#ffee58 !important}body .yellow-text.text-lighten-1{color:#ffee58 !important}body .yellow.darken-1{background-color:#fdd835 !important}body .yellow-text.text-darken-1{color:#fdd835 !important}body .yellow.darken-2{background-color:#fbc02d !important}body .yellow-text.text-darken-2{color:#fbc02d !important}body .yellow.darken-3{background-color:#f9a825 !important}body .yellow-text.text-darken-3{color:#f9a825 !important}body .yellow.darken-4{background-color:#f57f17 !important}body .yellow-text.text-darken-4{color:#f57f17 !important}body .yellow.accent-1{background-color:#ffff8d !important}body .yellow-text.text-accent-1{color:#ffff8d !important}body .yellow.accent-2{background-color:#ff0 !important}body .yellow-text.text-accent-2{color:#ff0 !important}body .yellow.accent-3{background-color:#ffea00 !important}body .yellow-text.text-accent-3{color:#ffea00 !important}body .yellow.accent-4{background-color:#ffd600 !important}body .yellow-text.text-accent-4{color:#ffd600 !important}body .amber{background-color:#ffc107 !important}body .amber-text{color:#ffc107 !important}body .amber.lighten-5{background-color:#fff8e1 !important}body .amber-text.text-lighten-5{color:#fff8e1 !important}body .amber.lighten-4{background-color:#ffecb3 !important}body .amber-text.text-lighten-4{color:#ffecb3 !important}body .amber.lighten-3{background-color:#ffe082 !important}body .amber-text.text-lighten-3{color:#ffe082 !important}body .amber.lighten-2{background-color:#ffd54f !important}body .amber-text.text-lighten-2{color:#ffd54f !important}body .amber.lighten-1{background-color:#ffca28 !important}body .amber-text.text-lighten-1{color:#ffca28 !important}body .amber.darken-1{background-color:#ffb300 !important}body .amber-text.text-darken-1{color:#ffb300 !important}body .amber.darken-2{background-color:#ffa000 !important}body .amber-text.text-darken-2{color:#ffa000 !important}body .amber.darken-3{background-color:#ff8f00 !important}body .amber-text.text-darken-3{color:#ff8f00 !important}body .amber.darken-4{background-color:#ff6f00 !important}body .amber-text.text-darken-4{color:#ff6f00 !important}body .amber.accent-1{background-color:#ffe57f !important}body .amber-text.text-accent-1{color:#ffe57f !important}body .amber.accent-2{background-color:#ffd740 !important}body .amber-text.text-accent-2{color:#ffd740 !important}body .amber.accent-3{background-color:#ffc400 !important}body .amber-text.text-accent-3{color:#ffc400 !important}body .amber.accent-4{background-color:#ffab00 !important}body .amber-text.text-accent-4{color:#ffab00 !important}body .orange{background-color:#ff9800 !important}body .orange-text{color:#ff9800 !important}body .orange.lighten-5{background-color:#fff3e0 !important}body .orange-text.text-lighten-5{color:#fff3e0 !important}body .orange.lighten-4{background-color:#ffe0b2 !important}body .orange-text.text-lighten-4{color:#ffe0b2 !important}body .orange.lighten-3{background-color:#ffcc80 !important}body .orange-text.text-lighten-3{color:#ffcc80 !important}body .orange.lighten-2{background-color:#ffb74d !important}body .orange-text.text-lighten-2{color:#ffb74d !important}body .orange.lighten-1{background-color:#ffa726 !important}body .orange-text.text-lighten-1{color:#ffa726 !important}body .orange.darken-1{background-color:#fb8c00 !important}body .orange-text.text-darken-1{color:#fb8c00 !important}body .orange.darken-2{background-color:#f57c00 !important}body .orange-text.text-darken-2{color:#f57c00 !important}body .orange.darken-3{background-color:#ef6c00 !important}body .orange-text.text-darken-3{color:#ef6c00 !important}body .orange.darken-4{background-color:#e65100 !important}body .orange-text.text-darken-4{color:#e65100 !important}body .orange.accent-1{background-color:#ffd180 !important}body .orange-text.text-accent-1{color:#ffd180 !important}body .orange.accent-2{background-color:#ffab40 !important}body .orange-text.text-accent-2{color:#ffab40 !important}body .orange.accent-3{background-color:#ff9100 !important}body .orange-text.text-accent-3{color:#ff9100 !important}body .orange.accent-4{background-color:#ff6d00 !important}body .orange-text.text-accent-4{color:#ff6d00 !important}body .deep-orange{background-color:#ff5722 !important}body .deep-orange-text{color:#ff5722 !important}body .deep-orange.lighten-5{background-color:#fbe9e7 !important}body .deep-orange-text.text-lighten-5{color:#fbe9e7 !important}body .deep-orange.lighten-4{background-color:#ffccbc !important}body .deep-orange-text.text-lighten-4{color:#ffccbc !important}body .deep-orange.lighten-3{background-color:#ffab91 !important}body .deep-orange-text.text-lighten-3{color:#ffab91 !important}body .deep-orange.lighten-2{background-color:#ff8a65 !important}body .deep-orange-text.text-lighten-2{color:#ff8a65 !important}body .deep-orange.lighten-1{background-color:#ff7043 !important}body .deep-orange-text.text-lighten-1{color:#ff7043 !important}body .deep-orange.darken-1{background-color:#f4511e !important}body .deep-orange-text.text-darken-1{color:#f4511e !important}body .deep-orange.darken-2{background-color:#e64a19 !important}body .deep-orange-text.text-darken-2{color:#e64a19 !important}body .deep-orange.darken-3{background-color:#d84315 !important}body .deep-orange-text.text-darken-3{color:#d84315 !important}body .deep-orange.darken-4{background-color:#bf360c !important}body .deep-orange-text.text-darken-4{color:#bf360c !important}body .deep-orange.accent-1{background-color:#ff9e80 !important}body .deep-orange-text.text-accent-1{color:#ff9e80 !important}body .deep-orange.accent-2{background-color:#ff6e40 !important}body .deep-orange-text.text-accent-2{color:#ff6e40 !important}body .deep-orange.accent-3{background-color:#ff3d00 !important}body .deep-orange-text.text-accent-3{color:#ff3d00 !important}body .deep-orange.accent-4{background-color:#dd2c00 !important}body .deep-orange-text.text-accent-4{color:#dd2c00 !important}body .brown{background-color:#795548 !important}body .brown-text{color:#795548 !important}body .brown.lighten-5{background-color:#efebe9 !important}body .brown-text.text-lighten-5{color:#efebe9 !important}body .brown.lighten-4{background-color:#d7ccc8 !important}body .brown-text.text-lighten-4{color:#d7ccc8 !important}body .brown.lighten-3{background-color:#bcaaa4 !important}body .brown-text.text-lighten-3{color:#bcaaa4 !important}body .brown.lighten-2{background-color:#a1887f !important}body .brown-text.text-lighten-2{color:#a1887f !important}body .brown.lighten-1{background-color:#8d6e63 !important}body .brown-text.text-lighten-1{color:#8d6e63 !important}body .brown.darken-1{background-color:#6d4c41 !important}body .brown-text.text-darken-1{color:#6d4c41 !important}body .brown.darken-2{background-color:#5d4037 !important}body .brown-text.text-darken-2{color:#5d4037 !important}body .brown.darken-3{background-color:#4e342e !important}body .brown-text.text-darken-3{color:#4e342e !important}body .brown.darken-4{background-color:#3e2723 !important}body .brown-text.text-darken-4{color:#3e2723 !important}body .blue-grey{background-color:#607d8b !important}body .blue-grey-text{color:#607d8b !important}body .blue-grey.lighten-5{background-color:#eceff1 !important}body .blue-grey-text.text-lighten-5{color:#eceff1 !important}body .blue-grey.lighten-4{background-color:#cfd8dc !important}body .blue-grey-text.text-lighten-4{color:#cfd8dc !important}body .blue-grey.lighten-3{background-color:#b0bec5 !important}body .blue-grey-text.text-lighten-3{color:#b0bec5 !important}body .blue-grey.lighten-2{background-color:#90a4ae !important}body .blue-grey-text.text-lighten-2{color:#90a4ae !important}body .blue-grey.lighten-1{background-color:#78909c !important}body .blue-grey-text.text-lighten-1{color:#78909c !important}body .blue-grey.darken-1{background-color:#546e7a !important}body .blue-grey-text.text-darken-1{color:#546e7a !important}body .blue-grey.darken-2{background-color:#455a64 !important}body .blue-grey-text.text-darken-2{color:#455a64 !important}body .blue-grey.darken-3{background-color:#37474f !important}body .blue-grey-text.text-darken-3{color:#37474f !important}body .blue-grey.darken-4{background-color:#263238 !important}body .blue-grey-text.text-darken-4{color:#263238 !important}body .grey{background-color:#9e9e9e !important}body .grey-text{color:#9e9e9e !important}body .grey.lighten-5{background-color:#fafafa !important}body .grey-text.text-lighten-5{color:#fafafa !important}body .grey.lighten-4{background-color:#f5f5f5 !important}body .grey-text.text-lighten-4{color:#f5f5f5 !important}body .grey.lighten-3{background-color:#eee !important}body .grey-text.text-lighten-3{color:#eee !important}body .grey.lighten-2{background-color:#e0e0e0 !important}body .grey-text.text-lighten-2{color:#e0e0e0 !important}body .grey.lighten-1{background-color:#bdbdbd !important}body .grey-text.text-lighten-1{color:#bdbdbd !important}body .grey.darken-1{background-color:#757575 !important}body .grey-text.text-darken-1{color:#757575 !important}body .grey.darken-2{background-color:#616161 !important}body .grey-text.text-darken-2{color:#616161 !important}body .grey.darken-3{background-color:#424242 !important}body .grey-text.text-darken-3{color:#424242 !important}body .grey.darken-4{background-color:#212121 !important}body .grey-text.text-darken-4{color:#212121 !important}body .black{background-color:#000 !important}body .black-text{color:#000 !important}body .white{background-color:#fff !important}body .white-text{color:#fff !important}body .transparent{background-color:rgba(0,0,0,0) !important}body .transparent-text{color:rgba(0,0,0,0) !important}body html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body body{margin:0}body article,body aside,body footer,body header,body nav,body section{display:block}body h1{font-size:2em;margin:.67em 0}body figcaption,body figure,body main{display:block}body figure{margin:1em 40px}body hr{box-sizing:content-box;height:0;overflow:visible}body pre{font-family:monospace,monospace;font-size:1em}body a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}body abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}body b,body strong{font-weight:inherit}body b,body strong{font-weight:bolder}body code,body kbd,body samp{font-family:monospace,monospace;font-size:1em}body dfn{font-style:italic}body mark{background-color:#ff0;color:#000}body small{font-size:80%}body sub,body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}body sub{bottom:-0.25em}body sup{top:-0.5em}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not(:root){overflow:hidden}body button,body input,body optgroup,body select,body textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}body button,body input{overflow:visible}body button,body select{text-transform:none}body button,body html [type=button],body [type=reset],body [type=submit]{-webkit-appearance:button}body button::-moz-focus-inner,body [type=button]::-moz-focus-inner,body [type=reset]::-moz-focus-inner,body [type=submit]::-moz-focus-inner{border-style:none;padding:0}body button:-moz-focusring,body [type=button]:-moz-focusring,body [type=reset]:-moz-focusring,body [type=submit]:-moz-focusring{outline:1px dotted ButtonText}body fieldset{padding:.35em .75em .625em}body legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body textarea{overflow:auto}body [type=checkbox],body [type=radio]{box-sizing:border-box;padding:0}body [type=number]::-webkit-inner-spin-button,body [type=number]::-webkit-outer-spin-button{height:auto}body [type=search]{-webkit-appearance:textfield;outline-offset:-2px}body [type=search]::-webkit-search-cancel-button,body [type=search]::-webkit-search-decoration{-webkit-appearance:none}body ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body details,body menu{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [hidden]{display:none}body html{box-sizing:border-box}body *,body *:before,body *:after{box-sizing:inherit}body select,body optgroup{font-family:"Source Sans Pro",Helvetica,Arial,sans-serif}body ul:not(.browser-default){padding-left:0;list-style-type:none}body ul:not(.browser-default)>li{list-style-type:none}body a{-webkit-tap-highlight-color:rgba(0,0,0,0)}body .valign-wrapper{display:flex;align-items:center}body .clearfix{clear:both}body .z-depth-0{box-shadow:none !important}body .z-depth-1,body .sidenav,body .dropdown-content,body .btn-floating,body .btn,body .btn-small,body .btn-large,body .card,body .card-panel{box-shadow:0 1px 1px 0 rgba(157,158,161,.14),0 2px 1px -1px rgba(157,158,161,.12),0 1px 3px 0 rgba(157,158,161,.2)}body .z-depth-1-half,body .btn-floating:hover{box-shadow:0 1px 1px 0 rgba(157,158,161,.07),0 2px 1px -1px rgba(157,158,161,.06),0 1px 3px 0 rgba(157,158,161,.1)}body .z-depth-2{box-shadow:0 2px 2px 0 rgba(157,158,161,.14),0 3px 1px -2px rgba(157,158,161,.12),0 1px 5px 0 rgba(157,158,161,.2)}body .z-depth-3{box-shadow:0 3px 4px 0 rgba(157,158,161,.14),0 3px 3px -2px rgba(157,158,161,.12),0 1px 8px 0 rgba(157,158,161,.2)}body .z-depth-4,body .tooltipster-slip-show{box-shadow:0 4px 5px 0 rgba(157,158,161,.14),0 1px 10px 0 rgba(157,158,161,.12),0 2px 4px -1px rgba(157,158,161,.2)}body .z-depth-5,body .modal{box-shadow:0 6px 10px 0 rgba(157,158,161,.14),0 1px 18px 0 rgba(157,158,161,.12),0 3px 5px -1px rgba(157,158,161,.2)}body .z-depth-6{box-shadow:0 8px 10px 1px rgba(157,158,161,.14),0 3px 14px 2px rgba(157,158,161,.12),0 5px 5px -3px rgba(157,158,161,.2)}body .z-depth-7{box-shadow:0 9px 12px 1px rgba(157,158,161,.14),0 3px 16px 2px rgba(157,158,161,.12),0 5px 6px -3px rgba(157,158,161,.2)}body .z-depth-8{box-shadow:0 12px 17px 2px rgba(157,158,161,.14),0 5px 22px 4px rgba(157,158,161,.12),0 7px 8px -4px rgba(157,158,161,.2)}body .z-depth-9{box-shadow:0 16px 24px 2px rgba(157,158,161,.14),0 6px 30px 5px rgba(157,158,161,.12),0 8px 10px -5px rgba(0,0,0,.2)}body .z-depth-10{box-shadow:0 24px 38px 3px rgba(157,158,161,.14),0 9px 46px 8px rgba(157,158,161,.12),0 11px 15px -7px rgba(157,158,161,.2)}body .hoverable{transition:box-shadow .25s}body .hoverable:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}body .divider{height:1px;overflow:hidden;background-color:#e0e0e0}body blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #00a7e5}body i{line-height:inherit}body i.left{float:left;margin-right:15px}body i.right{float:right;margin-left:15px}body i.tiny{font-size:1rem}body i.small{font-size:2rem}body i.medium{font-size:4rem}body i.large{font-size:6rem}body img.responsive-img,body video.responsive-video{max-width:100%;height:auto}body .pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}body .pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}body .pagination li.active a{color:#fff}body .pagination li.active{background-color:#00a7e5}body .pagination li.disabled a{cursor:default;color:#999}body .pagination li i{font-size:2rem}body .pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width : 992px){body .pagination{width:100%}body .pagination li.prev,body .pagination li.next{width:10%}body .pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}body .breadcrumb{font-size:14px;color:#4e5c62;font-weight:600}body .breadcrumb i,body .breadcrumb [class^=mdi-],body .breadcrumb [class*=mdi-],body .breadcrumb i.material-icons{display:inline-block;float:left;font-size:15px;line-height:65px}body .breadcrumb:before{content:"";color:#4e5c62;vertical-align:top;display:inline-block;font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 0;-webkit-font-smoothing:antialiased}body .breadcrumb:first-child{margin-left:16px}body .breadcrumb:first-child:before{display:none}body .breadcrumb:last-child{font-weight:400;vertical-align:middle}body .breadcrumb.route{color:#4e5c62;padding:8px;border-radius:4px;transition:.3s ease-out;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:25vw;line-height:25px;vertical-align:middle}body .breadcrumb.route:hover{background:rgba(13,20,23,.08)}body .breadcrumb.route:focus{background:rgba(13,20,23,.16)}body .parallax-container{position:relative;overflow:hidden;height:500px}body .parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}body .parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;transform:translateX(-50%)}body .pin-top,body .pin-bottom{position:relative}body .pinned{position:fixed !important}body ul.staggered-list li{opacity:0}body .fade-in{opacity:0;transform-origin:0 50%}@media only screen and (max-width : 600px){body .hide-on-small-only,body .hide-on-small-and-down{display:none !important}}@media only screen and (max-width : 992px){body .hide-on-med-and-down{display:none !important}}@media only screen and (min-width : 601px){body .hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px)and (max-width: 992px){body .hide-on-med-only{display:none !important}}@media only screen and (min-width : 993px){body .hide-on-large-only{display:none !important}}@media only screen and (min-width : 1201px){body .hide-on-extra-large-only{display:none !important}}@media only screen and (min-width : 1201px){body .show-on-extra-large{display:block !important}}@media only screen and (min-width : 993px){body .show-on-large{display:block !important}}@media only screen and (min-width: 600px)and (max-width: 992px){body .show-on-medium{display:block !important}}@media only screen and (max-width : 600px){body .show-on-small{display:block !important}}@media only screen and (min-width : 601px){body .show-on-medium-and-up{display:block !important}}@media only screen and (max-width : 992px){body .show-on-medium-and-down{display:block !important}}@media only screen and (max-width : 600px){body .center-on-small-only{text-align:center}}body .page-footer{padding-top:20px;color:#fff;background-color:#00a7e5}body .page-footer .footer-copyright{overflow:hidden;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:rgba(255,255,255,.8);background-color:rgba(51,51,51,.08)}body table,body th,body td{border:none}body table{width:100%;display:table;border-collapse:collapse;border-spacing:0}body table.striped tr{border-bottom:none}body table.striped>tbody>tr:nth-child(odd){background-color:rgba(242,242,242,.5)}body table.striped>tbody>tr>td{border-radius:0}body table.highlight>tbody>tr{transition:background-color .25s ease}body table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,.5)}body table.centered thead tr th,body table.centered tbody tr td{text-align:center}body tr{border-bottom:1px solid #e1e1e1}body td{word-break:break-word}body td,body th{padding:0 16px;display:table-cell;text-align:left;vertical-align:middle;height:56px;font-size:14px;line-height:24px;color:#4e5c62}body thead td,body thead th{text-align:center}body .table_header{font-size:16px;line-height:24px;color:#4e5c62;font-weight:600;padding:21px}@media only screen and (max-width : 992px){body table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}body table.responsive-table td:empty:before{content:" "}body table.responsive-table th,body table.responsive-table td{margin:0;vertical-align:top}body table.responsive-table th{text-align:left}body table.responsive-table thead{display:block;float:left}body table.responsive-table thead tr{display:block;padding:0 10px 0 0}body table.responsive-table thead tr th::before{content:" "}body table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}body table.responsive-table tbody tr{display:inline-block;vertical-align:top}body table.responsive-table th{display:block;text-align:right}body table.responsive-table td{display:block;min-height:1.25em;text-align:left}body table.responsive-table tr{border-bottom:none;padding:0 10px}body table.responsive-table thead{border:0;border-right:1px solid #e1e1e1}}body .collection{border-radius:2px;overflow:hidden;position:relative}body .collection .collection-item{color:#0d1417;background-color:#fff;line-height:1.5rem;padding:8px 12px;margin:0}body .collection .collection-item.narrow{padding:8px 12px}body .collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}body .collection .collection-item.avatar:not(.circle-clipper)>.circle,body .collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}body .collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}body .collection .collection-item.avatar .title{font-size:16px}body .collection .collection-item.avatar p{margin:0}body .collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}body .collection .collection-item:last-child{border-bottom:none}body .collection .collection-item.active{background-color:rgba(0,167,229,.16);font-weight:500}body .collection .collection-item.active .secondary-content{color:#fff}body .collection .collection-item:not(.active):not(:has(>.disabled)):hover{background-color:rgba(0,167,229,.08)}body .collection .collection-item>i,body .collection .collection-item>[class^=mdi-],body .collection .collection-item li>a>[class*=mdi-],body .collection .collection-item>i.material-icons{float:left;margin:0 20px 0 0;width:24px;color:currentColor}body .collection a.collection-item{display:block;transition:.25s;outline:none}body .collection a.collection-item:not(.active):hover{background-color:rgba(0,167,229,.08)}body .collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}body .collection.with-header .collection-item{padding-left:30px}body .collection.with-header .collection-item.avatar{padding-left:72px}body .secondary-content{float:right;color:#00a7e5}body .collapsible .collection{margin:0;border:none}body .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}body .video-container iframe,body .video-container object,body .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}body .progress{position:relative;height:4px;display:block;width:100%;background-color:#b2eaff;border-radius:2px;margin:12px 0 24px 0;overflow:hidden}body .progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#00a7e5;transition:width .3s linear}body .progress .indeterminate{background-color:#00a7e5}body .progress .indeterminate:before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}body .progress .indeterminate:after{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}body .hide{display:none !important}body .left-align{text-align:left}body .right-align{text-align:right}body .center,body .center-align{text-align:center}body .left{float:left !important}body .right{float:right !important}body .no-select,body input[type=range],body input[type=range]+.thumb{user-select:none}body .circle{border-radius:50%}body .center-block{display:block;margin-left:auto;margin-right:auto}body .truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .no-padding{padding:0 !important}body .material-icons,body .material-icons-outlined{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}body .material-icons.color-ok,body .material-icons-outlined.color-ok{color:#0d874c}body .material-icons.color-err,body .material-icons-outlined.color-err{color:#dd3711}body .material-icons.import-size,body .material-icons-outlined.import-size{font-size:inherit}body .material-icons.md-18,body .material-icons-outlined.md-18{font-size:18px;line-height:36px}body .material-icons-outlined{font-family:"Material Icons Outlined"}body .content-center-wrap{height:100%;width:100%}body .content-center-wrap>.content-center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}body .content-center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}body .noDataTemplate{padding:20px 0}body .noDataTemplate .icon{color:#4e5c62;opacity:.45}body .noDataTemplate label{color:#4e5c62}body .flex-column{display:flex;flex-direction:column}body span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:14px;line-height:22px;height:22px;color:#757575;float:right;box-sizing:border-box}body span.badge.new{font-weight:300;font-size:.8rem;color:#fff;background-color:#00a7e5;border-radius:2px}body span.badge.new:after{content:" new"}body span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}body nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}body .collection-item span.badge{margin-top:calc(0.75rem - 11px)}body .collapsible span.badge{margin-left:auto}body .sidenav span.badge{margin-top:calc(24px - 11px)}body table span.badge{display:inline-block;float:none;margin-left:auto}body .material-icons{text-rendering:optimizeLegibility;font-feature-settings:"liga"}body .container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width : 601px){body .container{width:85%}}@media only screen and (min-width : 993px){body .container{width:70%}}body .col .row{margin-left:-12px;margin-right:-12px}body .section{padding-top:1rem;padding-bottom:1rem}body .section.no-pad{padding:0}body .section.no-pad-bot{padding-bottom:0}body .section.no-pad-top{padding-top:0}body .row{margin-left:auto;margin-right:auto}body .row.height-max{display:flex;overflow:visible;flex-wrap:wrap;margin-bottom:0}body .row.height-max .col{margin-bottom:24px;flex:1 1 auto}body .row.height-max .col>*{height:100%}body .row.height-max .col>.card{margin-bottom:0}body .row.no-pad>.col{padding:0}body .row:after{content:"";display:table;clear:both}body .row .col{float:left;box-sizing:border-box;padding:0 12px;min-height:1px}body .row .col[class*=push-],body .row .col[class*=pull-]{position:relative}body .row .col.centered>*{display:flex;align-items:center;justify-content:center}body .row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}body .row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}body .row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}body .row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}body .row .col.offset-s1{margin-left:8.3333333333%}body .row .col.pull-s1{right:8.3333333333%}body .row .col.push-s1{left:8.3333333333%}body .row .col.offset-s2{margin-left:16.6666666667%}body .row .col.pull-s2{right:16.6666666667%}body .row .col.push-s2{left:16.6666666667%}body .row .col.offset-s3{margin-left:25%}body .row .col.pull-s3{right:25%}body .row .col.push-s3{left:25%}body .row .col.offset-s4{margin-left:33.3333333333%}body .row .col.pull-s4{right:33.3333333333%}body .row .col.push-s4{left:33.3333333333%}body .row .col.offset-s5{margin-left:41.6666666667%}body .row .col.pull-s5{right:41.6666666667%}body .row .col.push-s5{left:41.6666666667%}body .row .col.offset-s6{margin-left:50%}body .row .col.pull-s6{right:50%}body .row .col.push-s6{left:50%}body .row .col.offset-s7{margin-left:58.3333333333%}body .row .col.pull-s7{right:58.3333333333%}body .row .col.push-s7{left:58.3333333333%}body .row .col.offset-s8{margin-left:66.6666666667%}body .row .col.pull-s8{right:66.6666666667%}body .row .col.push-s8{left:66.6666666667%}body .row .col.offset-s9{margin-left:75%}body .row .col.pull-s9{right:75%}body .row .col.push-s9{left:75%}body .row .col.offset-s10{margin-left:83.3333333333%}body .row .col.pull-s10{right:83.3333333333%}body .row .col.push-s10{left:83.3333333333%}body .row .col.offset-s11{margin-left:91.6666666667%}body .row .col.pull-s11{right:91.6666666667%}body .row .col.push-s11{left:91.6666666667%}body .row .col.offset-s12{margin-left:100%}body .row .col.pull-s12{right:100%}body .row .col.push-s12{left:100%}@media only screen and (min-width : 601px){body .row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}body .row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}body .row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}body .row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}body .row .col.offset-m1{margin-left:8.3333333333%}body .row .col.pull-m1{right:8.3333333333%}body .row .col.push-m1{left:8.3333333333%}body .row .col.offset-m2{margin-left:16.6666666667%}body .row .col.pull-m2{right:16.6666666667%}body .row .col.push-m2{left:16.6666666667%}body .row .col.offset-m3{margin-left:25%}body .row .col.pull-m3{right:25%}body .row .col.push-m3{left:25%}body .row .col.offset-m4{margin-left:33.3333333333%}body .row .col.pull-m4{right:33.3333333333%}body .row .col.push-m4{left:33.3333333333%}body .row .col.offset-m5{margin-left:41.6666666667%}body .row .col.pull-m5{right:41.6666666667%}body .row .col.push-m5{left:41.6666666667%}body .row .col.offset-m6{margin-left:50%}body .row .col.pull-m6{right:50%}body .row .col.push-m6{left:50%}body .row .col.offset-m7{margin-left:58.3333333333%}body .row .col.pull-m7{right:58.3333333333%}body .row .col.push-m7{left:58.3333333333%}body .row .col.offset-m8{margin-left:66.6666666667%}body .row .col.pull-m8{right:66.6666666667%}body .row .col.push-m8{left:66.6666666667%}body .row .col.offset-m9{margin-left:75%}body .row .col.pull-m9{right:75%}body .row .col.push-m9{left:75%}body .row .col.offset-m10{margin-left:83.3333333333%}body .row .col.pull-m10{right:83.3333333333%}body .row .col.push-m10{left:83.3333333333%}body .row .col.offset-m11{margin-left:91.6666666667%}body .row .col.pull-m11{right:91.6666666667%}body .row .col.push-m11{left:91.6666666667%}body .row .col.offset-m12{margin-left:100%}body .row .col.pull-m12{right:100%}body .row .col.push-m12{left:100%}}@media only screen and (min-width : 993px){body .row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}body .row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}body .row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}body .row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}body .row .col.offset-l1{margin-left:8.3333333333%}body .row .col.pull-l1{right:8.3333333333%}body .row .col.push-l1{left:8.3333333333%}body .row .col.offset-l2{margin-left:16.6666666667%}body .row .col.pull-l2{right:16.6666666667%}body .row .col.push-l2{left:16.6666666667%}body .row .col.offset-l3{margin-left:25%}body .row .col.pull-l3{right:25%}body .row .col.push-l3{left:25%}body .row .col.offset-l4{margin-left:33.3333333333%}body .row .col.pull-l4{right:33.3333333333%}body .row .col.push-l4{left:33.3333333333%}body .row .col.offset-l5{margin-left:41.6666666667%}body .row .col.pull-l5{right:41.6666666667%}body .row .col.push-l5{left:41.6666666667%}body .row .col.offset-l6{margin-left:50%}body .row .col.pull-l6{right:50%}body .row .col.push-l6{left:50%}body .row .col.offset-l7{margin-left:58.3333333333%}body .row .col.pull-l7{right:58.3333333333%}body .row .col.push-l7{left:58.3333333333%}body .row .col.offset-l8{margin-left:66.6666666667%}body .row .col.pull-l8{right:66.6666666667%}body .row .col.push-l8{left:66.6666666667%}body .row .col.offset-l9{margin-left:75%}body .row .col.pull-l9{right:75%}body .row .col.push-l9{left:75%}body .row .col.offset-l10{margin-left:83.3333333333%}body .row .col.pull-l10{right:83.3333333333%}body .row .col.push-l10{left:83.3333333333%}body .row .col.offset-l11{margin-left:91.6666666667%}body .row .col.pull-l11{right:91.6666666667%}body .row .col.push-l11{left:91.6666666667%}body .row .col.offset-l12{margin-left:100%}body .row .col.pull-l12{right:100%}body .row .col.push-l12{left:100%}}@media only screen and (min-width : 1201px){body .row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}body .row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}body .row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}body .row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}body .row .col.offset-xl1{margin-left:8.3333333333%}body .row .col.pull-xl1{right:8.3333333333%}body .row .col.push-xl1{left:8.3333333333%}body .row .col.offset-xl2{margin-left:16.6666666667%}body .row .col.pull-xl2{right:16.6666666667%}body .row .col.push-xl2{left:16.6666666667%}body .row .col.offset-xl3{margin-left:25%}body .row .col.pull-xl3{right:25%}body .row .col.push-xl3{left:25%}body .row .col.offset-xl4{margin-left:33.3333333333%}body .row .col.pull-xl4{right:33.3333333333%}body .row .col.push-xl4{left:33.3333333333%}body .row .col.offset-xl5{margin-left:41.6666666667%}body .row .col.pull-xl5{right:41.6666666667%}body .row .col.push-xl5{left:41.6666666667%}body .row .col.offset-xl6{margin-left:50%}body .row .col.pull-xl6{right:50%}body .row .col.push-xl6{left:50%}body .row .col.offset-xl7{margin-left:58.3333333333%}body .row .col.pull-xl7{right:58.3333333333%}body .row .col.push-xl7{left:58.3333333333%}body .row .col.offset-xl8{margin-left:66.6666666667%}body .row .col.pull-xl8{right:66.6666666667%}body .row .col.push-xl8{left:66.6666666667%}body .row .col.offset-xl9{margin-left:75%}body .row .col.pull-xl9{right:75%}body .row .col.push-xl9{left:75%}body .row .col.offset-xl10{margin-left:83.3333333333%}body .row .col.pull-xl10{right:83.3333333333%}body .row .col.push-xl10{left:83.3333333333%}body .row .col.offset-xl11{margin-left:91.6666666667%}body .row .col.pull-xl11{right:91.6666666667%}body .row .col.push-xl11{left:91.6666666667%}body .row .col.offset-xl12{margin-left:100%}body .row .col.pull-xl12{right:100%}body .row .col.push-xl12{left:100%}}@media only screen and (min-width : 1601px){body .row .col.xxl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xxl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xxl3{width:25%;margin-left:auto;left:auto;right:auto}body .row .col.xxl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xxl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xxl6{width:50%;margin-left:auto;left:auto;right:auto}body .row .col.xxl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xxl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xxl9{width:75%;margin-left:auto;left:auto;right:auto}body .row .col.xxl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}body .row .col.xxl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}body .row .col.xxl12{width:100%;margin-left:auto;left:auto;right:auto}body .row .col.offset-xxl1{margin-left:8.3333333333%}body .row .col.pull-xxl1{right:8.3333333333%}body .row .col.push-xxl1{left:8.3333333333%}body .row .col.offset-xxl2{margin-left:16.6666666667%}body .row .col.pull-xxl2{right:16.6666666667%}body .row .col.push-xxl2{left:16.6666666667%}body .row .col.offset-xxl3{margin-left:25%}body .row .col.pull-xxl3{right:25%}body .row .col.push-xxl3{left:25%}body .row .col.offset-xxl4{margin-left:33.3333333333%}body .row .col.pull-xxl4{right:33.3333333333%}body .row .col.push-xxl4{left:33.3333333333%}body .row .col.offset-xxl5{margin-left:41.6666666667%}body .row .col.pull-xxl5{right:41.6666666667%}body .row .col.push-xxl5{left:41.6666666667%}body .row .col.offset-xxl6{margin-left:50%}body .row .col.pull-xxl6{right:50%}body .row .col.push-xxl6{left:50%}body .row .col.offset-xxl7{margin-left:58.3333333333%}body .row .col.pull-xxl7{right:58.3333333333%}body .row .col.push-xxl7{left:58.3333333333%}body .row .col.offset-xxl8{margin-left:66.6666666667%}body .row .col.pull-xxl8{right:66.6666666667%}body .row .col.push-xxl8{left:66.6666666667%}body .row .col.offset-xxl9{margin-left:75%}body .row .col.pull-xxl9{right:75%}body .row .col.push-xxl9{left:75%}body .row .col.offset-xxl10{margin-left:83.3333333333%}body .row .col.pull-xxl10{right:83.3333333333%}body .row .col.push-xxl10{left:83.3333333333%}body .row .col.offset-xxl11{margin-left:91.6666666667%}body .row .col.pull-xxl11{right:91.6666666667%}body .row .col.push-xxl11{left:91.6666666667%}body .row .col.offset-xxl12{margin-left:100%}body .row .col.pull-xxl12{right:100%}body .row .col.push-xxl12{left:100%}}body .navbar-fixed{position:relative;height:56px;z-index:995;margin-top:-3px}body .navbar-fixed nav{position:fixed;min-height:64px}body .navbar-fixed nav.content{padding:0 16px;width:-webkit-fill-available;width:-moz-available;display:flex;align-items:center;justify-content:space-between}body .navbar-fixed nav .left,body .navbar-fixed nav .helpable-container{display:flex;align-items:center}@media only screen and (min-width : 601px){body nav.nav-extended .nav-wrapper{min-height:64px}body nav,body nav .nav-wrapper i,body nav a.sidenav-trigger,body nav a.sidenav-trigger i{min-height:64px;line-height:64px}body .navbar-fixed{height:64px}}body a{text-decoration:none;color:#0084b4}body a.no-outline{outline:none}body{line-height:1.5;font-size:14px;font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;font-weight:normal;color:#4e5c62}@media only screen and (min-width: 0){body{font-size:14px}}@media only screen and (min-width: 992px){body{font-size:14px}}@media only screen and (min-width: 1200px){body{font-size:14.5px}}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:400;line-height:1.3}body h1 a,body h2 a,body h3 a,body h4 a,body h5 a,body h6 a{font-weight:inherit}body h1{font-size:24px;line-height:40px;font-weight:700;margin:16px 0 9.6px 0}body #content h2{font-size:20px;line-height:32px;font-weight:700;margin:13.3333333333px 0 8px 0}body #content h3{font-size:16px;line-height:24px;font-weight:600;margin:10.6666666667px 0 6.4px 0}body h4{font-size:14px;line-height:24px;font-weight:600;margin:9.3333333333px 0 5.6px 0}body h5{font-size:12px;line-height:20px;color:#4e5c62;text-transform:uppercase;font-weight:600;margin:8px 0 4.8px 0}body h6{font-size:12px;line-height:20px;color:#4e5c62;font-weight:500;margin:8px 0 4.8px 0}body em{font-style:italic}body strong{font-weight:600}body b{font-weight:700}body small{font-size:75%}body .light{font-weight:300}body .thin{font-weight:200}@media only screen and (min-width: 360px){body .flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){body .flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){body .flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){body .flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){body .flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){body .flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){body .flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){body .flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){body .flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){body .flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){body .flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){body .flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){body .flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){body .flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){body .flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){body .flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){body .flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){body .flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){body .flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){body .flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){body .flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){body .flow-text{font-size:1.2rem}}body code,body pre{font-family:"Source Code Pro",Courier,monospace}body .scale-transition{transition:transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}body .scale-transition.scale-out{transform:scale(0);transition:transform .2s !important}body .scale-transition.scale-in{transform:scale(1)}body .card-panel{transition:box-shadow .25s;padding:16px;margin:12px 0 24px 0;border-radius:2px;background-color:#fff}body .card{position:relative;background-color:#fff;transition:box-shadow .25s;border-radius:4px}body .card .card-title{font-size:16px;font-weight:600}body .card .card-title.activator{cursor:pointer}body .card.small,body .card.medium,body .card.large{position:relative}body .card.small .card-image,body .card.medium .card-image,body .card.large .card-image{max-height:60%;overflow:hidden}body .card.small .card-image+.card-content,body .card.medium .card-image+.card-content,body .card.large .card-image+.card-content{max-height:40%}body .card.small .card-content,body .card.medium .card-content,body .card.large .card-content{max-height:100%;overflow:hidden}body .card.small .card-action,body .card.medium .card-action,body .card.large .card-action{position:absolute;bottom:0;left:0;right:0}body .card.small{height:300px}body .card.medium{height:400px}body .card.large{height:500px}body .card.horizontal{display:flex}body .card.horizontal.small .card-image,body .card.horizontal.medium .card-image,body .card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}body .card.horizontal.small .card-image img,body .card.horizontal.medium .card-image img,body .card.horizontal.large .card-image img{height:100%}body .card.horizontal.small .card-short-info,body .card.horizontal.medium .card-short-info,body .card.horizontal.large .card-short-info{padding:30px}body .card.horizontal.small .card-short-info *,body .card.horizontal.medium .card-short-info *,body .card.horizontal.large .card-short-info *{text-align:center}body .card.horizontal .card-image{max-width:50%}body .card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}body .card.horizontal .card-stacked{display:flex;flex-direction:column;flex:1;position:relative}body .card.horizontal .card-stacked .card-content{flex-grow:1}body .card.sticky-action .card-action{z-index:2}body .card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}body .card .card-image{position:relative}body .card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}body .card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:16px}body .card .card-content{padding:16px;border-radius:4px}body .card .card-content p{margin:0}body .card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}body .card .card-content .card-title i{line-height:32px}body .card .card-action{background-color:inherit;border-top:1px solid rgba(160,160,160,.2);position:relative;padding:16px 16px}body .card .card-action:last-child{border-radius:0 0 2px 2px}body .card .card-reveal{padding:16px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}body .card .card-reveal .card-title{cursor:pointer;display:block}body .tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;margin:0 auto;white-space:nowrap}body .tabs.tabs-transparent{background-color:rgba(0,0,0,0)}body .tabs.tabs-transparent .tab a,body .tabs.tabs-transparent .tab.disabled a,body .tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,.7)}body .tabs.tabs-transparent .tab a:hover,body .tabs.tabs-transparent .tab a.active{color:#fff}body .tabs.tabs-transparent .indicator{background-color:#fff}body .tabs.tabs-fixed-width{display:flex}body .tabs.tabs-fixed-width .tab{flex-grow:1}body .tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0}body .tabs .tab a{color:#4e5c62;display:block;width:100%;height:100%;padding:0 16px;font-size:14px;text-overflow:ellipsis;overflow:hidden;transition:color .28s ease,background-color .28s ease;cursor:pointer}body .tabs .tab a:focus,body .tabs .tab a:focus.active{outline:none}body .tabs .tab a:hover,body .tabs .tab a.active{background-color:rgba(0,0,0,0);color:#0d1417;font-weight:600}body .tabs .tab.disabled a,body .tabs .tab.disabled a:hover{color:rgba(78,92,98,.4);font-weight:300;cursor:default}body .tabs .indicator{position:absolute;bottom:0;height:4px;background-color:#00a7e5;will-change:left,right}@media only screen and (max-width : 992px){body .tabs{display:flex}body .tabs .tab{flex-grow:1}body .tabs .tab a{padding:0 12px}}body .material-tooltip{padding:10px 8px;font-size:14px;z-index:2000;border-radius:4px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:#323232}body .backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;transform-origin:50% 0;visibility:hidden}body .tooltipyo .arrow_box{position:relative;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px}body .tooltipyo .arrow_box:after,body .tooltipyo .arrow_box:before{border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none}body .tooltipyo .arrow_box>*{width:300px}body .tooltipyo.top .arrow_box:before{bottom:100%;left:50%;border-bottom-color:#e6e6e6;border-width:12px;margin-left:-12px}body .tooltipyo.top .arrow_box:after{bottom:100%;left:50%;border-bottom-color:#fff;border-width:12px;margin-left:-12px}body .tooltipyo.right .arrow_box:before{top:50%;left:100%;border-left-color:#e6e6e6;border-width:12px;margin-top:-12px}body .tooltipyo.bottom .arrow_box:before{top:100%;left:50%;border-top-color:#e6e6e6;border-width:12px;margin-left:-12px}body .tooltipyo.left .arrow_box:before{right:100%;top:50%;border-right-color:#e6e6e6;border-width:12px;margin-top:-12px}body .btn,body .btn-small,body .btn-large,body .btn-flat{border:#00a7e5;border-radius:4px;display:inline-block;height:32px;line-height:32px;padding:0 16px;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0)}body .btn i.left,body .btn-small i.left,body .btn-large i.left,body .btn-flat i.left{margin:0 16px;margin-left:0}body .btn i.right,body .btn-small i.right,body .btn-large i.right,body .btn-flat i.right{margin:0 16px;margin-right:0}body .btn.dropdown,body .dropdown.btn-small,body .dropdown.btn-large,body .btn-flat.dropdown{border-color:#e1e1e1 !important}body .btn.dropdown i.arrow,body .dropdown.btn-small i.arrow,body .dropdown.btn-large i.arrow,body .btn-flat.dropdown i.arrow{margin:0 -8px 0 5px}body .btn.disabled,body .btn-floating.disabled,body .btn-large.disabled,body .btn-small.disabled,body .btn-flat.disabled,body .btn:disabled,body .btn-floating:disabled,body .btn-large:disabled,body .btn-small:disabled,body .btn-flat:disabled,body .btn[disabled],body .btn-floating[disabled],body .btn-large[disabled],body .btn-small[disabled],body .btn-flat[disabled]{background-color:#dfdfdf !important;box-shadow:none;color:rgba(34,52,59,.45) !important;cursor:default}body .btn.disabled:hover,body .btn-floating.disabled:hover,body .btn-large.disabled:hover,body .btn-small.disabled:hover,body .btn-flat.disabled:hover,body .btn:disabled:hover,body .btn-floating:disabled:hover,body .btn-large:disabled:hover,body .btn-small:disabled:hover,body .btn-flat:disabled:hover,body .btn[disabled]:hover,body .btn-floating[disabled]:hover,body .btn-large[disabled]:hover,body .btn-small[disabled]:hover,body .btn-flat[disabled]:hover{background-color:#dfdfdf !important;color:rgba(34,52,59,.45) !important}body .btn,body .btn-floating,body .btn-large,body .btn-small,body .btn-flat{font-size:14px;outline:0}body .btn i,body .btn-floating i,body .btn-large i,body .btn-small i,body .btn-flat i{font-size:1.3rem;line-height:inherit}body .btn,body .btn-small,body .btn-large{text-decoration:none;color:#fff;text-align:center;letter-spacing:.5px;cursor:pointer}body .btn.secondary,body .secondary.btn-small,body .secondary.btn-large{background:rgba(0,0,0,0);border:1px solid #00a7e5;color:#00a7e5}body .btn.secondary:hover,body .secondary.btn-small:hover,body .secondary.btn-large:hover{background:rgba(13,20,23,.08)}body .btn.secondary.disabled,body .secondary.disabled.btn-small,body .secondary.disabled.btn-large,body .btn.secondary.secondary[disabled],body .secondary.secondary[disabled].btn-small,body .secondary.secondary[disabled].btn-large{background-color:rgba(0,0,0,0) !important;color:#b3b3b3 !important;border-color:rgba(13,20,23,.08);cursor:default}body .btn.tertiary,body .tertiary.btn-small,body .tertiary.btn-large{background:rgba(0,0,0,0);border:1px solid #0d1417;color:#22343b}body .btn.tertiary:hover,body .tertiary.btn-small:hover,body .tertiary.btn-large:hover{background:rgba(13,20,23,.08)}body .btn.tertiary.disabled,body .tertiary.disabled.btn-small,body .tertiary.disabled.btn-large,body .btn.tertiary.tertiary[disabled],body .tertiary.tertiary[disabled].btn-small,body .tertiary.tertiary[disabled].btn-large{background-color:rgba(0,0,0,0) !important;color:#b3b3b3 !important;border-color:rgba(13,20,23,.08);cursor:default}body .btn.no-shadow,body .no-shadow.btn-small,body .no-shadow.btn-large{box-shadow:none}body .btn-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#00a7e5;border-radius:50%;transition:background-color .3s;cursor:pointer;vertical-align:middle}body .btn-floating:hover{background-color:#00a7e5}body .btn-floating:before{border-radius:0}body .btn-floating.btn-large{width:56px;height:56px;padding:0}body .btn-floating.btn-large.halfway-fab{bottom:-28px}body .btn-floating.btn-large i{line-height:56px}body .btn-floating.btn-small{width:28.8px;height:28.8px}body .btn-floating.btn-small.halfway-fab{bottom:-14.4px}body .btn-floating.btn-small i{line-height:28.8px}body .btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}body .btn-floating.halfway-fab.left{right:auto;left:24px}body .btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}body button.btn-floating{border:#00a7e5}body .fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}body .fixed-action-btn.active ul{visibility:visible}body .fixed-action-btn.direction-left,body .fixed-action-btn.direction-right{padding:0 0 0 15px}body .fixed-action-btn.direction-left ul,body .fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;transform:translateY(-50%);height:100%;left:auto;width:500px}body .fixed-action-btn.direction-left ul li,body .fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}body .fixed-action-btn.direction-right{padding:0 15px 0 0}body .fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}body .fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}body .fixed-action-btn.direction-bottom{padding:0 0 15px 0}body .fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:flex;flex-direction:column-reverse}body .fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}body .fixed-action-btn.toolbar{padding:0;height:56px}body .fixed-action-btn.toolbar.active>a i{opacity:0}body .fixed-action-btn.toolbar ul{display:flex;top:0;bottom:0;z-index:1}body .fixed-action-btn.toolbar ul li{flex:1;display:inline-block;margin:0;height:100%;transition:none}body .fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0);box-shadow:none;color:#fff;line-height:56px;z-index:1}body .fixed-action-btn.toolbar ul li a i{line-height:inherit}body .fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}body .fixed-action-btn ul li{margin-bottom:15px}body .fixed-action-btn ul a.btn-floating{opacity:0}body .fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#00a7e5;border-radius:50%;transform:scale(0)}body .btn-flat{box-shadow:none;background-color:rgba(0,0,0,0);color:#00a7e5;cursor:pointer;transition:background-color .2s;font-weight:400}body .btn-flat:hover{background-color:rgba(0,168,229,.08)}body .btn-flat:active{background-color:rgba(0,167,229,.16)}body .btn-flat:focus{background-color:rgba(0,167,229,.16)}body .btn-flat.disabled,body .btn-flat.btn-flat[disabled]{background-color:rgba(0,0,0,0) !important;color:#b3b3b3 !important;cursor:default}body .btn-flat.dark{color:#0d1417}body .btn-flat.dark:hover{background-color:rgba(13,20,23,.08)}body .btn-flat.dark:active{background-color:rgba(0,0,0,.1)}body .btn-flat.dark:focus{background-color:rgba(0,0,0,.1)}body .btn-large{height:48px;line-height:48px;font-size:15px;padding:0 28px}body .btn-large i{font-size:1.6rem}body .btn-small{height:28.8px;line-height:28.8px;font-size:13px}body .btn-small i{font-size:1.2rem}body .btn-block{display:block}body #login-button{background-color:#00a7e5}body #login-button:focus{outline:none;background-color:#00b6f9}body .dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;transform-origin:0 0}body .dropdown-content:focus{outline:0;border-radius:4px}body .dropdown-content li{clear:both;cursor:pointer;min-height:50px;width:100%;text-align:center;color:#4e5c62;font-size:14px;font-weight:600;line-height:20px}body .dropdown-content li:hover,body .dropdown-content li.active{background-color:#f4f4f4}body .dropdown-content li:focus{outline:none}body .dropdown-content li.divider{min-height:0;height:1px}body .dropdown-content li>a,body .dropdown-content li>span{font-size:16px;color:#00a7e5;display:block;line-height:22px;padding:14px 16px}body .dropdown-content li>span>label{top:1px;left:0;height:18px}body .dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body body.keyboard-focused .dropdown-content li:focus{background-color:#e0e0e0}body .input-field.col .dropdown-content [type=checkbox]+label{top:1px;left:0;height:18px;transform:none}body .dropdown-trigger{cursor:pointer}body .waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;z-index:1;transition:.3s ease-out}body .waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,.2);transition:all .7s ease-out;transition-property:transform,opacity;transform:scale(0);pointer-events:none}body .waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,.45)}body .waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,.7)}body .waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,.7)}body .waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,.7)}body .waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,.7)}body .waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,.7)}body .waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,.7)}body .waves-effect.waves-blue .waves-ripple{background-color:rgba(0,167,229,.16)}body .waves-effect input[type=button],body .waves-effect input[type=reset],body .waves-effect input[type=submit]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}body .waves-effect img{position:relative;z-index:-1}body .waves-notransition{transition:none !important}body .waves-circle{transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}body .waves-input-wrapper{border-radius:.2em;vertical-align:bottom}body .waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}body .waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}body .waves-block{display:block}body .waves-effect .waves-ripple{z-index:-1}body .modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}body .modal:focus{outline:none}@media only screen and (max-width : 992px){body .modal{width:80%}}body .modal h1,body .modal h2,body .modal h3,body .modal h4{margin-top:0}body .modal .modal-content{padding:24px}body .modal .modal-close{cursor:pointer}body .modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%;text-align:right}body .modal .modal-footer .btn,body .modal .modal-footer .btn-large,body .modal .modal-footer .btn-small,body .modal .modal-footer .btn-flat{margin:6px 0}body .modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}body .modal.modal-fixed-footer{padding:0;height:70%}body .modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}body .modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,.1);position:absolute;bottom:0}body .modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity}body .collapsible{margin:12px 0 24px 0}body .collapsible.no-shadow{box-shadow:none}body .collapsible>li{border-top:1px solid #ddd}body .collapsible>li:last-child{border-bottom:1px solid #ddd}body .collapsible-header{display:flex;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1.5;padding:16px 16px 16px 8px;background-color:#fff}body .collapsible-header:focus{outline:0}body .collapsible-header i{width:24px;height:24px;display:inline-block;margin-right:8px}body .keyboard-focused .collapsible-header:focus{background-color:#eee}body .collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box;padding:2rem}body .sidenav .collapsible,body .sidenav.fixed .collapsible{border:none;box-shadow:none}body .sidenav .collapsible li,body .sidenav.fixed .collapsible li{padding:0}body .sidenav .collapsible-header,body .sidenav.fixed .collapsible-header{background-color:rgba(0,0,0,0);border:none;line-height:inherit;height:inherit;padding:0 16px}body .sidenav .collapsible-header:hover,body .sidenav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,.05)}body .sidenav .collapsible-header i,body .sidenav.fixed .collapsible-header i{line-height:inherit}body .sidenav .collapsible-body,body .sidenav.fixed .collapsible-body{border:0;background-color:#fff}body .sidenav .collapsible-body li a,body .sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}body .collapsible.popout{border:none;box-shadow:none}body .collapsible.popout>li{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);margin:0 24px;transition:margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}body .collapsible.popout>li.active{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);margin:16px 0}body .chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#f3f3f3;margin-bottom:5px;margin-right:5px}body .chip:focus{outline:none;background-color:#26a69a;color:#fff}body .chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}body .chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}body .chips{border:none;border-bottom:1px solid #9e9e9e;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;transition:all .3s}body .chips.focus{border-bottom:1px solid #26a69a;box-shadow:0 1px 0 0 #26a69a}body .chips:hover{cursor:text}body .chips .input{background:none;border:0;color:rgba(0,0,0,.6);display:inline-block;font-size:16px;height:26px;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}body .chips .input:focus{border:0 !important;box-shadow:none !important}body .chips .autocomplete-content{margin-top:0;margin-bottom:0}body .prefix~.chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}body .chips:empty~label{font-size:.8rem;transform:translateY(-140%)}body .materialboxed{display:block;cursor:zoom-in;position:relative;transition:opacity .4s;-webkit-backface-visibility:hidden}body .materialboxed:hover:not(.active){opacity:.8}body .materialboxed.active{cursor:zoom-out}body #materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}body .materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}body select:focus{outline:1px solid #d6f4ff}body label{font-size:14px;color:#0d1417}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:not(:checked),body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked{position:absolute;opacity:0;pointer-events:none}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:not(:checked)+span,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked+span{position:relative;padding-left:35px;vertical-align:middle;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:14px;transition:.28s ease;user-select:none}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]+span:before,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]+span:after{content:"";position:absolute;left:0;top:-1.5px;margin:4px;width:20px;height:20px;z-index:0;transition:.28s ease}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:not(:checked)+span:before,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:not(:checked)+span:after,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked+span:before,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked+span:after,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:checked+span:before,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:checked+span:after{border-radius:50%}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:not(:checked)+span:before,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:not(:checked)+span:after{border:2px solid #5a5a5a}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:not(:checked)+span:after{transform:scale(0)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked+span:before{border:2px solid rgba(0,0,0,0)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked+span:after,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:checked+span:before,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:checked+span:after{border:2px solid #00a7e5}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked+span:after,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:checked+span:after{background-color:#00a7e5}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:checked+span:after{transform:scale(1.02)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:checked+span:after{transform:scale(0.5)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].tabbed:focus+span:before{box-shadow:0 0 0 10px rgba(0,0,0,.1)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:disabled:checked+span:before{border:2px solid rgba(13,20,23,.45)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio].with-gap:disabled:checked+span:after{border:none;background-color:rgba(13,20,23,.45)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:disabled:not(:checked)+span:before,body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:disabled:checked+span:before{background-color:rgba(0,0,0,0);border-color:rgba(13,20,23,.45)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:disabled+span{color:rgba(13,20,23,.45)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:disabled:not(:checked)+span:before{border-color:rgba(13,20,23,.45)}body *:not(.MuiRadio-root):has(>input[type=radio]) [type=radio]:disabled:checked+span:after{background-color:rgba(13,20,23,.45);border-color:#949494}body *:not(.MuiInputBase-root)>input:not([type]).invalid,body *:not(.MuiInputBase-root)>input:not([type]):focus.invalid,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default).invalid,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):focus.invalid,body *:not(.MuiInputBase-root)>textarea.materialize-textarea.invalid,body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #f44336;box-shadow:0 1px 0 0 #f44336}body *:not(.MuiInputBase-root)>input:not([type]).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input:not([type]):focus.valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input:not([type]).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input:not([type]):focus.invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default).valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default).invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>textarea.materialize-textarea.valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus.valid~.helper-text[data-success],body *:not(.MuiInputBase-root)>textarea.materialize-textarea.invalid~.helper-text[data-error],body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus.invalid~.helper-text[data-error]{color:rgba(0,0,0,0);user-select:none;pointer-events:none}body *:not(.MuiInputBase-root)>input:not([type]).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input:not([type]):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default).valid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):focus.valid~.helper-text:after,body *:not(.MuiInputBase-root)>textarea.materialize-textarea.valid~.helper-text:after,body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus.valid~.helper-text:after{content:attr(data-success);color:#4caf50}body *:not(.MuiInputBase-root)>input:not([type]).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input:not([type]):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default).invalid~.helper-text:after,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):focus.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>textarea.materialize-textarea.invalid~.helper-text:after,body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus.invalid~.helper-text:after{content:attr(data-error);color:#f44336}body *:not(.MuiInputBase-root)>input:not([type])+label:after,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default)+label:after,body *:not(.MuiInputBase-root)>textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;transition:.2s opacity ease-out,.2s color ease-out}body *:not(.MuiInputBase-root) ::placeholder{color:#5e6b78}body *:not(.MuiInputBase-root)>input:not([type]),body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default),body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default),body *:not(.MuiInputBase-root)>textarea.materialize-textarea{background-color:#f7f8f8;border-top-left-radius:4px;border-top-right-radius:4px;outline:none;width:100%;padding:0 16px;height:26px;border:none;border-bottom:2px solid rgba(0,0,0,0);font-size:14px}body *:not(.MuiInputBase-root)>input:not([type]):disabled,body *:not(.MuiInputBase-root)>input:not([type])[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):disabled,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default)[readonly=readonly],body *:not(.MuiInputBase-root)>textarea.materialize-textarea:disabled,body *:not(.MuiInputBase-root)>textarea.materialize-textarea[readonly=readonly]{color:rgba(13,20,23,.45);background:#e4e6e6}body *:not(.MuiInputBase-root)>input:not([type]):disabled+label,body *:not(.MuiInputBase-root)>input:not([type])[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):disabled+label,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default)[readonly=readonly]+label,body *:not(.MuiInputBase-root)>textarea.materialize-textarea:disabled+label,body *:not(.MuiInputBase-root)>textarea.materialize-textarea[readonly=readonly]+label{color:rgba(13,20,23,.45)}body *:not(.MuiInputBase-root)>input:not([type]):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):focus:not([readonly]),body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus:not([readonly]){border-bottom:2px solid #00a7e5}body *:not(.MuiInputBase-root)>input:not([type]):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):focus:not([readonly])+label,body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus:not([readonly])+label{color:#00a7e5}body *:not(.MuiInputBase-root)>input:not([type]):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default):focus.invalid~label,body *:not(.MuiInputBase-root)>textarea.materialize-textarea:focus.invalid~label{color:#f44336}body *:not(.MuiInputBase-root)>input:not([type]).validate+label,body *:not(.MuiInputBase-root)>input[type=text]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=password]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=email]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=url]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=time]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=date]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=datetime]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=datetime-local]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=tel]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=number]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>input[type=search]:not(.browser-default).validate+label,body *:not(.MuiInputBase-root)>textarea.materialize-textarea.validate+label{width:100%}body *:not(.MuiInputBase-root)>textarea{width:100%}body *:not(.MuiInputBase-root)>textarea.materialize-textarea{line-height:normal;padding:4px;box-sizing:border-box}body .input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}body .input-field.inline input,body .input-field.inline .select-dropdown{margin-bottom:1rem}body .input-field.col label{left:12px}body .input-field.col .prefix~label,body .input-field.col .prefix~.validate~label{width:calc(100% - 3rem - 24px)}body .input-field>label{color:#5e6b78;position:absolute;top:0;left:0;font-size:14px;cursor:text;transition:transform .2s ease-out,color .2s ease-out;transform-origin:0 100%;text-align:initial;transform:translateY(10px);padding-left:16px}body .input-field>label:not(.label-icon).active{transform:translateY(-20px);transform-origin:0 0;color:#4e5c62}body .input-field>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label,body .input-field>input[type=date]:not(.browser-default)+label,body .input-field>input[type=time]:not(.browser-default)+label{transform:translateY(-20px);transform-origin:0 0}body .input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,.54)}body .input-field .helper-text::after{opacity:1;position:absolute;top:0;left:0}body .input-field .prefix{position:absolute;width:26px;font-size:32px;transition:color .2s;top:-3px}body .input-field .prefix.active{color:#00a7e5}body .input-field .prefix~input,body .input-field .prefix~textarea,body .input-field .prefix~label,body .input-field .prefix~.validate~label,body .input-field .prefix~.helper-text,body .input-field .prefix~.autocomplete-content{margin-left:3rem;width:calc(100% - 3rem)}body .input-field .prefix~label{margin-left:3rem}@media only screen and (max-width : 992px){body .input-field .prefix~input{width:calc(100% - 3rem)}}@media only screen and (max-width : 600px){body .input-field .prefix~input{width:calc(100% - 3rem)}}body .input-field input[type=search]{display:block;line-height:inherit;transition:.3s background-color}.nav-wrapper body .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;box-shadow:none}body .input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;box-shadow:none;color:#444}body .input-field input[type=search]:focus:not(.browser-default)+label i,body .input-field input[type=search]:focus:not(.browser-default)~.mdi-navigation-close,body .input-field input[type=search]:focus:not(.browser-default)~.material-icons{color:#444}body .input-field input[type=search]+.label-icon{transform:none;left:1rem}body .input-field input[type=search]~.mdi-navigation-close,body .input-field input[type=search]~.material-icons{position:absolute;top:0;right:1rem;color:rgba(0,0,0,0);cursor:pointer;font-size:32px;transition:.3s color}body .hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}body .autocomplete-content li .highlight{color:#444}body .autocomplete-content li img{height:40px;width:40px;margin:5px 15px}body .character-counter{min-height:18px}body [type=checkbox]:not(:checked),body [type=checkbox]:checked{position:absolute;opacity:0}body [type=checkbox]:not(.MuiSwitch-input)+span:not(.lever){position:relative;padding-left:30px;cursor:pointer;display:inline-block;height:20px;line-height:20px;font-size:14px;user-select:none}body [type=checkbox]:not(.MuiSwitch-input)+span:not(.lever):before,body [type=checkbox]:not(.MuiSwitch-input):not(.filled-in)+span:not(.lever):after{content:"";position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:3px;transition:.2s}body [type=checkbox]:not(.MuiSwitch-input):not(.filled-in)+span:not(.lever):after{border:0;transform:scale(0)}body [type=checkbox]:not(.MuiSwitch-input):not(:checked):disabled+span:not(.lever):before{border:none;background-color:rgba(13,20,23,.45)}body [type=checkbox]:not(.MuiSwitch-input).tabbed:focus+span:not(.lever):after{transform:scale(1);border:0;border-radius:50%;box-shadow:0 0 0 10px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}body [type=checkbox]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);border-right:2px solid #00a7e5;border-bottom:2px solid #00a7e5;transform:rotate(40deg);backface-visibility:hidden;transform-origin:100% 100%}body [type=checkbox]:checked:disabled+span:before{border-right:2px solid rgba(13,20,23,.45);border-bottom:2px solid rgba(13,20,23,.45)}body [type=checkbox]:indeterminate+span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #00a7e5;border-bottom:none;transform:rotate(90deg);backface-visibility:hidden;transform-origin:100% 100%}body [type=checkbox]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid rgba(13,20,23,.45);background-color:rgba(0,0,0,0)}body [type=checkbox].filled-in+span:not(.lever):after{border-radius:2px}body [type=checkbox].filled-in+span:not(.lever):before,body [type=checkbox].filled-in+span:not(.lever):after{content:"";left:0;position:absolute;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1}body [type=checkbox].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid rgba(0,0,0,0);left:6px;top:10px;transform:rotateZ(37deg);transform-origin:100% 100%}body [type=checkbox].filled-in:not(:checked)+span:not(.lever):after{height:18px;width:18px;margin:1px;background-color:rgba(0,0,0,0);border:2px solid #5a5a5a;top:0;z-index:0}body [type=checkbox].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotateZ(37deg);transform-origin:100% 100%}body [type=checkbox].filled-in:checked+span:not(.lever):after{top:0;width:18px;height:18px;margin:1px;border:2px solid #00a7e5;background-color:#00a7e5;z-index:0}body [type=checkbox].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,.1)}body [type=checkbox].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:#00a7e5;border-color:#00a7e5}body [type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0)}body [type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:rgba(0,0,0,0);background-color:#949494}body [type=checkbox].filled-in:disabled:checked+span:not(.lever):before{background-color:rgba(0,0,0,0)}body [type=checkbox].filled-in:disabled:checked+span:not(.lever):after{background-color:#949494;border-color:#949494}body .switch,body .switch *{-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}body .switch label{cursor:pointer}body .switch label input[type=checkbox]{opacity:0;width:0;height:0}body .switch label input[type=checkbox]:checked+.lever{background-color:#79cdec}body .switch label input[type=checkbox]:checked+.lever:before,body .switch label input[type=checkbox]:checked+.lever:after{left:18px}body .switch label input[type=checkbox]:checked+.lever:after{background-color:#00a7e5}body .switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:#909495;border-radius:15px;transition:background .3s ease;vertical-align:middle;margin:0 16px}body .switch label .lever:before,body .switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease}body .switch label .lever:before{background-color:rgba(0,167,229,.15)}body .switch label .lever:after{background-color:#f1f1f1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)}body input[type=checkbox]:checked:not(:disabled)~.lever:active::before,body input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before{transform:scale(2.4);background-color:rgba(0,167,229,.15)}body input[type=checkbox]:not(:disabled)~.lever:active:before,body input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before{transform:scale(2.4);background-color:rgba(0,0,0,.08)}body .switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,.12)}body .switch label input[type=checkbox][disabled]+.lever:after,body .switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}body .file-field{position:relative}body .file-field .file-path-wrapper{overflow:hidden;padding:0 10px}body .file-field input.file-path{border-radius:4px;width:100%}body .file-field .btn,body .file-field .btn-large,body .file-field .btn-small{float:left}body .file-field span{cursor:pointer}body .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)}body .file-field input[type=file]::-webkit-file-upload-button{display:none}body .file-field.preview{width:100%;display:flex;justify-content:space-between;align-items:center}body .file-field.preview .input-field{flex:1;margin-right:8px}body .file-field.preview .file-path-description{white-space:nowrap;line-height:32px}body .file-field.preview .file-path-wrapper{width:100%}body .file-field.preview .file-path-wrapper input{width:100%}body .range-field{position:relative}body input[type=range],body input[type=range]+.thumb{cursor:pointer}body input[type=range]{position:relative;background-color:rgba(0,0,0,0);border:none;outline:none;width:100%;margin:15px 0;padding:0}body input[type=range]:focus{outline:none}body input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#00a7e5;margin-left:7px;transform-origin:50% 50%;transform:rotate(-45deg)}body input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#00a7e5;font-size:0;transform:rotate(45deg)}body input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}body input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}body input[type=range]{-webkit-appearance:none}body input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}body input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#00a7e5;transition:box-shadow .3s;-webkit-appearance:none;background-color:#00a7e5;transform-origin:50% 50%;margin:-5px 0 0 0}body .keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(0,167,229,.26)}body input[type=range]{border:1px solid #fff}body input[type=range]::-moz-range-track{height:3px;background:#c2c0c2;border:none}body input[type=range]::-moz-focus-inner{border:0}body input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#00a7e5;transition:box-shadow .3s;margin-top:-5px}body input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}body .keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(0,167,229,.26)}body input[type=range]::-ms-track{height:3px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:6px 0;color:rgba(0,0,0,0)}body input[type=range]::-ms-fill-lower{background:#777}body input[type=range]::-ms-fill-upper{background:#ddd}body input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#00a7e5;transition:box-shadow .3s}body .keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(0,167,229,.26)}body .table-of-contents.fixed{position:fixed}body .table-of-contents li{padding:2px 0}body .table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}body .table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #00a7e5}body .table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #00a7e5}body .sidenav{position:fixed;width:300px;left:0;top:0;margin:0;transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;backface-visibility:hidden;transform:translateX(-105%)}body .sidenav.right-aligned{right:0;transform:translateX(105%);left:auto;transform:translateX(100%)}body .sidenav .collapsible{margin:0}body .sidenav li{float:none;line-height:48px}body .sidenav li.active{background-color:rgba(0,0,0,.05)}body .sidenav li>a{color:rgba(0,0,0,.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}body .sidenav li>a:hover{background-color:rgba(0,0,0,.05)}body .sidenav li>a.btn,body .sidenav li>a.btn-small,body .sidenav li>a.btn-large,body .sidenav li>a.btn-flat,body .sidenav li>a.btn-floating{margin:10px 15px}body .sidenav li>a.btn,body .sidenav li>a.btn-small,body .sidenav li>a.btn-large,body .sidenav li>a.btn-floating{color:#fff}body .sidenav li>a.btn-flat{color:#343434}body .sidenav li>a.btn:hover,body .sidenav li>a.btn-small:hover,body .sidenav li>a.btn-large:hover{background-color:#00baff}body .sidenav li>a.btn-floating:hover{background-color:#00a7e5}body .sidenav li>a>i,body .sidenav li>a>[class^=mdi-],body .sidenav li>a li>a>[class*=mdi-],body .sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,.54)}body .sidenav .divider{margin:8px 0 0 0}body .sidenav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,.54);font-size:14px;font-weight:500;line-height:48px}body .sidenav .subheader:hover{background-color:rgba(0,0,0,0)}body .sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}body .sidenav .user-view>a{height:auto;padding:0}body .sidenav .user-view>a:hover{background-color:rgba(0,0,0,0)}body .sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}body .sidenav .user-view .circle,body .sidenav .user-view .name,body .sidenav .user-view .email{display:block}body .sidenav .user-view .circle{height:64px;width:64px}body .sidenav .user-view .name,body .sidenav .user-view .email{font-size:14px;line-height:24px}body .sidenav .user-view .name{margin-top:16px;font-weight:500}body .sidenav .user-view .email{padding-bottom:16px;font-weight:400}body .drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}body .drag-target.right-aligned{right:0}body .sidenav.sidenav-fixed{left:0;transform:translateX(0);position:fixed}body .sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width : 992px){body .sidenav.sidenav-fixed{transform:translateX(-105%)}body .sidenav.sidenav-fixed.right-aligned{transform:translateX(105%)}body .sidenav>a{padding:0 16px}body .sidenav .user-view{padding:16px 16px 0}}body .sidenav .collapsible-body>ul:not(.collapsible)>li.active,body .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#00a7e5}body .sidenav .collapsible-body>ul:not(.collapsible)>li.active a,body .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}body .sidenav .collapsible-body{padding:0}body .sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}body .preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}body .preloader-wrapper.small{width:36px;height:36px}body .preloader-wrapper.big{width:64px;height:64px}body .preloader-wrapper.active{-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)}}body .spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#00a7e5}body .spinner-blue,body .spinner-blue-only{border-color:#4285f4}body .spinner-red,body .spinner-red-only{border-color:#db4437}body .spinner-yellow,body .spinner-yellow-only{border-color:#f4b400}body .spinner-green,body .spinner-green-only{border-color:#0f9d58}body .active .spinner-layer.spinner-blue{-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}body .active .spinner-layer.spinner-red{-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}body .active .spinner-layer.spinner-yellow{-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}body .active .spinner-layer.spinner-green{-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}body .active .spinner-layer,body .active .spinner-layer.spinner-blue-only,body .active .spinner-layer.spinner-red-only,body .active .spinner-layer.spinner-yellow-only,body .active .spinner-layer.spinner-green-only{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)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@-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}}body .gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}body .gap-patch .circle{width:1000%;left:-450%}body .circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}body .circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:rgba(0,0,0,0) !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}body .circle-clipper.left .circle{left:0;border-right-color:rgba(0,0,0,0) !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}body .circle-clipper.right .circle{left:-100%;border-left-color:rgba(0,0,0,0) !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}body .active .circle-clipper.left .circle{-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}body .active .circle-clipper.right .circle{-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)}}body #spinnerContainer.cooldown{-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}}body .slider{position:relative;height:400px;width:100%}body .slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}body .slider.fullscreen ul.slides{height:100%}body .slider.fullscreen ul.indicators{z-index:2;bottom:30px}body .slider .slides{background-color:#9e9e9e;margin:0;height:400px}body .slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}body .slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}body .slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}body .slider .slides li .caption p{color:#e0e0e0}body .slider .slides li.active{z-index:2}body .slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}body .slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;transition:background-color .3s;border-radius:50%}body .slider .indicators .indicator-item.active{background-color:#4caf50}body .carousel{overflow:hidden;position:relative;width:100%;height:400px;perspective:500px;transform-style:preserve-3d;transform-origin:0% 50%}body .carousel.carousel-slider{top:0;left:0}body .carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}body .carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}body .carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}body .carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}body .carousel.carousel-slider .carousel-item p{font-size:15px}body .carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}body .carousel .carousel-item>img{width:100%}body .carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}body .carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,.5);transition:background-color .3s;border-radius:50%}body .carousel .indicators .indicator-item.active{background-color:#fff}body .carousel.scrolling .carousel-item .materialboxed,body .carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}body .tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;transition:visibility 0s .3s}body .tap-target-wrapper.open{visibility:visible;transition:visibility 0s}body .tap-target-wrapper.open .tap-target{transform:scale(1);opacity:.95;transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1)}body .tap-target-wrapper.open .tap-target-wave::before{transform:scale(1)}body .tap-target-wrapper.open .tap-target-wave::after{visibility:visible;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;transition:opacity .3s,transform .3s,visibility 0s 1s}body .tap-target{position:absolute;font-size:14px;border-radius:50%;background-color:#00a7e5;box-shadow:0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);width:100%;height:100%;opacity:0;transform:scale(0);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1)}body .tap-target-content{position:relative;display:table-cell}body .tap-target-wave{position:absolute;border-radius:50%;z-index:10001}body .tap-target-wave::before,body .tap-target-wave::after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#fff}body .tap-target-wave::before{transform:scale(0);transition:transform .3s}body .tap-target-wave::after{visibility:hidden;transition:opacity .3s,transform .3s,visibility 0s;z-index:-1}body .tap-target-origin{top:50%;left:50%;transform:translate(-50%, -50%);z-index:10002;position:absolute !important}body .tap-target-origin:not(.btn),body .tap-target-origin:not(.btn):hover{background:none}@media only screen and (max-width: 600px){body .tap-target,body .tap-target-wrapper{width:600px;height:600px}}body .pulse{overflow:visible;position:relative}body .pulse::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;transition:opacity .3s,transform .3s;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}100%{opacity:0;transform:scale(1.5)}}body .datepicker-modal{max-width:325px;min-width:300px;max-height:none}body .datepicker-container.modal-content{display:flex;flex-direction:column;padding:0}body .datepicker-controls{display:flex;justify-content:space-between;width:280px;margin:0 auto}body .datepicker-controls .selects-container{display:flex}body .datepicker-controls .selects-container select{display:none}body .datepicker-controls .select-wrapper input{border:none !important;background:rgba(0,0,0,0);border-bottom:none;text-align:center;margin:0}body .datepicker-controls .select-wrapper input:focus{border-bottom:none}body .datepicker-controls .select-wrapper .caret{display:none}body .datepicker-controls .select-year input{width:70px !important}body .datepicker-controls .select-month input{width:90px !important}body .month-prev,body .month-next{margin-top:4px;cursor:pointer;background-color:rgba(0,0,0,0);border:none}body .datepicker-date-display{flex:1 auto;background-color:#00a7e5;color:#fff;padding:20px 22px;font-weight:500}body .datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:rgba(255,255,255,.7)}body .datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}body .datepicker-calendar-container{flex:2.5 auto}body .datepicker-calendar-container .datepicker-controls,body .datepicker-calendar-container .datepicker-footer{margin:16px}body .datepicker-calendar-container .datepicker-controls .confirmation-btns,body .datepicker-calendar-container .datepicker-footer .confirmation-btns{display:flex}body .datepicker-table{width:280px;font-size:14px;margin:0 auto}body .datepicker-table thead{border-bottom:none}body .datepicker-table th{padding:10px 5px;text-align:center;border:none;height:auto}body .datepicker-table tr{border:none}body .datepicker-table abbr{text-decoration:none;color:#999}body .datepicker-table td{border-radius:50%;padding:0;height:auto;border:none}body .datepicker-table td.is-today{color:#00a7e5}body .datepicker-table td.is-selected{background-color:#00a7e5;color:#fff}body .datepicker-table td.is-outside-current-month,body .datepicker-table td.is-disabled{color:rgba(0,0,0,.3);pointer-events:none}body .datepicker-day-button{background-color:rgba(0,0,0,0);border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}body .datepicker-day-button:focus{background-color:rgba(6,164,223,.25)}body .datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:flex;justify-content:space-between}body .datepicker-cancel,body .datepicker-clear,body .datepicker-today,body .datepicker-done{color:#00a7e5;padding:0 1rem}body .datepicker-clear{color:#f44336}@media only screen and (min-width : 601px){body .datepicker-modal{max-width:625px}body .datepicker-container.modal-content{flex-direction:row}body .datepicker-date-display{flex:0 1 270px}body .datepicker-controls,body .datepicker-table,body .datepicker-footer{width:320px}body .datepicker-day-button{line-height:44px}}body .timepicker-modal{max-width:325px;max-height:none}body .timepicker-container.modal-content{display:flex;flex-direction:column;padding:0}body .text-primary{color:#fff}body .timepicker-digital-display{flex:1 auto;background-color:#00a7e5;padding:10px;font-weight:300}body .timepicker-text-container{font-size:4rem;text-align:center;color:rgba(255,255,255,.6);font-weight:400;position:relative;user-select:none}body .timepicker-span-hours,body .timepicker-span-minutes,body .timepicker-span-am-pm div{cursor:pointer}body .timepicker-span-hours{margin-right:3px}body .timepicker-span-minutes{margin-left:3px}body .timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}body .timepicker-analog-display{flex:2.5 auto}body .timepicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;user-select:none}body .timepicker-canvas,body .timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}body .timepicker-minutes{visibility:hidden}body .timepicker-tick{border-radius:50%;color:rgba(0,0,0,.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}body .timepicker-tick.active,body .timepicker-tick:hover{background-color:rgba(0,167,229,.25)}body .timepicker-dial{transition:transform 350ms,opacity 350ms}body .timepicker-dial-out{opacity:0}body .timepicker-dial-out.timepicker-hours{transform:scale(1.1, 1.1)}body .timepicker-dial-out.timepicker-minutes{transform:scale(0.8, 0.8)}body .timepicker-canvas{transition:opacity 175ms}body .timepicker-canvas line{stroke:#00a7e5;stroke-width:4;stroke-linecap:round}body .timepicker-canvas-out{opacity:.25}body .timepicker-canvas-bearing{stroke:none;fill:#00a7e5}body .timepicker-canvas-bg{stroke:none;fill:#00a7e5}body .timepicker-footer{margin:0 auto;padding:5px 1rem;display:flex;justify-content:space-between}body .timepicker-clear{color:#f44336}body .timepicker-close{color:#00a7e5}body .timepicker-clear,body .timepicker-close{padding:0 20px}@media only screen and (min-width : 601px){body .timepicker-modal{max-width:600px}body .timepicker-container.modal-content{flex-direction:row}body .timepicker-text-container{top:32%}body .timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}body .circle-bar{text-align:center}body .circle-bar *{box-sizing:border-box}body .circle-bar .progress-circle{position:relative;display:inline-block;margin:1rem;width:75px;height:75px;border-radius:50%;background-color:#ddd}body .circle-bar .progress-circle:before{content:"";position:absolute;top:8px;left:8px;width:59px;height:59px;border-radius:50%;background-color:#fff}body .circle-bar .progress-circle:after{content:"";display:inline-block;width:100%;height:100%;border-radius:50%;background-color:#2aac5e}body .circle-bar .progress-circle.p--0:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(90deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--1:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(93.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--2:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(97.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--3:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(100.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--4:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(104.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--5:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(108deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--6:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(111.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--7:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(115.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--8:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(118.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--9:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(122.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--10:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(126deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--11:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(129.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--12:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(133.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--13:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(136.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--14:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(140.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--15:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(144deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--16:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(147.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--17:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(151.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--18:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(154.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--19:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(158.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--20:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(162deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--21:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(165.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--22:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(169.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--23:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(172.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--24:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(176.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--25:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(180deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--26:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(183.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--27:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(187.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--28:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(190.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--29:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(194.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--30:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(198deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--31:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(201.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--32:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(205.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--33:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(208.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--34:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(212.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--35:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(216deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--36:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(219.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--37:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(223.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--38:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(226.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--39:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(230.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--40:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(234deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--41:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(237.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--42:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(241.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--43:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(244.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--44:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(248.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--45:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(252deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--46:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(255.6deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--47:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(259.2deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--48:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(262.8deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--49:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(266.4deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--50:after{background-image:linear-gradient(90deg, #ddd 50%, transparent 50%, transparent),linear-gradient(270deg, #2AAC5E 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--51:after{background-image:linear-gradient(-86.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--52:after{background-image:linear-gradient(-82.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--53:after{background-image:linear-gradient(-79.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--54:after{background-image:linear-gradient(-75.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--55:after{background-image:linear-gradient(-72deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--56:after{background-image:linear-gradient(-68.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--57:after{background-image:linear-gradient(-64.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--58:after{background-image:linear-gradient(-61.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--59:after{background-image:linear-gradient(-57.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--60:after{background-image:linear-gradient(-54deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--61:after{background-image:linear-gradient(-50.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--62:after{background-image:linear-gradient(-46.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--63:after{background-image:linear-gradient(-43.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--64:after{background-image:linear-gradient(-39.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--65:after{background-image:linear-gradient(-36deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--66:after{background-image:linear-gradient(-32.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--67:after{background-image:linear-gradient(-28.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--68:after{background-image:linear-gradient(-25.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--69:after{background-image:linear-gradient(-21.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--70:after{background-image:linear-gradient(-18deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--71:after{background-image:linear-gradient(-14.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--72:after{background-image:linear-gradient(-10.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--73:after{background-image:linear-gradient(-7.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--74:after{background-image:linear-gradient(-3.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--75:after{background-image:linear-gradient(0deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--76:after{background-image:linear-gradient(3.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--77:after{background-image:linear-gradient(7.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--78:after{background-image:linear-gradient(10.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--79:after{background-image:linear-gradient(14.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--80:after{background-image:linear-gradient(18deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--81:after{background-image:linear-gradient(21.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--82:after{background-image:linear-gradient(25.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--83:after{background-image:linear-gradient(28.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--84:after{background-image:linear-gradient(32.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--85:after{background-image:linear-gradient(36deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--86:after{background-image:linear-gradient(39.6deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--87:after{background-image:linear-gradient(43.2deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--88:after{background-image:linear-gradient(46.8deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--89:after{background-image:linear-gradient(50.4deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--90:after{background-image:linear-gradient(54deg, #F4B718 50%, transparent 50%, transparent),linear-gradient(270deg, #F4B718 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--91:after{background-image:linear-gradient(57.6deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--92:after{background-image:linear-gradient(61.2deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--93:after{background-image:linear-gradient(64.8deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--94:after{background-image:linear-gradient(68.4deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--95:after{background-image:linear-gradient(72deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--96:after{background-image:linear-gradient(75.6deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--97:after{background-image:linear-gradient(79.2deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--98:after{background-image:linear-gradient(82.8deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--99:after{background-image:linear-gradient(86.4deg, #dd3711 50%, transparent 50%, transparent),linear-gradient(270deg, #dd3711 50%, #ddd 50%, #ddd)}body .circle-bar .progress-circle.p--100:after{background-image:linear-gradient(0deg, #dd3711 100%, #ddd 50%, #ddd)}body .circle-bar .progress-text{position:absolute;top:50%;width:100%;line-height:1;margin-top:-9px;text-align:center;font-size:18px;color:#0d1417}body .monitor .appOverviewTable .ui-jqgrid-hdiv,body .monitor .appOverviewTable .ui-jqgrid-bdiv,body .monitor .nodeOverviewTable .ui-jqgrid-hdiv,body .monitor .nodeOverviewTable .ui-jqgrid-bdiv{overflow:hidden}body .monitor .text-red{color:#dd3711 !important}body .monitor .text-green{color:#0d874c !important}body .monitor .overview .big-number{font-size:48px}body .monitor .overview .half-donut-chart{width:200px;height:100px}body .monitor .overview .card-content h3{color:#4e5c62 !important}body .monitor .appinfopanel{margin:0 !important}body .monitor .appinfopanel .inline{display:inline-block}body .monitor .appinfopanel .card-short-info{min-width:130px;padding:22px;margin:auto 0}body .monitor .appinfopanel .card-short-info .big-number{color:#4e5c62;font-size:48px;line-height:48px;text-align:center}body .monitor .appinfopanel .card-short-info .unit{font-size:20px}body .monitor .appinfopanel .card-stacked{border-left:1px solid #e1e1e1}body .monitor .appinfopanel .card-stacked .card-content h3{margin:0 0 16px 0}body .monitor .appinfopanel .card-stacked .card-content .info-icon{font-size:16px;vertical-align:sub}body .monitor .with-tooltip,body .monitor .info-icon{cursor:pointer}body .monitor .appdetails .appmenu .collection{margin:0}body .monitor-report span.wrap{margin-right:10px;line-height:32px}body .monitor-report .select2-container .select2-choice .select2-chosen{margin-right:13px}body .monitor-report .select2-container .select2-choice .select2-chosen span.icon{font-size:20px;vertical-align:middle;margin-right:4px}body .monitor-report .date-range-picker .custom-range-picker .inner input{background-color:#f7f8f8}body .bulletcharts .bullet-chart{height:100px !important}body .reportType{display:inline-block}body .reportType .report-type-content{padding:15px 20px 20px 20px}body .reportType .report-type-content .title{margin-top:0;margin-bottom:10px}body .reportType .report-type-content .list label{padding-left:5px;margin-bottom:5px;display:flex}body .reportType .report-type-content .picker .picker-text{margin:20px 0 15px 0}body .reportType .report-type-content .picker .date-time-wrap{margin-top:10px;display:flex}body .reportType .report-type-content .picker .date-time-wrap .datePicker{margin-right:5px}body .reportType .report-type-content .picker .date-time-wrap input{border:1px solid #d9d9d9;border-radius:4px;width:100%}body .reportType .report-type-footer{text-align:right;border-top:1px solid #e1e1e1;padding:10px}body .jqgrow.ui-state-hover .grid-drilldown-cell{background:#eaf7fd;cursor:pointer}body .jqgrow.ui-state-hover:active .grid-drilldown-cell{background:#d5f0fa;cursor:pointer}body .ui-widget-content .ui-sortable .ui-state-default{font-weight:600;cursor:move}body .ui-jqgrid-view tr{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .ui-jqgrid .ui-grid-ico-sort{margin-left:2px !important}body .ui-jqgrid .ui-grid-ico-sort.ui-icon-asc{margin-top:2px !important}body .ui-jqgrid .ui-grid-ico-sort.ui-icon-desc{margin-left:1px !important;margin-top:8px !important}body .ui-jqgrid .ui-jqgrid-sortable{cursor:pointer}body #data-table-region{overflow:auto}body .striim-modal{display:flex;flex-direction:column;justify-content:space-between;top:auto !important;left:auto !important;margin:25px auto auto auto;position:relative;max-height:calc(100% - 50px)}body .striim-modal.file-browser{width:900px}body .striim-modal .copy-properties{min-width:350px}body .striim-modal .copy-properties .select2-container{width:100% !important}body .striim-modal header .helpable-container a>i{font-size:16px;line-height:inherit}body .striim-modal .modal-body{overflow-y:auto;max-width:100%;max-height:100%}body .striim-modal .modal-body>.inner>.loading{width:100%;height:100%}body .striim-modal .alert-modal{overflow-y:initial}body .striim-modal.large header{box-shadow:0 2px 2px 0 rgba(157,158,161,.14),0 -3px 1px -2px rgba(157,158,161,.12),0 1px 5px 0 rgba(157,158,161,.2)}body .striim-modal.large footer{box-shadow:0 -2px 2px 0 rgba(157,158,161,.14),0 3px 1px -2px rgba(157,158,161,.12),0 1px 5px 0 rgba(157,158,161,.2)}body .reportProgress>.info .preloader{width:32px}
.materialize.materialize {
  background-color: #EBF2FA;
  color: #0F0F42;
  /* // Not working properly
.collection .collection-item:not(.active):not(:has(>.disabled)) {
  &:hover {
    background-color: @greyscale_50;

    label.radio span {
      color: @primary_700;
    }
  }

  &:active {
    background-color: @greyscale_300;

    label.radio span {
      color: @primary_800;
    }
  }
}*/
  /* Breaks some React components
a {
  color: @secondary_700;
}*/
}
.materialize.materialize .navbar h1.helpable-container {
  color: #1E1E5C;
}
.materialize.materialize .navbar-fixed nav {
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize .wrapper .filters-box .header .actions > * {
  margin-left: 8px;
}
.materialize.materialize .wrapper .filters-box .filters ul .filter {
  margin-right: 8px;
}
.materialize.materialize li:has(.accordion-data.expand) .lHeader {
  background-color: #D8E4F0;
}
.materialize.materialize li:has(.accordion-data .collection-item.active) .lHeader {
  background-color: #EBF2FA;
}
.materialize.materialize .wrapper {
  border-color: #D8E4F0;
  box-shadow: none;
}
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-htable {
  border-radius: 12px 12px 0 0;
}
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-htable :last-child tr:last-child td:first-child,
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-htable :last-child tr:last-child th:first-child {
  border-bottom-left-radius: 0;
}
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-htable :last-child tr:last-child td:last-child,
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-htable :last-child tr:last-child th:last-child {
  border-bottom-right-radius: 0;
}
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-btable {
  border-radius: 0 0 12px 12px;
}
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-btable :first-child tr:first-child td:first-child,
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-btable :first-child tr:first-child th:first-child {
  border-top-left-radius: 0;
}
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-btable :first-child tr:first-child td:last-child,
.materialize.materialize .ui-jqgrid-view:has(table.ui-jqgrid-btable tr.jqgrow) table.ui-jqgrid-btable :first-child tr:first-child th:last-child {
  border-top-right-radius: 0;
}
.materialize.materialize table.ui-pg-table > tbody > tr:hover {
  background-color: #FFF !important;
}
.materialize.materialize table.ui-pg-table > tbody > tr > td {
  padding: 3px;
}
.materialize.materialize .ui-jqgrid-bdiv tr.jqgfirstrow {
  visibility: collapse;
}
.materialize.materialize .flex {
  display: flex;
}
.materialize.materialize .flex.column {
  flex-direction: column;
}
.materialize.materialize .noDataTemplate i {
  width: 40px;
  height: 40px;
}
.materialize.materialize .noDataTemplate label {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  color: #6E7D8C;
  margin-top: 16px;
}
.materialize.materialize span.asterisk {
  color: #DB2A4A;
  position: relative;
  top: -2px;
}
.materialize.materialize .striimline-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.materialize.materialize .striimline-icon.disabled,
.materialize.materialize .striimline-icon[disabled] {
  opacity: 0.6;
}
.materialize.materialize .striimline-icon.clickable-darken:hover {
  filter: brightness(90%);
}
.materialize.materialize .striimline-icon.white-variant.bring-forward {
  background-image: url("/app/images/striimline/white/bring-forward.svg");
}
.materialize.materialize .striimline-icon.white-variant.clock {
  background-image: url("/app/images/striimline/white/clock.svg");
}
.materialize.materialize .striimline-icon.white-variant.delete {
  background-image: url("/app/images/striimline/white/delete.svg");
}
.materialize.materialize .striimline-icon.white-variant.download {
  background-image: url("/app/images/striimline/white/download.svg");
}
.materialize.materialize .striimline-icon.white-variant.edit-styles {
  background-image: url("/app/images/striimline/white/edit-styles.svg");
}
.materialize.materialize .striimline-icon.white-variant.filter {
  background-image: url("/app/images/striimline/white/filter.svg");
}
.materialize.materialize .striimline-icon.white-variant.query {
  background-image: url("/app/images/striimline/white/query.svg");
}
.materialize.materialize .striimline-icon.white-variant.search {
  background-image: url("/app/images/striimline/white/search.svg");
}
.materialize.materialize .striimline-icon.white-variant.send-backward {
  background-image: url("/app/images/striimline/white/send-backward.svg");
}
.materialize.materialize .striimline-icon.white-variant.settings {
  background-image: url("/app/images/striimline/white/settings.svg");
}
.materialize.materialize .striimline-icon.bulb {
  background-image: url("/app/images/striimline/bulb.svg");
}
.materialize.materialize .striimline-icon.three-dots {
  background-image: url("/app/images/striimline/three-dots.svg");
}
.materialize.materialize .striimline-icon.search-icon {
  background-image: url("/app/images/striimline/search-icon.svg");
  background-size: 22px;
}
.materialize.materialize .striimline-icon.trash {
  background-image: url("/app/images/striimline/trash.svg");
  background-size: 22px;
}
.materialize.materialize .striimline-icon.clock {
  background-image: url("/app/images/striimline/clock.svg");
}
.materialize.materialize .striimline-icon.copy {
  background-image: url("/app/images/striimline/copy.svg");
}
.materialize.materialize .striimline-icon.cut {
  background-image: url("/app/images/striimline/cut.svg");
}
.materialize.materialize .striimline-icon.paste {
  background-image: url("/app/images/striimline/paste.svg");
}
.materialize.materialize .striimline-icon.delete {
  background-image: url("/app/images/striimline/delete.svg");
}
.materialize.materialize .striimline-icon.grid {
  background-image: url("/app/images/striimline/grid.svg");
}
.materialize.materialize .striimline-icon.chart {
  background-image: url("/app/images/striimline/chart.svg");
}
.materialize.materialize .striimline-icon.eye-check {
  background-image: url("/app/images/striimline/eye_check.svg");
}
.materialize.materialize .striimline-icon.exception {
  background-image: url("/app/images/striimline/exception.svg");
}
.materialize.materialize .striimline-icon.tool {
  background-image: url("/app/images/striimline/tool.svg");
}
.materialize.materialize .striimline-icon.metadata {
  background-image: url("/app/images/striimline/metadata.svg");
}
.materialize.materialize .striimline-icon.monitor {
  background-image: url("/app/images/striimline/monitor.svg");
}
.materialize.materialize .striimline-icon.chevron-down {
  background-image: url("/app/images/striimline/chevron_down.svg");
}
.materialize.materialize .striimline-icon.chevron-up-primary {
  background-image: url("/app/images/striimline/chevron_up_primary.svg");
}
.materialize.materialize .striimline-icon.eye {
  background-image: url("/app/images/striimline/eye.svg");
}
.materialize.materialize .striimline-icon.eye2 {
  background-image: url("/app/images/striimline/eye2.svg");
}
.materialize.materialize .striimline-icon.add {
  background-image: url("/app/images/striimline/add.svg");
}
.materialize.materialize .striimline-icon.add:hover {
  background-image: url("/app/images/striimline/add-hover.svg");
}
.materialize.materialize .striimline-icon.add:active {
  background-image: url("/app/images/striimline/add-pressed.svg");
}
.materialize.materialize .striimline-icon.info {
  background-image: url("/app/images/striimline/info-icon.svg");
  height: 14px;
  width: 14px;
}
.materialize.materialize .striimline-icon.info-fill {
  background-image: url("/app/images/striimline/info-fill.svg");
}
.materialize.materialize .striimline-icon.empty {
  background-image: url("/app/images/striimline/empty.svg");
}
.materialize.materialize .striimline-icon.select-clear {
  background-image: url("/app/images/striimline/select-clear.svg");
}
.materialize.materialize .striimline-icon.select-arrow {
  background-image: url("/app/images/striimline/select-arrow.svg");
}
.materialize.materialize .striimline-icon.no-data {
  background-image: url("/app/images/striimline/no-data.svg");
}
.materialize.materialize .striimline-icon.date-icon {
  background-image: url("/app/images/striimline/date.svg");
}
.materialize.materialize .striimline-icon.time-icon {
  background-image: url("/app/images/striimline/time.svg");
}
.materialize.materialize .striimline-icon.checkmark {
  background-image: url("/app/images/striimline/checkmark.svg");
}
.materialize.materialize .striimline-icon.download {
  background-image: url("/app/images/striimline/download.svg");
}
.materialize.materialize .striimline-icon.edit {
  background-image: url("/app/images/striimline/edit.svg");
}
.materialize.materialize .striimline-icon.external {
  background-image: url("/app/images/striimline/external.svg");
}
.materialize.materialize .striimline-icon.pause {
  background-image: url("/app/images/striimline/pause.svg");
}
.materialize.materialize .striimline-icon.play {
  background-image: url("/app/images/striimline/play.svg");
}
.materialize.materialize .striimline-icon.checkpoint-info_not-available {
  background-image: url("/app/images/striimline/checkpoint-info_not-available.svg");
}
.materialize.materialize .striimline-icon.checkpoint-info_not-progressing {
  background-image: url("/app/images/striimline/checkpoint-info_not-progressing.svg");
}
.materialize.materialize .striimline-icon.checkpoint-info_progressing {
  background-image: url("/app/images/striimline/checkpoint-info_progressing.svg");
}
.materialize.materialize .striimline-icon.checkpoint-info_trailing {
  background-image: url("/app/images/striimline/checkpoint-info_trailing.svg");
}
.materialize.materialize .striimline-icon.appmenu_monitor-report {
  background-image: url("/app/images/striimline/appmenu_monitor-report.svg");
}
.materialize.materialize .striimline-icon.appmenu_sources {
  background-image: url("/app/images/striimline/appmenu_sources.svg");
}
.materialize.materialize .striimline-icon.appmenu_targets {
  background-image: url("/app/images/striimline/appmenu_targets.svg");
}
.materialize.materialize .striimline-icon.appmenu_latency-report {
  background-image: url("/app/images/striimline/appmenu_latency-report.svg");
}
.materialize.materialize .striimline-icon.appmenu_interval-report {
  background-image: url("/app/images/striimline/appmenu_interval-report.svg");
}
.materialize.materialize .striimline-icon.appmenu_app-overview {
  background-image: url("/app/images/striimline/appmenu_app-overview.svg");
}
.materialize.materialize .striimline-icon.appmenu_caches {
  background-image: url("/app/images/striimline/appmenu_caches.svg");
}
.materialize.materialize .striimline-icon.appmenu_event-tables {
  background-image: url("/app/images/striimline/appmenu_event-tables.svg");
}
.materialize.materialize .striimline-icon.appmenu_external-caches {
  background-image: url("/app/images/striimline/appmenu_external-caches.svg");
}
.materialize.materialize .striimline-icon.appmenu_queries {
  background-image: url("/app/images/striimline/appmenu_queries.svg");
}
.materialize.materialize .striimline-icon.appmenu_streams {
  background-image: url("/app/images/striimline/appmenu_streams.svg");
}
.materialize.materialize .striimline-icon.appmenu_wactionstores {
  background-image: url("/app/images/striimline/appmenu_wactionstores.svg");
}
.materialize.materialize .striimline-icon.appmenu_windows {
  background-image: url("/app/images/striimline/appmenu_windows.svg");
}
.materialize.materialize .striimline-icon.cache {
  background-image: url("/app/images/striimline/cache.svg");
}
.materialize.materialize .striimline-icon.cache2 {
  background-image: url("/app/images/striimline/cache2.svg");
}
.materialize.materialize .striimline-icon.cq {
  background-image: url("/app/images/striimline/cq.svg");
}
.materialize.materialize .striimline-icon.source {
  background-image: url("/app/images/striimline/source.svg");
}
.materialize.materialize .striimline-icon.stream {
  background-image: url("/app/images/striimline/stream.svg");
}
.materialize.materialize .striimline-icon.target {
  background-image: url("/app/images/striimline/target.svg");
}
.materialize.materialize .striimline-icon.type {
  background-image: url("/app/images/striimline/type.svg");
}
.materialize.materialize .striimline-icon.waction-store {
  background-image: url("/app/images/striimline/waction-store.svg");
}
.materialize.materialize .striimline-icon.window {
  background-image: url("/app/images/striimline/window.svg");
}
.materialize.materialize .striimline-icon.app-group {
  background-image: url("/app/images/striimline/app-group.svg");
}
.materialize.materialize::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize *::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize *::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize .select2-drop > ul.select2-results::-webkit-scrollbar,
.materialize.materialize .ui-timepicker-wrapper::-webkit-scrollbar,
.materialize.materialize .metadatabrowser-container.large .mb-side-menu > div::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize .select2-drop > ul.select2-results::-webkit-scrollbar-thumb,
.materialize.materialize .ui-timepicker-wrapper::-webkit-scrollbar-thumb,
.materialize.materialize .metadatabrowser-container.large .mb-side-menu > div::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize .slimScrollBar {
  width: 8px !important;
  background: #A7B7C7 !important;
  opacity: 1 !important;
  border-radius: 5px !important;
}
.materialize.materialize .ps-container > .ps-scrollbar-y-rail {
  opacity: 1 !important;
}
.materialize.materialize .ps-container > .ps-scrollbar-y-rail:hover {
  opacity: 1 !important;
  background-color: white;
}
.materialize.materialize .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  width: 8px;
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:hover {
  background-color: #A7B7C7;
}
.materialize.materialize .flow-designer-root .meta-object-editor::-webkit-scrollbar,
.materialize.materialize .flow-designer-root ul.app-exceptions::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize .flow-designer-root .meta-object-editor::-webkit-scrollbar-thumb,
.materialize.materialize .flow-designer-root ul.app-exceptions::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize .flow-designer-root .meta-object-editor > ul.controls::-webkit-scrollbar,
.materialize.materialize .flow-designer-root ul.app-exceptions > ul.controls::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize .flow-designer-root .meta-object-editor > ul.controls::-webkit-scrollbar-thumb,
.materialize.materialize .flow-designer-root ul.app-exceptions > ul.controls::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize .alerts-manager-container .left-side-bar > .card::-webkit-scrollbar,
.materialize.materialize .alerts-manager-container .alert-detail-container::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize .alerts-manager-container .left-side-bar > .card::-webkit-scrollbar-thumb,
.materialize.materialize .alerts-manager-container .alert-detail-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize .modal-body.application-progress-container::-webkit-scrollbar,
.materialize.materialize .modal-body.monitor-metrics-dialog::-webkit-scrollbar,
.materialize.materialize .modal-body .io-table::-webkit-scrollbar,
.materialize.materialize .modal-body .inner::-webkit-scrollbar,
.materialize.materialize .modal-body .editor-body::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize .modal-body.application-progress-container::-webkit-scrollbar-thumb,
.materialize.materialize .modal-body.monitor-metrics-dialog::-webkit-scrollbar-thumb,
.materialize.materialize .modal-body .io-table::-webkit-scrollbar-thumb,
.materialize.materialize .modal-body .inner::-webkit-scrollbar-thumb,
.materialize.materialize .modal-body .editor-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize #monitor .appdetails .card::-webkit-scrollbar {
  width: 8px;
}
.materialize.materialize #monitor .appdetails .card::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A7B7C7;
}
.materialize.materialize h1,
.materialize.materialize #content h1 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.materialize.materialize h2,
.materialize.materialize #content h2 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.materialize.materialize h3,
.materialize.materialize #content h3 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-SemiBold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.materialize.materialize h4,
.materialize.materialize #content h4 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.materialize.materialize h5,
.materialize.materialize #content h5 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.1px;
  line-height: 12px;
  font-weight: 400;
}
.materialize.materialize h6,
.materialize.materialize #content h6 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
}
.materialize.materialize .select2-container {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 0 0 0 12px;
}
.materialize.materialize .select2-container.select2-dropdown-open,
.materialize.materialize .select2-container.select2-container-active {
  border-color: #49B5F2;
}
.materialize.materialize .select2-container:not(.select2-dropdown-open):not(.select2-container-disabled):not(.select2-container-active):hover {
  border-color: #BCC9D6;
}
.materialize.materialize .select2-container:not(.select2-dropdown-open):not(.select2-container-disabled):not(.select2-container-active):hover::placeholder {
  color: #5E6B78;
}
.materialize.materialize .select2-container.select2-container-disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
.materialize.materialize .select2-container.select2-container-disabled .select2-choice {
  color: #A7B7C7;
}
.materialize.materialize .select2-container.select2-container-disabled .select2-choice .select2-arrow b:before,
.materialize.materialize .select2-container.select2-container-disabled .select2-choice .icon::before,
.materialize.materialize .select2-container.select2-container-disabled .select2-chosen .icon::before {
  color: #A7B7C7;
}
.materialize.materialize .select2-container .select2-choice {
  padding: 0;
  background-color: transparent !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.materialize.materialize .select2-container .select2-choice .select2-arrow b:before {
  background-image: url("/app/images/striimline/select-arrow.svg");
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 7px;
  right: 12px;
  font-size: 0;
}
.materialize.materialize .select2-container .select2-choice .select2-arrow b:hover:before {
  opacity: 0.85;
}
.materialize.materialize .select2-container .select2-choice > .select2-chosen {
  margin-right: 40px;
}
.materialize.materialize .select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
  background-image: url("/app/images/striimline/select-arrow.svg");
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 7px;
  right: 12px;
  font-size: 0;
}
.materialize.materialize .select2-container.select2-allowclear .select2-choice > .select2-chosen {
  padding-right: 16px;
}
.materialize.materialize .select2-container.select2-allowclear .select2-search-choice-close {
  margin-right: 6px;
  right: 34px;
  top: 8px;
}
.materialize.materialize .select2-container.select2-allowclear .select2-search-choice-close:before {
  background-image: url("/app/images/striimline/select-clear.svg");
  width: 20px;
  height: 20px;
  display: block;
  font-size: 0;
}
.materialize.materialize .select2-container.select2-allowclear .select2-search-choice-close:hover:before {
  opacity: 0.75;
}
.materialize.materialize .select2-container.select2-allowclear .select2-choice > .select2-chosen {
  margin-right: 40px;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"] + span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  line-height: 16px;
  height: 16.2px;
  vertical-align: middle;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"] + span:before,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"] + span:after {
  width: 16px;
  height: 16px;
  top: 0;
  margin: 0px;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked) + span {
  padding-left: 24px;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:after {
  transform: scale(0.35);
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span:after,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:after {
  background-color: #1E1E5C;
  border-color: transparent !important;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked:disabled + span:before,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked:disabled + span:before {
  border-color: #D8E4F0;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked:disabled + span:after,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked:disabled + span:after {
  background-color: #A7B7C7;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:before {
  background-color: #FFF;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span:after,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:before,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:after {
  border-color: #BCC9D6;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked) + span:before,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked) + span:after {
  border-color: #BCC9D6;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:hover:before,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:hover:after {
  background-color: #EBF2FA;
  border-color: #A7B7C7;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:active:before,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:active:after {
  background-color: #BCC9D6;
  border-color: #8091A3;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):disabled + span:before,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):disabled + span:after {
  border-color: #D8E4F0;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:disabled + span {
  color: #A7B7C7;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:disabled:checked + span {
  color: #91A3B8;
}
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span,
.materialize.materialize *:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:disabled + span {
  cursor: auto;
}
.materialize.materialize *:not(.MuiRadio-root) > input[type=radio] + span {
  color: #5E6B78;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.24px;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.materialize.materialize *:not(.MuiRadio-root) > input[type=radio]:checked + span,
.materialize.materialize *:not(.MuiRadio-root) > input[type=radio]:not(:checked) + span {
  padding-left: 26px;
}
.materialize.materialize label > input[type="checkbox"].filled-in + span:not(.lever),
.materialize.materialize label > input[type="checkbox"]:not(.filled-in) + span:not(.lever) {
  padding-left: 28px;
}
.materialize.materialize label > input[type="checkbox"].filled-in + span:not(.lever):hover:after,
.materialize.materialize label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):hover:after,
.materialize.materialize label > input[type="checkbox"].filled-in + span:not(.lever):focus:after,
.materialize.materialize label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):focus:after {
  background-color: #EBF2FA;
  border-color: #A7B7C7;
}
.materialize.materialize label > input[type="checkbox"].filled-in + span:not(.lever):active:after,
.materialize.materialize label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):active:after {
  background-color: #BCC9D6;
  border-color: #8091A3;
}
.materialize.materialize label > input[type="checkbox"].filled-in + span:not(.lever):after {
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-color: #BCC9D6;
  border-radius: 3px;
  margin: 1px 0 0 0;
}
.materialize.materialize label > input[type="checkbox"].filled-in:checked + span:not(.lever):before {
  top: 2px;
  left: 2px;
  width: 5px;
  height: 8px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 2px solid #1E1E5C;
  border-bottom: 2px solid #1E1E5C;
  transform: rotateZ(45deg);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.materialize.materialize label > input[type="checkbox"].filled-in:indeterminate + span:not(.lever):before {
  top: 7px;
  left: 5px;
  width: 8px;
  height: 0px;
  border: 1px solid #1E1E5C;
  transform: none;
  border-radius: 2px 2px 2px 2px;
}
.materialize.materialize label > input[type="checkbox"].filled-in + span:not(.lever):after {
  background-color: #FFF;
}
.materialize.materialize label > input[type="checkbox"].filled-in:disabled + span:not(.lever):after {
  background-color: #F7FBFF;
  border-color: #D8E4F0;
}
.materialize.materialize label > input[type="checkbox"].filled-in:checked:disabled + span:not(.lever):before {
  border-right-color: #A7B7C7;
  border-bottom-color: #A7B7C7;
}
.materialize.materialize label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):before,
.materialize.materialize label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  margin-top: 1px;
}
.materialize.materialize label > input[type="checkbox"] + span:not(.lever):before,
.materialize.materialize label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  transition: 0s;
}
.materialize.materialize .switch label .lever {
  height: 22px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  margin: 0;
  background-color: #EBF2FA;
  border: 1px solid #D8E4F0;
}
.materialize.materialize .switch label .lever:before,
.materialize.materialize .switch label .lever:after {
  width: 14px;
  height: 14px;
  left: 3px;
  top: 3px;
}
.materialize.materialize .switch label .lever:after {
  background-color: #91A3B8;
  box-shadow: none;
}
.materialize.materialize .switch label .lever input[type=checkbox]:checked + .lever:before,
.materialize.materialize .switch label .lever input[type=checkbox]:checked + .lever:after {
  left: 18px;
}
.materialize.materialize .switch label input[type=checkbox]:checked + .lever {
  background-color: #089BEE;
  border-color: #0785CC;
}
.materialize.materialize .switch label input[type=checkbox]:checked + .lever:after {
  background-color: #F7FBFF;
}
.materialize.materialize .switch label .description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  vertical-align: middle;
  margin-left: 4px;
}
.materialize.materialize .switch input[type=checkbox][disabled] + .lever,
.materialize.materialize .switch input[type=checkbox][disabled]:checked + .lever {
  background-color: #EBF2FA;
  border-color: transparent;
}
.materialize.materialize .switch input[type=checkbox][disabled] + .lever:after,
.materialize.materialize .switch input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BCC9D6;
}
.materialize.materialize .switch input[type=checkbox]:not(:disabled) + .lever:hover {
  background-color: #D8E4F0;
  border-color: #BCC9D6;
}
.materialize.materialize .switch input[type=checkbox]:not(:disabled) + .lever:active {
  background-color: #BCC9D6;
  border-color: #A7B7C7;
}
.materialize.materialize .switch input[type=checkbox]:not(:disabled):checked + .lever:hover {
  background-color: #0785CC;
  border-color: #0674B2;
}
.materialize.materialize .switch input[type=checkbox]:not(:disabled):checked + .lever:active {
  background-color: #056499;
  border-color: #045380;
}
.materialize.materialize .switch input[type=checkbox]:not(:disabled) ~ .lever:active:before,
.materialize.materialize .switch input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  transform: none;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]),
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"],
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"],
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"],
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"] {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  text-overflow: ellipsis;
  /* Feature required by UX. Need to wrap each input with white background
  text-overflow: initial;
  &:not(:focus) {
    background: linear-gradient(90deg, @common_color_value 0%, @common_color_value 20px, @additional_white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &:disabled, &:read-only {
      background: linear-gradient(90deg, @greyscale_400 0%, @greyscale_400 20px, @additional_white 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }*/
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input),
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input),
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input),
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input),
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input) {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 17px 12px;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus {
  border-bottom-width: 1px;
  border-color: #49B5F2;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active {
  transform: translateY(-22px);
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover {
  border-color: #BCC9D6;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder {
  color: #5E6B78;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):disabled,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):disabled,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):disabled,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):disabled,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):disabled::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):disabled::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):disabled::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):disabled::placeholder,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):disabled::placeholder {
  color: #A7B7C7;
}
.materialize.materialize *:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):disabled + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):disabled + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):disabled + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):disabled + label,
.materialize.materialize *:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):disabled + label {
  color: #A7B7C7;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  text-overflow: ellipsis;
  /* Feature required by UX. Need to wrap each input with white background
  text-overflow: initial;
  &:not(:focus) {
    background: linear-gradient(90deg, @common_color_value 0%, @common_color_value 20px, @additional_white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &:disabled, &:read-only {
      background: linear-gradient(90deg, @greyscale_400 0%, @greyscale_400 20px, @additional_white 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }*/
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input) {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 17px 12px;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus {
  border-bottom-width: 1px;
  border-color: #49B5F2;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active {
  transform: translateY(-22px);
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover {
  border-color: #BCC9D6;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder {
  color: #5E6B78;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):disabled::placeholder {
  color: #A7B7C7;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):disabled + label {
  color: #A7B7C7;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input) {
  padding: 12px;
}
.materialize.materialize *:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input)::-webkit-resizer {
  background: url('/app/images/resize_icon.svg') no-repeat -8px -8px;
  background-size: 25px;
}
.materialize.materialize .input-field > label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.materialize.materialize .input-field > label.active {
  transform: translateY(-22px);
}
.materialize.materialize .editable-text .trigger,
.materialize.materialize .typeEditor input {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  text-overflow: ellipsis;
  /* Feature required by UX. Need to wrap each input with white background
  text-overflow: initial;
  &:not(:focus) {
    background: linear-gradient(90deg, @common_color_value 0%, @common_color_value 20px, @additional_white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &:disabled, &:read-only {
      background: linear-gradient(90deg, @greyscale_400 0%, @greyscale_400 20px, @additional_white 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }*/
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input),
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input) {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 17px 12px;
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus {
  border-bottom-width: 1px;
  border-color: #49B5F2;
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active {
  transform: translateY(-22px);
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover {
  border-color: #BCC9D6;
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder {
  color: #5E6B78;
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):disabled,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):disabled::placeholder,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):disabled::placeholder {
  color: #A7B7C7;
}
.materialize.materialize .editable-text .trigger:not(.browser-default, #react-select-2-input):disabled + label,
.materialize.materialize .typeEditor input:not(.browser-default, #react-select-2-input):disabled + label {
  color: #A7B7C7;
}
.materialize.materialize input.z-depth-1 {
  box-shadow: none;
}
.materialize.materialize .search-input {
  position: relative;
  width: 100%;
}
.materialize.materialize .search-input > label {
  position: relative;
}
.materialize.materialize .search-input .search-icon {
  background-image: url("/app/images/striimline/search-icon.svg");
  background-size: 22px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 8px;
  left: 9px;
  display: inline-block !important;
  font-size: 0;
}
.materialize.materialize .search-input input {
  padding-left: 36px !important;
}
.materialize.materialize .close-input .input-data-wrap {
  display: flex;
}
.materialize.materialize .close-input .input-data-wrap label {
  width: 100%;
  position: relative;
}
.materialize.materialize .close-input .close-icon {
  position: absolute;
  right: 12px;
  top: 8px;
  background-size: 20px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.materialize.materialize .close-input .close-icon:hover {
  opacity: 0.75;
}
.materialize.materialize .close-input .unit {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #A7B7C7;
  user-select: none;
  width: auto !important;
  max-width: 115px;
  background-color: #FFF;
  border: 1px solid #EBF2FA;
  border-radius: 8px;
  padding: 0 12px;
  margin-left: 8px;
  line-height: 34px;
}
.materialize.materialize .close-input .unit::placeholder {
  color: #A7B7C7;
}
.materialize.materialize .close-input .helper-text {
  color: #F55F7A;
  line-height: 20px;
  font-weight: 400;
}
.materialize.materialize .close-input .clear-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 16px;
  cursor: pointer;
}
.materialize.materialize .close-input .clear-icon:hover {
  color: #0785CC;
}
.materialize.materialize .close-input input {
  padding-right: 40px !important;
}
.materialize.materialize input:autofill,
.materialize.materialize input:-internal-autofill-selected {
  height: 100%;
  border-radius: 7px;
}
.materialize.materialize .btn {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 8px;
  user-select: none;
  box-shadow: none;
  letter-spacing: 0.14px;
  color: #F7FBFF;
  background-color: #089BEE;
  border: 1px solid #0785CC;
  height: 36px;
  line-height: 34px;
}
.materialize.materialize .btn i {
  font-size: 20px;
}
.materialize.materialize .btn i.left {
  margin-right: 8px;
}
.materialize.materialize .btn i.right {
  margin-left: 8px;
}
.materialize.materialize .btn:hover {
  background-color: #0785CC;
  border-color: #0674B2;
}
.materialize.materialize .btn:focus,
.materialize.materialize .btn:active {
  border-color: #045380;
  background-color: #056499;
}
.materialize.materialize .btn.disabled {
  background-color: #D8E4F0 !important;
  border: 1px solid #A7B7C7 !important;
  color: #A7B7C7 !important;
}
.materialize.materialize .btn:disabled {
  border-color: #A7B7C7;
}
.materialize.materialize .btn.icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  color: #48525C;
}
.materialize.materialize .btn.icon:hover,
.materialize.materialize .btn.icon:focus {
  background-color: #EBF2FA;
  border-color: transparent;
}
.materialize.materialize .btn.icon:active {
  background-color: #BCC9D6;
  border-color: transparent;
}
.materialize.materialize .btn.icon:disabled,
.materialize.materialize .btn.icon.disabled,
.materialize.materialize .btn.icon[disabled] {
  color: #A7B7C7 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.materialize.materialize .btn.icon:disabled:hover,
.materialize.materialize .btn.icon.disabled:hover,
.materialize.materialize .btn.icon[disabled]:hover {
  background-color: transparent;
}
.materialize.materialize .btn.icon.secondary {
  background-color: #D8E4F0;
  border-color: #BCC9D6;
  color: #48525C;
}
.materialize.materialize .btn.icon.secondary:hover,
.materialize.materialize .btn.icon.secondary:focus {
  background-color: #BCC9D6;
  border-color: #A7B7C7;
}
.materialize.materialize .btn.icon.secondary:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.materialize.materialize .btn.dropdown {
  border: 1px solid #0785CC !important;
}
.materialize.materialize .btn.secondary {
  background-color: #D8E4F0;
  color: #48525C;
  border-color: #BCC9D6 !important;
}
.materialize.materialize .btn.secondary:hover {
  background-color: #BCC9D6;
  color: #48525C;
  border-color: #A7B7C7 !important;
}
.materialize.materialize .btn.secondary:active {
  background-color: #91A3B8;
  color: #48525C;
  border-color: #8091A3 !important;
}
.materialize.materialize .btn.secondary.dropdown {
  border-color: #BCC9D6 !important;
}
.materialize.materialize .btn.secondary.dropdown:hover {
  border-color: #8091A3 !important;
}
.materialize.materialize .btn.secondary.dropdown:active {
  border-color: #8091A3 !important;
}
.materialize.materialize .btn.icon,
.materialize.materialize .btn.btn-small,
.materialize.materialize .btn.btn-large {
  padding: 0;
}
.materialize.materialize .btn.striimline-icon {
  font-size: 0;
}
.materialize.materialize .btn.critical {
  background-color: #DB2A4A;
  border-color: #C52643;
}
.materialize.materialize .btn.critical:hover {
  background-color: #C52643;
  border-color: #AF223B;
}
.materialize.materialize .btn.critical:focus,
.materialize.materialize .btn.critical:active {
  background-color: #991D34;
  border-color: #83192C;
}
.materialize.materialize .btn-flat {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 8px;
  user-select: none;
  box-shadow: none;
  color: #089BEE;
  border: none;
  height: 36px;
  line-height: 36px;
}
.materialize.materialize .btn-flat i {
  font-size: 20px;
}
.materialize.materialize .btn-flat i.left {
  margin-right: 8px;
}
.materialize.materialize .btn-flat i.right {
  margin-left: 8px;
}
.materialize.materialize .btn-flat:hover,
.materialize.materialize .btn-flat:focus {
  background-color: #EBF2FA;
  color: #0674B2;
}
.materialize.materialize .btn-flat:active {
  background-color: #BCC9D6;
  color: #045380;
}
.materialize.materialize .btn-flat.disabled {
  background-color: transparent;
  color: #A7B7C7;
}
.materialize.materialize .btn-flat.secondary {
  color: #6E7D8C;
}
.materialize.materialize .btn-flat.secondary:hover,
.materialize.materialize .btn-flat.secondary:focus,
.materialize.materialize .btn-flat.secondary:active {
  color: #48525C;
}
.materialize.materialize .btn-flat.critical {
  color: #DB2A4A;
  background-color: transparent;
  border-color: transparent;
}
.materialize.materialize .btn-flat.critical:hover {
  color: #C52643;
  background-color: #FAEDEF;
  border-color: transparent;
}
.materialize.materialize .btn-flat.critical:focus,
.materialize.materialize .btn-flat.critical:active {
  color: #991D34;
  background-color: #F590A2;
  border-color: transparent;
}
.materialize.materialize .btn-flat.icon {
  padding: 0 8px;
  display: inline-flex;
  color: #6E7D8C;
}
.materialize.materialize .btn-flat.icon span {
  margin-left: 4px;
}
.materialize.materialize .btn-flat.icon .striimline-icon {
  background-size: 20px;
  width: 20px;
  height: 20px;
  position: relative;
  top: 8px;
  display: flex;
}
.materialize.materialize .btn-txt {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #089BEE;
}
.materialize.materialize .btn-txt:hover,
.materialize.materialize .btn-txt:focus {
  color: #0674B2;
}
.materialize.materialize .btn-txt:active {
  color: #045380;
}
.materialize.materialize .btn-txt.disabled {
  color: #A7B7C7;
}
.materialize.materialize .waves-effect .waves-ripple,
.materialize.materialize .waves-effect .waves-blue {
  background-color: transparent;
}
.materialize.materialize .material-icons-outlined {
  font-family: 'Material Icons Outlined', serif;
  height: inherit;
}
.materialize.materialize .material-icons {
  font-family: 'Material Icons', serif;
}
.materialize.materialize table:not(.MuiTable-root),
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px;
  border-style: solid;
  background-color: #D8E4F0;
  border-color: #D8E4F0;
  border-radius: 12px;
  overflow: hidden;
  /* border-radius table corners */
}
.materialize.materialize table:not(.MuiTable-root) thead,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) thead {
  background-color: #F7FBFF;
}
.materialize.materialize table:not(.MuiTable-root) thead th,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) thead th,
.materialize.materialize table:not(.MuiTable-root) thead td,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) thead td {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #6E7D8C;
  text-align: left;
}
.materialize.materialize table:not(.MuiTable-root) tbody,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) tbody {
  background-color: #FFF;
}
.materialize.materialize table:not(.MuiTable-root) tr,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) tr {
  border-color: #D8E4F0;
}
.materialize.materialize table:not(.MuiTable-root) td,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) td {
  color: #48525C;
}
.materialize.materialize table:not(.MuiTable-root) td,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) td,
.materialize.materialize table:not(.MuiTable-root) th,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) th {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  font-weight: initial;
  border: 1px solid #D8E4F0;
  padding: 12px 10px;
  height: auto;
}
.materialize.materialize table:not(.MuiTable-root) tbody tr:hover,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) tbody tr:hover {
  background-color: #EBF2FA;
}
.materialize.materialize table:not(.MuiTable-root) :first-child tr:first-child td:first-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :first-child tr:first-child td:first-child,
.materialize.materialize table:not(.MuiTable-root) :first-child tr:first-child th:first-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :first-child tr:first-child th:first-child {
  border-top-left-radius: 12px;
}
.materialize.materialize table:not(.MuiTable-root) :first-child tr:first-child td:last-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :first-child tr:first-child td:last-child,
.materialize.materialize table:not(.MuiTable-root) :first-child tr:first-child th:last-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :first-child tr:first-child th:last-child {
  border-top-right-radius: 12px;
}
.materialize.materialize table:not(.MuiTable-root) :last-child tr:last-child td:first-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :last-child tr:last-child td:first-child,
.materialize.materialize table:not(.MuiTable-root) :last-child tr:last-child th:first-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :last-child tr:last-child th:first-child {
  border-bottom-left-radius: 12px;
}
.materialize.materialize table:not(.MuiTable-root) :last-child tr:last-child td:last-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :last-child tr:last-child td:last-child,
.materialize.materialize table:not(.MuiTable-root) :last-child tr:last-child th:last-child,
.materialize.materialize .fields-list .fields table:not(.MuiTable-root) :last-child tr:last-child th:last-child {
  border-bottom-right-radius: 12px;
}
.materialize.materialize table.no-hover tbody tr:hover,
.materialize.materialize .fields-list .fields table.no-hover tbody tr:hover {
  background-color: initial;
}
.materialize.materialize table .select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before,
.materialize.materialize .fields-list .fields table .select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
  top: 4px;
}
.materialize.materialize table .select2-container .select2-choice,
.materialize.materialize .fields-list .fields table .select2-container .select2-choice {
  height: 28px;
  line-height: 28px;
}
.materialize.materialize table .select2-container .select2-choice .select2-arrow b:before,
.materialize.materialize .fields-list .fields table .select2-container .select2-choice .select2-arrow b:before {
  top: 4px;
}
.materialize.materialize .fields-list {
  width: 100%;
  max-height: none;
}
.materialize.materialize .fields-list .fields {
  overflow: auto;
}
.materialize.materialize .fields-list .addField {
  border-color: #D8E4F0;
  border-radius: 0 0 12px 12px;
}
.materialize.materialize .fields-list .select2-container {
  max-width: initial !important;
}
.materialize.materialize .fields-list.with-add-row .fields table {
  border-radius: 12px 12px 0 0;
}
.materialize.materialize .fields-list.with-add-row .fields table :last-child tr:last-child td:first-child,
.materialize.materialize .fields-list.with-add-row .fields table :last-child tr:last-child th:first-child {
  border-bottom-left-radius: 0;
}
.materialize.materialize .fields-list.with-add-row .fields table :last-child tr:last-child td:last-child,
.materialize.materialize .fields-list.with-add-row .fields table :last-child tr:last-child th:last-child {
  border-bottom-right-radius: 0;
}
.materialize.materialize .meta-object-editor .controls li .body table .select2-container .select2-choice,
.materialize.materialize table .select2-container .select2-choice {
  height: 28px;
  line-height: 28px;
}
.materialize.materialize .meta-object-editor .controls li .body table .select2-container .select2-search-choice-close,
.materialize.materialize table .select2-container .select2-search-choice-close {
  top: 4px;
}
.materialize.materialize table *:not(.MuiInputBase-root) > input:not([type]),
.materialize.materialize table *:not(.MuiInputBase-root) > input[type="text"],
.materialize.materialize table *:not(.MuiInputBase-root) > input[type="password"],
.materialize.materialize table *:not(.MuiInputBase-root) > input[type="email"],
.materialize.materialize table *:not(.MuiInputBase-root) > input[type="number"] {
  height: 28px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.materialize.materialize .ui-jqgrid-btable .pseudo-link {
  color: #0785CC;
}
.materialize.materialize .ui-jqgrid-btable tr.ui-state-hover:hover .pseudo-link {
  color: #0674B2;
  text-decoration: underline;
}
.materialize.materialize .ui-jqgrid-btable tr.ui-state-hover:active .pseudo-link {
  color: #045380;
  text-decoration: underline;
}
.materialize.materialize .no-vertical-borders .ui-jqgrid-htable td,
.materialize.materialize .no-vertical-borders .ui-jqgrid-btable td,
.materialize.materialize .no-vertical-borders .ui-jqgrid-htable th,
.materialize.materialize .no-vertical-borders .ui-jqgrid-btable th {
  border-left-width: 0;
  border-right-width: 0;
}
.materialize.materialize .no-vertical-borders .ui-jqgrid-htable td:first-child,
.materialize.materialize .no-vertical-borders .ui-jqgrid-btable td:first-child,
.materialize.materialize .no-vertical-borders .ui-jqgrid-htable th:first-child,
.materialize.materialize .no-vertical-borders .ui-jqgrid-btable th:first-child {
  border-left-width: 1px;
}
.materialize.materialize .no-vertical-borders .ui-jqgrid-htable td:nth-last-child(2),
.materialize.materialize .no-vertical-borders .ui-jqgrid-btable td:nth-last-child(2),
.materialize.materialize .no-vertical-borders .ui-jqgrid-htable th:nth-last-child(2),
.materialize.materialize .no-vertical-borders .ui-jqgrid-btable th:nth-last-child(2) {
  border-right-width: 1px;
}
.materialize.materialize .no-vertical-borders tbody td,
.materialize.materialize .no-vertical-borders tbody th {
  border-left-width: 0;
  border-right-width: 0;
}
.materialize.materialize .no-vertical-borders tbody td:first-child,
.materialize.materialize .no-vertical-borders tbody th:first-child {
  border-left-width: 1px;
}
.materialize.materialize .tabs-box {
  min-height: initial;
  height: initial;
  position: relative;
  box-shadow: none;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button {
  border-radius: 10px 10px 0 0;
  border: 1px solid #D8E4F0;
  background-color: #F7FBFF;
  line-height: 0;
  transition: background-color 0.2s ease;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button:not(:first-child) {
  margin-left: -1px;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button:hover {
  background-color: #EBF2FA;
  border: 1px solid #D8E4F0;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button:active {
  background-color: #F7FBFF;
  border: 1px solid #D8E4F0;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button:active > span {
  color: #1E1E5C;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button .tab-button__ripple {
  display: none;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button > span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6E7D8C;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button.active {
  cursor: default;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-bottom-color: #FFF;
  z-index: 1;
}
.materialize.materialize .tabs-box .tabs-menu .tab-button.active > span {
  color: #1E1E5C;
}
.materialize.materialize .tabs-box .tabs-menu .bottom-border {
  border-bottom: 1px solid #D8E4F0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment {
  border-radius: 8px;
  border: 1px solid #D8E4F0;
  overflow: auto;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button {
  background-color: #EBF2FA;
  margin-left: 0;
  padding: 3px 15px;
  border-radius: 0;
  border-width: 0;
  border-right: 1px solid #D8E4F0;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button:last-child {
  border-right-width: 0;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button.active,
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button:active {
  background-color: #B2E4FF;
  border-right-color: transparent;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button.active > span,
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button:active > span {
  color: #323275;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button:hover:not(.active) {
  background-color: #D8E4F0;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button:hover:not(.active) > span {
  color: #48525C;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button:active:not(.active) {
  background-color: #BCC9D6;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button:active:not(.active) > span {
  color: #48525C;
}
.materialize.materialize .tabs-box .tabs-menu.variant-segment .tab-button > span {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li .exceptions-count {
  left: initial;
  right: 0;
  top: -6px;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  letter-spacing: 0.2px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  width: initial;
  padding: 1px 5px 0 5px;
  color: #F7FBFF;
  background-color: #DB2A4A;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li .exceptions-count.success {
  background-color: #2AAC5E;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .counter.counter-visible {
  background-color: #D8E4F0;
  color: #0F0F42;
  border-radius: 11px;
  padding: 0 7px;
  font-weight: 400;
  top: -14px;
  right: -8px;
}
.materialize.materialize .flow-designer .flow-designer-container .node.selected.graph-node .counter.counter-visible {
  background-color: #A7B7C7;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node .counter.counter-visible {
  background-color: #D8E4F0;
  color: #0F0F42;
  border-radius: 11px;
  padding: 0 7px;
  font-weight: 400;
  width: max-content;
  height: auto;
  right: initial;
  left: 9px;
  top: -16px;
}
.materialize.materialize .flow-designer .flow-designer-container .node .counter.counter-visible {
  transition: top 0.2s ease 0s;
}
.materialize.materialize .flow-designer .flow-designer-container .node:hover.graph-node .counter.counter-visible,
.materialize.materialize .flow-designer .flow-designer-container .node.selected.graph-node .counter.counter-visible {
  top: -23px;
}
.materialize.materialize .flow-designer .flow-designer-container .node:hover.stream-node .counter.counter-visible,
.materialize.materialize .flow-designer .flow-designer-container .node.selected.stream-node .counter.counter-visible {
  top: -20px;
}
.materialize.materialize .tooltipster-base {
  background: #48525C;
  border-radius: 4px;
}
.materialize.materialize .tooltipster-base.tooltipster-fade-show {
  opacity: 0.85;
}
.materialize.materialize .tooltipster-base .tooltipster-content {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #FFF;
}
.materialize.materialize .tooltipster-base .tooltipster-content .tooltipster-link {
  color: #7CCBF7;
  cursor: pointer;
}
.materialize.materialize .tooltipster-base .tooltipster-content h4 {
  color: #FFF;
  line-height: 33px;
  height: 22px;
}
.materialize.materialize .tooltipster-base .tooltipster-arrow {
  color: #48525C;
}
.materialize.materialize .tooltipster-base.dropdown {
  background: transparent;
  border-radius: 8px;
}
.materialize.materialize .tooltipster-base.dropdown.tooltipster-slip-show {
  box-shadow: 0 6px 15px 0 #48525C1F;
}
.materialize.materialize .tooltipster-base.dropdown .tooltipster-content {
  border-radius: 8px;
  border: 1px solid #D8E4F0;
}
.materialize.materialize .tooltipster-base.dropdown .tooltipster-content.tooltipster-slip-show {
  box-shadow: 0 6px 15px 0 #48525C1F;
}
.materialize.materialize .tooltipster-base.dropdown .tooltipster-content .options-menu {
  border: none;
  background-color: #FFF;
}
.materialize.materialize .tooltipster-base.dropdown .tooltipster-content .options-menu > ul {
  padding: 0;
}
.materialize.materialize .tooltipster-base.dropdown .tooltipster-content .options-menu li {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
  user-select: none;
  padding: 8px 12px;
}
.materialize.materialize .tooltipster-base.dropdown .tooltipster-content .options-menu li:not(.disabled):hover {
  background-color: #F7FBFF;
}
.materialize.materialize .tooltipster-base.dropdown .tooltipster-content .options-menu li:not(.disabled):active {
  background-color: #BCC9D6;
}
.materialize.materialize .tooltipster-base.dropdown.exceptions-menu .tooltipster-arrow span.tooltipster-border {
  border-color: #D8E4F0;
  top: -8px;
}
.materialize.materialize .tooltipster-base.dropdown.exceptions-menu .tooltipster-arrow span.tooltipster-border.background {
  border-color: #FFF;
  top: -7px;
}
.materialize.materialize.light .app-status-dropdown .options-menu {
  border: none;
}
.materialize.materialize.light .app-status-dropdown .options-menu > ul {
  padding: 0;
}
.materialize.materialize.light .app-status-dropdown .tooltipster-arrow span.tooltipster-border {
  border-color: #D8E4F0;
}
.materialize.materialize.light .app-status-dropdown .tooltipster-arrow span.tooltipster-background {
  border-color: #FFF;
}
.materialize.materialize.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span:before {
  border-bottom-color: #D8E4F0;
}
.materialize.materialize.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span:after {
  top: -11px;
  border-bottom-color: #FFF;
}
.materialize.materialize .mb-dropdown {
  border-color: #D8E4F0;
  background-color: #FFF;
  box-shadow: 0 6px 15px 0 #48525C1F;
}
.materialize.materialize .mb-dropdown .action-buttons {
  border-color: #D8E4F0;
}
.materialize.materialize .mb-dropdown .searchContainer {
  margin: 8px;
}
.materialize.materialize li.collection-item {
  border-color: #D8E4F0;
}
.materialize.materialize #flow-map-dropdown {
  border: none;
}
.materialize.materialize #flow-map-dropdown .heading.card {
  box-shadow: none;
  border-bottom: 1px solid #D8E4F0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.materialize.materialize .options-menu li {
  border-bottom-color: #D8E4F0;
}
.materialize.materialize .select2-drop {
  border-radius: 8px;
  box-shadow: 0 6px 15px 0 #48525C1F;
  border: 1px solid #D8E4F0;
  transform: translate(0, 1px);
  overflow: auto;
}
.materialize.materialize .select2-drop .select2-search {
  padding: 6px;
}
.materialize.materialize .select2-results {
  margin: 0;
}
.materialize.materialize .select2-results .select2-no-results {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #A7B7C7;
  font-style: initial;
  margin: 8px 0;
}
.materialize.materialize .select2-results .select2-result-label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
  padding: 8px 12px;
}
.materialize.materialize .select2-results .select2-result-label .component-summary {
  display: flex;
}
.materialize.materialize .select2-results .select2-result-label .component-summary .node-icon,
.materialize.materialize .select2-results .select2-result-label .component-summary .icon {
  margin: auto 0;
}
.materialize.materialize .select2-results .select2-result-label .component-summary .name {
  font-weight: 400;
}
.materialize.materialize .select2-results .select2-result-label .component-summary .description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize .select2-results li.select2-result-with-children > .select2-result-label {
  text-transform: none;
  background-color: #EBF2FA;
}
.materialize.materialize .select2-results .select2-result {
  transition: background 0.05s;
}
.materialize.materialize .select2-results .select2-result.select2-highlighted {
  background-color: #F7FBFF;
}
.materialize.materialize .select2-results .select2-result:not(.select2-result-with-children):active {
  background-color: #BCC9D6;
}
.materialize.materialize .select2-container .select2-choice {
  height: 34px;
  line-height: 34px;
}
.materialize.materialize .select2-container .select2-choice > .select2-chosen {
  color: #0F0F42;
}
.materialize.materialize .select2-container .select2-choice.select2-default > .select2-chosen {
  color: #5E6B78;
}
.materialize.materialize .select2-container .select2-choice .droppable-placeholder {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #5E6B78;
  margin: 0 12px;
}
.materialize.materialize .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
  color: #A7B7C7;
}
.materialize.materialize .select2-container.select2-container-disabled .select2-choice.select2-default > .select2-chosen {
  color: #BCC9D6;
}
.materialize.materialize .select2-container.select2-container-disabled .select2-choice .select2-arrow b:before {
  opacity: 0.4;
}
.materialize.materialize .select2-container.dd-field-select .select2-search-choice,
.materialize.materialize .select2-container.dd-field-select .select2-chosen {
  display: inline-flex;
  background-color: #EBF2FA;
  border-radius: 8px;
  padding: 4px 8px 4px 8px;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6E7D8C;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  margin-left: 12px;
}
.materialize.materialize .select2-container.dd-field-select.select2-allowclear .select2-choice > .select2-chosen {
  padding-right: 8px;
}
.materialize.materialize .select2-container.dd-field-select.select2-allowclear .select2-choice abbr {
  right: 10px;
}
.materialize.materialize.light .select2-choice .icon,
.materialize.materialize.light .select2-chosen .icon {
  line-height: 36px;
}
.materialize.materialize.light .select2-choice .icon::before,
.materialize.materialize.light .select2-chosen .icon::before {
  color: #8091A3;
}
.materialize.materialize .mb-dropdown {
  width: max-content !important;
}
.materialize.materialize .date-range-picker .custom-range-picker .inner .row h4 {
  margin: auto 0 !important;
}
.materialize.materialize .date-range-picker .custom-range-picker .inner .row .startDate,
.materialize.materialize .date-range-picker .custom-range-picker .inner .row .endDate {
  width: 160px;
}
.materialize.materialize .date-range-picker .custom-range-picker .inner .row .startTime,
.materialize.materialize .date-range-picker .custom-range-picker .inner .row .endTime {
  width: 128px;
}
.materialize.materialize.light .meta-object-editor .controls li .body .select2-container-disabled .select2-choice,
.materialize.materialize.light .meta-object-editor .controls li .body .select2-container-disabled .select2-arrow {
  background-color: transparent;
}
.materialize.materialize .meta-object-editor .controls li .body .select2-container.select2-container-disabled:hover .select2-choice .select2-arrow b:before {
  color: #A7B7C7;
}
.materialize.materialize.light .typeEditor .select2-choice {
  padding: 0 !important;
}
.materialize.materialize .select2-control .select2-container-active ~ .actions-container {
  border: none;
}
.materialize.materialize .select2-control .actions-container {
  margin-top: 4px;
}
.materialize.materialize .select2-control .actions-container .error-message {
  color: #F55F7A;
}
.materialize.materialize .select2-container-multi {
  padding-left: 2px;
}
.materialize.materialize .select2-container-multi .select2-input {
  display: none;
}
.materialize.materialize .select2-container-multi .select2-input.select2-focused {
  display: inline-block;
}
.materialize.materialize .select2-container-multi .select2-choices {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.materialize.materialize .select2-container-multi .select2-choices .select2-search-choice {
  letter-spacing: 0;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  text-transform: initial;
  color: #6E7D8C;
  background-color: #EBF2FA;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-image: none;
}
.materialize.materialize .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  line-height: 12px;
}
.materialize.materialize .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before {
  line-height: 17px;
}
.materialize.materialize .select2-container-multi.select2-container-disabled .select2-choices {
  cursor: initial;
}
.materialize.materialize .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  color: #A7B7C7;
}
.materialize.materialize .select2-default {
  color: #5E6B78 !important;
}
.materialize.materialize .select2-container-multi.droppable-field,
.materialize.materialize .select2-container.droppable-field {
  border-style: dashed;
}
.materialize.materialize .select2-container-multi.droppable-field .select2-choices,
.materialize.materialize .select2-container.droppable-field .select2-choices,
.materialize.materialize .select2-container-multi.droppable-field .select2-choice,
.materialize.materialize .select2-container.droppable-field .select2-choice {
  border-style: none;
}
.materialize.materialize .modal-region {
  padding: 10px;
}
.materialize.materialize .striim-modal {
  border-radius: 10px;
}
.materialize.materialize .striim-modal.small {
  max-width: 500px;
}
.materialize.materialize .striim-modal.medium {
  min-width: 500px;
  max-width: 1000px;
}
.materialize.materialize .striim-modal.medium-query {
  width: 664px;
}
.materialize.materialize .striim-modal.large {
  min-width: 1000px;
}
.materialize.materialize .striim-modal.large header,
.materialize.materialize .striim-modal.large > header {
  box-shadow: none;
}
.materialize.materialize .striim-modal.large footer {
  box-shadow: none;
}
.materialize.materialize .striim-modal.empty {
  min-width: 200px;
}
.materialize.materialize .striim-modal header h2,
.materialize.materialize .striim-modal .heading h2,
.materialize.materialize .striim-modal header h3,
.materialize.materialize .striim-modal .heading h3,
.materialize.materialize .striim-modal header .inner h1,
.materialize.materialize .striim-modal .heading .inner h1 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #1E1E5C;
}
.materialize.materialize .striim-modal header,
.materialize.materialize .striim-modal > header {
  min-width: inherit;
  max-width: inherit;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize .striim-modal .modal-body .inner {
  padding: 16px 24px;
}
.materialize.materialize .striim-modal footer {
  min-width: inherit;
  max-width: inherit;
  border-top: 1px solid #D8E4F0;
  border-radius: 0 0 10px 10px;
}
.materialize.materialize .striim-modal.critical footer > .controls .submit,
.materialize.materialize .striim-modal.deleteModal footer > .controls .submit,
.materialize.materialize .striim-modal.delete-application-dialog footer > .controls .submit {
  background-color: #DB2A4A;
  border-color: #C52643;
}
.materialize.materialize .striim-modal.critical footer > .controls .submit:hover,
.materialize.materialize .striim-modal.deleteModal footer > .controls .submit:hover,
.materialize.materialize .striim-modal.delete-application-dialog footer > .controls .submit:hover {
  background-color: #C52643;
  border-color: #AF223B;
}
.materialize.materialize .striim-modal.critical footer > .controls .submit:focus,
.materialize.materialize .striim-modal.deleteModal footer > .controls .submit:focus,
.materialize.materialize .striim-modal.delete-application-dialog footer > .controls .submit:focus,
.materialize.materialize .striim-modal.critical footer > .controls .submit:active,
.materialize.materialize .striim-modal.deleteModal footer > .controls .submit:active,
.materialize.materialize .striim-modal.delete-application-dialog footer > .controls .submit:active {
  background-color: #991D34;
  border-color: #83192C;
}
.materialize.materialize .striim-modal.no-borders header {
  border-bottom-width: 0;
}
.materialize.materialize .striim-modal.no-borders footer {
  border-top-width: 0;
}
.materialize.materialize .striim-modal header > .controls .cancel.btn {
  display: none;
}
.materialize.materialize .striim-modal footer > .controls .btn-flat {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 8px;
  user-select: none;
  box-shadow: none;
  color: #089BEE;
  border: none;
  height: 36px;
  line-height: 36px;
}
.materialize.materialize .striim-modal footer > .controls .btn-flat i {
  font-size: 20px;
}
.materialize.materialize .striim-modal footer > .controls .btn-flat i.left {
  margin-right: 8px;
}
.materialize.materialize .striim-modal footer > .controls .btn-flat i.right {
  margin-left: 8px;
}
.materialize.materialize .striim-modal footer > .controls .btn-flat:hover,
.materialize.materialize .striim-modal footer > .controls .btn-flat:focus {
  background-color: #EBF2FA;
  color: #0674B2;
}
.materialize.materialize .striim-modal footer > .controls .btn-flat:active {
  background-color: #BCC9D6;
  color: #045380;
}
.materialize.materialize .striim-modal footer > .controls .btn-flat.disabled {
  background-color: transparent;
  color: #A7B7C7;
}
.materialize.materialize .striim-modal footer > .controls .btn {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 8px;
  user-select: none;
  box-shadow: none;
  letter-spacing: 0.14px;
  color: #F7FBFF;
  background-color: #089BEE;
  border: 1px solid #0785CC;
  height: 36px;
  line-height: 34px;
}
.materialize.materialize .striim-modal footer > .controls .btn i {
  font-size: 20px;
}
.materialize.materialize .striim-modal footer > .controls .btn i.left {
  margin-right: 8px;
}
.materialize.materialize .striim-modal footer > .controls .btn i.right {
  margin-left: 8px;
}
.materialize.materialize .striim-modal footer > .controls .btn:hover {
  background-color: #0785CC;
  border-color: #0674B2;
}
.materialize.materialize .striim-modal footer > .controls .btn:focus,
.materialize.materialize .striim-modal footer > .controls .btn:active {
  border-color: #045380;
  background-color: #056499;
}
.materialize.materialize .striim-modal footer > .controls .btn.disabled {
  background-color: #D8E4F0 !important;
  border: 1px solid #A7B7C7 !important;
  color: #A7B7C7 !important;
}
.materialize.materialize .striim-modal footer > .controls .btn:disabled {
  border-color: #A7B7C7;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  color: #48525C;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon:hover,
.materialize.materialize .striim-modal footer > .controls .btn.icon:focus {
  background-color: #EBF2FA;
  border-color: transparent;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon:active {
  background-color: #BCC9D6;
  border-color: transparent;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon:disabled,
.materialize.materialize .striim-modal footer > .controls .btn.icon.disabled,
.materialize.materialize .striim-modal footer > .controls .btn.icon[disabled] {
  color: #A7B7C7 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon:disabled:hover,
.materialize.materialize .striim-modal footer > .controls .btn.icon.disabled:hover,
.materialize.materialize .striim-modal footer > .controls .btn.icon[disabled]:hover {
  background-color: transparent;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon.secondary {
  background-color: #D8E4F0;
  border-color: #BCC9D6;
  color: #48525C;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon.secondary:hover,
.materialize.materialize .striim-modal footer > .controls .btn.icon.secondary:focus {
  background-color: #BCC9D6;
  border-color: #A7B7C7;
}
.materialize.materialize .striim-modal footer > .controls .btn.icon.secondary:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.materialize.materialize .striim-modal footer > .controls .btn.dropdown {
  border: 1px solid #0785CC !important;
}
.materialize.materialize .striim-modal .modal-body .limit-content {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.materialize.materialize .striim-modal .controls .button.cancel {
  border: none;
}
.materialize.materialize .modal-bg {
  background: rgba(21, 27, 33, 0.7);
}
.materialize.materialize .date-range-picker .custom-range-picker .inner input {
  background-color: #FFF;
  color: #0F0F42;
}
.materialize.materialize .date-range-picker .custom-range-picker .inner input:hover {
  border-color: #BCC9D6;
}
.materialize.materialize .date-range-picker .custom-range-picker .inner input:active {
  border-color: #A7B7C7;
}
.materialize.materialize .date-range-picker .custom-range-picker .inner input:disabled {
  border-color: #EBF2FA;
  color: #A7B7C7;
}
.materialize.materialize .ui-datepicker {
  width: initial;
  min-width: 300px;
  position: absolute !important;
  top: unset !important;
  left: unset !important;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header {
  border-radius: 10px 10px 0 0;
  border: 1px solid #D8E4F0;
  background-color: #FFF;
  padding: 8px 16px;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #6E7D8C;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  margin-right: 20px;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  top: 8px;
  left: 16px;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span {
  background-image: url(/src/generic/icon/flow-designer-icon/back-089BEE.svg);
  background-size: 15px;
  background-position: center;
  height: 25px;
  width: 25px;
  margin-top: -12.5px !important;
  margin-left: -12.5px !important;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span:hover {
  background-color: #EBF2FA;
  border-radius: 4px;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled > span:hover {
  background-color: transparent;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 8px;
  right: 16px;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-next > span {
  background-image: url(/src/generic/icon/flow-designer-icon/forward_089BEE.svg);
  background-size: 21px;
  background-position: center;
  height: 25px;
  width: 25px;
  margin-top: -12.5px !important;
  margin-left: -12.5px !important;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-next > span:hover {
  background-color: #EBF2FA;
  border-radius: 4px;
}
.materialize.materialize .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled > span:hover {
  background-color: transparent;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar {
  padding: 8px;
  background-color: #FFF;
  border-radius: 0 0 10px 10px;
  border: 1px solid #D8E4F0 !important;
  border-top: none !important;
  border-collapse: separate;
  box-shadow: 0 6px 15px 0 #48525C1F;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar th {
  background-color: #FFF;
  color: #62C0F5;
  border: none;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar th span {
  display: block;
  text-align: center;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar tr {
  border-color: transparent;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar tr:hover {
  background-color: inherit;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td {
  border: none !important;
  border-radius: 6px;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td .ui-state-default {
  background-color: inherit;
  border-radius: inherit;
  color: #6E7D8C;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td:not(.ui-datepicker-unselectable.ui-state-disabled) .ui-state-default:hover {
  background-color: #EBF2FA;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td:not(.ui-datepicker-unselectable.ui-state-disabled) .ui-state-default:active {
  background-color: #BCC9D6;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
  border-color: transparent;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td .ui-state-active {
  background-color: #089BEE;
  color: #F7FBFF;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td .ui-state-active:hover {
  background-color: #0785CC;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  border-color: #BCC9D6;
}
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td > a,
.materialize.materialize .ui-datepicker .ui-datepicker-calendar td > span {
  text-align: center;
}
.materialize.materialize .ui-timepicker-wrapper {
  border-radius: 10px;
  border-color: #D8E4F0;
}
.materialize.materialize .ui-timepicker-list.collection .collection-item {
  padding: 8px 12px;
  border-bottom-width: 0;
}
.materialize.materialize .ui-timepicker-list.collection .collection-item.ui-timepicker-selected {
  background-color: #EBF2FA !important;
}
.materialize.materialize .ui-timepicker-list.collection .collection-item.ui-timepicker-selected:active {
  background-color: #BCC9D6 !important;
  color: #5E6B78;
}
.materialize.materialize .ui-timepicker-wrapper {
  background: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize .ui-timepicker-list.collection .collection-item {
  color: #48525C;
  border: none;
  padding-top: 8px / 2;
  padding-bottom: 8px / 2;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
}
.materialize.materialize .ui-timepicker-list.collection .collection-item:hover {
  background-color: #EBF2FA !important;
}
.materialize.materialize .ui-timepicker-list.collection .collection-item.ui-timepicker-selected {
  background-color: #089BEE !important;
  color: #F7FBFF;
}
.materialize.materialize .left-side-bar {
  min-width: 400px;
  max-width: 486px;
}
.materialize.materialize .left-side-bar > .card,
.materialize.materialize .alert-detail-container,
.materialize.materialize .actions.card {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
}
.materialize.materialize .left-side-bar .btn-flat {
  margin-right: 0 !important;
}
.materialize.materialize .alerts-manager-container .groups {
  padding: 0;
  margin: 0;
  border: 1px solid #D8E4F0;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: none;
}
.materialize.materialize .alerts-manager-container .groups .group-header.card {
  border-radius: 0;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item {
  border-top: 1px solid #D8E4F0;
  background: #F7FBFF;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item.active,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item.active {
  background: #D8E4F0;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item.active:hover,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item.active:hover {
  background: #BCC9D6;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item.active .alert-name,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item.active .alert-name {
  color: #48525C;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item.active .alert-type,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item.active .alert-type {
  color: #8091A3;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item:hover,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item:hover {
  background: #EBF2FA;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item .alert-name,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item .alert-name {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item .chip,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item .chip {
  margin-right: -9px;
  height: 22px;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .item-list-container .left-list-item .alert-type,
.materialize.materialize .alerts-manager-container .groups .item-list-container .left-list-item .alert-type {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
  display: block;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .group-header .group-header-text .group-header-title .group-header-data-wrap,
.materialize.materialize .alerts-manager-container .groups .group-header .group-header-text .group-header-title .group-header-data-wrap {
  width: 100%;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .group-header .group-header-text .group-header-title .group-header-data-wrap .group-title-name,
.materialize.materialize .alerts-manager-container .groups .group-header .group-header-text .group-header-title .group-header-data-wrap .group-title-name {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #48525C;
  height: 24px;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .group-header .group-header-text .group-header-title .group-header-data-wrap .namespace-num-alerts-wrap,
.materialize.materialize .alerts-manager-container .groups .group-header .group-header-text .group-header-title .group-header-data-wrap .namespace-num-alerts-wrap {
  display: flex;
  justify-content: space-between;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .group-header .group-header-text .group-header-title .group-header-data-wrap .namespace-num-alerts-wrap div,
.materialize.materialize .alerts-manager-container .groups .group-header .group-header-text .group-header-title .group-header-data-wrap .namespace-num-alerts-wrap div {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
}
.materialize.materialize .alerts-manager-container .collapsible > li:first-child {
  border-top: none;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .left-alert-heading {
  display: flex;
  align-items: center;
  padding: 6px 0 8px 0;
  margin-top: 10px !important;
  margin-bottom: 8px !important;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .left-alert-heading i {
  margin-left: 0;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .left-alert-heading i.fa-bell-o {
  margin-right: 4px;
}
.materialize.materialize .alerts-manager-container .left-sidebar-container .left-alert-heading i.add-alert {
  margin-left: 4px;
}
.materialize.materialize .alerts-manager-container .left-alert-heading.page-heading {
  color: #1E1E5C !important;
  width: 100%;
  font-size: 24px !important;
  line-height: 32px;
}
.materialize.materialize .alerts-manager-container .button-status-container .left-alert-heading .chip {
  margin: 0;
}
.materialize.materialize .alerts-manager-container .tabs-box {
  margin-bottom: 0;
}
.materialize.materialize .alerts-manager-container .tabs-box .tabs-menu {
  width: inherit;
}
.materialize.materialize .alerts-manager-container #configure-alert > .marionette-wrapper-for-react > .MuiPaper-root {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
  background-color: #fff;
  color: #6E7D8C;
}
.materialize.materialize .alerts-manager-container #configure-alert > .marionette-wrapper-for-react > .MuiPaper-root svg {
  fill: #6E7D8C;
}
.materialize.materialize .alerts-manager-container .alerts-setup-container .setup-config .smtp-connection-control .message.email-error,
.materialize.materialize .alerts-manager-container .alerts-setup-container .setup-config .teams-connection-control .message.email-error {
  border-width: 0;
}
.materialize.materialize .alerts-manager-container .alerts-setup-container .setup-config .smtp-connection-control .message.info,
.materialize.materialize .alerts-manager-container .alerts-setup-container .setup-config .teams-connection-control .message.info {
  border: none;
}
.materialize.materialize .alerts-manager-container .alerts-setup-container .setup-config .field-row h4 {
  letter-spacing: 0 !important;
  text-transform: initial !important;
  margin: 0 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.2px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  color: #5E6B78 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.materialize.materialize .alerts-manager-container .alerts-setup-container .setup-config .field-row h4.active {
  transform: translateY(-22px) !important;
}
.materialize.materialize .alerts-manager-container .alerts-setup-container .actions {
  position: relative;
}
.materialize.materialize .alert-detail-container {
  display: flex;
  flex-direction: column;
}
.materialize.materialize .alert-detail-container .meta-object-editor {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.materialize.materialize .alert-detail-container .meta-object-editor .controls {
  flex: 1;
}
.materialize.materialize .alert-detail-container.card .head h4 {
  color: #5E6B78;
  font-size: 12px !important;
}
.materialize.materialize .alert-detail-container.card .head h4 span {
  height: 12px !important;
  margin-top: -22px !important;
}
.materialize.materialize .alert-detail-container.card h3.component-title {
  margin-top: 16px !important;
  color: #1E1E5C !important;
}
.materialize.materialize .alert-detail-container.card h5.component-title {
  margin: 8px 0 8px 0 !important;
}
.materialize.materialize .alert-detail-container .form-container {
  flex: 1;
}
.materialize.materialize .light .meta-object-editor .controls li.no-label > .field-row {
  margin-bottom: 0;
}
.materialize.materialize .light .meta-object-editor .controls li.no-label > .field-row .body {
  margin-top: 0;
}
.materialize.materialize .light .meta-object-editor .controls li.no-label > .field-row .body .header-with-icon {
  margin-bottom: 0;
}
.materialize.materialize .light .meta-object-editor .controls li.no-label > .field-row .body .col .row {
  margin: 0 !important;
}
.materialize.materialize .interval-control .row {
  margin: 0;
}
.materialize.materialize .from-control-container-Validate_TokenButton .body div {
  margin-bottom: -3px;
}
.materialize.materialize #dashboard .toolbar {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize #dashboard .toolbar .filters-bar-wrap {
  flex: 1;
}
.materialize.materialize #dashboard .toolbar .filters-bar-wrap .filters-bar {
  width: 100%;
}
.materialize.materialize #dashboard .toolbar .filters-bar-wrap .filters-bar .range-btn {
  margin: auto;
}
.materialize.materialize #dashboard .side-menu {
  padding-top: 109px;
}
.materialize.materialize #dashboard .side-menu.card {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
  border-radius: 0;
}
.materialize.materialize #dashboard .side-menu .side-menu-content {
  width: 42px;
}
.materialize.materialize #dashboard .side-menu .side-menu-content.menu-open {
  width: 302px;
}
.materialize.materialize #dashboard .side-menu .side-menu-buttons-content {
  width: 42px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page {
  left: 42px;
  width: 260px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages {
  border-color: #D8E4F0;
  border-radius: 0;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item {
  border-bottom: 1px solid #D8E4F0;
  height: 43px;
  padding: 0;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item.active .page-name {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  font-weight: 500;
  line-height: 20px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item.active .btn-flat:hover {
  background-color: #D8E4F0;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item.active .controls {
  display: flex;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item:hover .controls {
  display: flex;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item .page-name {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  font-weight: 400;
  line-height: 20px;
  color: #48525C;
  padding: 10px 16px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item .controls {
  line-height: unset;
  display: none;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item .controls .btn-flat {
  height: 26px;
  margin: auto 8px auto 0;
}
.materialize.materialize #dashboard .side-menu .side-menu-page ul.pages .collection-item .controls .btn-flat .striimline-icon {
  position: unset;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .sidebar.vis-sidebar {
  padding: 0;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .sidebar.vis-sidebar h3 {
  color: #1E1E5C;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .sidebar.vis-sidebar .description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  font-size: 13px;
  color: #6E7D8C;
  margin-top: 8px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .sidebar.vis-sidebar .vis-header {
  border: solid #D8E4F0;
  border-width: 1px 0 1px 0;
  padding: 16px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .top-container {
  padding: 4px 8px 2px 16px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .top-container h3 {
  line-height: 36px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .top-container .btn-flat .striimline-icon {
  position: unset;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .ps-scrollbar-y-rail {
  right: 0 !important;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper {
  background-color: #F7FBFF;
  padding: 8px 16px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch {
  display: flex;
  padding: 8px;
  margin: 0;
  border: none;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active {
  cursor: move;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active:hover .vis-icon {
  background-color: #056499;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active:hover .sidebar-text {
  color: #5E6B78;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active:active {
  border: none;
  box-shadow: none;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active:active .vis-icon {
  background-color: #045380;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active:active .sidebar-text {
  color: #48525C;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active .vis-icon {
  background-color: #0674B2;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.active .sidebar-text {
  color: #6E7D8C;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch.disabled {
  background-color: transparent;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch .vis-icon {
  width: 44px;
  height: 44px;
  margin: auto 16px auto 0;
  padding: 8px;
  background-color: #A7B7C7;
  border-radius: 8px;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .vis-wrapper .vis-element-wrapper .vis-swatch .sidebar-text {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  font-size: 13px;
  color: #A7B7C7;
  text-align: left;
}
.materialize.materialize #dashboard .side-menu .side-menu-page,
.materialize.materialize #dashboard .side-menu .side-menu-buttons-content .side-menu-button {
  border-color: #D8E4F0;
}
.materialize.materialize #dashboard .side-menu .side-menu-page .striimline-icon,
.materialize.materialize #dashboard .side-menu .side-menu-buttons-content .side-menu-button .striimline-icon {
  background-size: 18px;
  height: 18px;
  width: 18px;
  margin: auto;
}
.materialize.materialize #dashboard .visualizations {
  margin-left: 66px;
}
.materialize.materialize #dashboard .visualizations.visualizations-menu-open {
  margin-left: 326px;
}
.materialize.materialize #dashboard .visualizations .grid-component.page {
  margin-top: 82px;
}
.materialize.materialize #dashboard .viz-config-modal .heading i {
  margin-left: 8px;
}
.materialize.materialize #dashboard .grid-component .handles .handle {
  background-color: #49B5F2;
  color: #49B5F2;
  border-radius: 50%;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header .component-controls {
  background-color: #0F0F42;
}
.materialize.materialize #dashboard.edit-mode .grid-component.active > .controls .component-header {
  border-radius: 8px;
  overflow: hidden;
  opacity: 0.8;
}
.materialize.materialize #dashboard.edit-mode .grid-component.active > .controls .component-header:hover {
  opacity: 1;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header,
.materialize.materialize #dashboard.view-mode .view-mode-controls .component-header {
  height: unset;
  top: unset;
  left: unset;
  right: 0;
  bottom: 3px;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0.8;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header:hover,
.materialize.materialize #dashboard.view-mode .view-mode-controls .component-header:hover {
  opacity: 1;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header .component-controls,
.materialize.materialize #dashboard.view-mode .view-mode-controls .component-header .component-controls {
  background-color: #49B5F2;
  padding: 4px 2px;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button,
.materialize.materialize #dashboard.view-mode .view-mode-controls .component-header .component-controls .button {
  background-color: unset;
  border-radius: 6px;
  padding: 4px;
  margin: 0 6px;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button:hover,
.materialize.materialize #dashboard.view-mode .view-mode-controls .component-header .component-controls .button:hover {
  background-color: #0785CC;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button:active,
.materialize.materialize #dashboard.view-mode .view-mode-controls .component-header .component-controls .button:active {
  background-color: #056499;
}
.materialize.materialize #dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button .striimline-icon,
.materialize.materialize #dashboard.view-mode .view-mode-controls .component-header .component-controls .button .striimline-icon {
  background-size: 20px;
  width: 20px;
  height: 20px;
  display: block;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel {
  border-color: #D8E4F0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .head {
  background-color: #F7FBFF;
  border-color: #D8E4F0;
  margin-left: 1px;
  width: calc(100% - 1px);
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav {
  user-select: none;
  min-height: unset !important;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .series-indicator {
  line-height: initial;
  color: #A7B7C7;
  border-color: #A7B7C7;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .series-indicator.active {
  color: #6A6AA8;
  border-color: #6A6AA8;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .series-indicator:hover:not(.active) {
  color: #323275;
  border-color: #323275;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item {
  line-height: initial;
  color: #6A6AA8;
  border-color: #6A6AA8;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item:hover {
  color: #323275;
  border-color: #323275;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item .icon {
  font-size: 15px;
  vertical-align: top;
  margin-top: 2px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .series-config .delete-series {
  color: #F55F7A;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content {
  overflow: auto;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel {
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .head {
  display: flex;
  margin-left: 0;
  width: 100%;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .head .label,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .head .label {
  float: unset;
  flex: 1;
  display: flex;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .head .label label,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .head .label label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-SemiBold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #5E6B78;
  padding-left: 8px;
  margin: auto 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .head .field-description,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .head .field-description {
  margin-top: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .head .series-nav,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .head .series-nav {
  padding-right: 1px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection {
  border-radius: 0;
  border: none;
  width: 100%;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor {
  width: 100%;
  text-align: unset;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor > .dataseries-editor,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor > .dataseries-editor {
  padding: 0 16px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor > .dataseries-editor .vis-preview-container .vis-preview,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor > .dataseries-editor .vis-preview-container .vis-preview {
  margin-left: 200px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config {
  width: 350px;
  left: -110px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .axis-field-container,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .axis-field-container {
  top: -150px;
  left: 112px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select.droppable-field,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select.droppable-field {
  border-style: none;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select .select2-choice,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select .select2-choice {
  width: 36px;
  border: 1px dashed #D8E4F0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select .select2-choice .select2-chosen,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select .select2-choice .select2-chosen {
  position: relative;
  width: unset;
  left: -8px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select .select2-choice .droppable-placeholder,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.yAxis-config .select2-container.dd-field-select .select2-choice .droppable-placeholder {
  position: relative;
  width: unset;
  left: -12px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.xAxis-config,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.xAxis-config {
  margin-top: 16px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.xAxis-config > .axis-types > .axis-type-editor,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.xAxis-config > .axis-types > .axis-type-editor,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor .axis-config,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor .axis-config {
  display: flex;
  justify-content: end;
  margin-top: 8px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.xAxis-config > .axis-types > .axis-type-editor .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor.xAxis-config > .axis-types > .axis-type-editor .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor .axis-config .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .axis-editor .axis-config .head {
  flex: 1;
  line-height: 36px;
  text-align: right;
  padding: 0 8px 0 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config {
  line-height: unset;
  margin-bottom: unset;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .first-row,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .first-row {
  margin-top: 8px;
  display: flex;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .first-row .series-config-section,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .first-row .series-config-section {
  flex: 1;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .first-row .delete-series,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .first-row .delete-series {
  padding: 0;
  margin: auto 0 18px 16px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .series-config-section,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .series-config .series-config-section {
  padding: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .visualization-preview,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .visualization-preview {
  height: 100%;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .visualization-preview .highcharts-container > span,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .visualization-preview .highcharts-container > span {
  top: 50% !important;
  left: 50% !important;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .visualization-preview .highcharts-container > span .no-data-container,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container.carousel > .field-row > .body .collection .axes-editor .visualization-preview .highcharts-container > span .no-data-container {
  position: relative;
  left: -50%;
  top: -100px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #D8E4F0;
  position: unset;
  width: fit-content;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item {
  display: flex;
  border-top: 1px solid #D8E4F0;
  padding: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:first-child,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:first-child {
  padding: 0;
  border-top: none;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:first-child .remove,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:first-child .remove {
  flex: 1;
  height: 41px;
  border-bottom: 1px solid #D8E4F0;
  background-color: #F7FBFF;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:first-child .remove:before,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:first-child .remove:before {
  transform: translate(0, 41px);
  float: right;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:first-child .field-row .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:first-child .field-row .head {
  display: initial;
  min-width: 92px;
  width: 100%;
  background-color: #F7FBFF;
  border-bottom: 1px solid #D8E4F0;
  padding: 0 10px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:first-child .field-row .head label,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:first-child .field-row .head label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #8091A3;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 40px;
  display: inline-block !important;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:hover,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:hover {
  background-color: #F7FBFF;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:nth-child(even),
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:nth-child(even) {
  background-color: unset;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item:nth-child(odd),
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item:nth-child(odd) {
  background-color: unset;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .field-row,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .field-row {
  margin: 0;
  padding: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .field-row .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .field-row .head {
  display: none;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .field-row .body,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .field-row .body {
  padding: 6px 10px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor {
  display: flex;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor.label-heading > .field-row > .body,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor.label-heading > .field-row > .body {
  display: flex;
  padding: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline {
  display: inline-flex;
  padding: 0;
  vertical-align: top;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .color-input .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .color-input .head,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .color-input .body,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .color-input .body {
  min-width: 92px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .body .color-display-container,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .body .color-display-container {
  width: 36px;
  height: 36px;
  border: 1px solid #D8E4F0;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .body .color-display-container .color-swatch.transparent:before,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .collection-item-body .properties-editor .flow-inline .body .color-display-container .color-swatch.transparent:before {
  line-height: 32px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .remove,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .remove {
  position: unset;
  line-height: unset;
  margin-left: auto;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .items .collection > .collection-item .remove:before,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .items .collection > .collection-item .remove:before {
  vertical-align: middle;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container .add-item .striimline-icon.add,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .body > .collection-editor-container .add-item .striimline-icon.add {
  display: inline-block;
  background-size: 14px;
  width: 12px;
  height: 12px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .editor-content .field-row .head label {
  line-height: 32px;
  vertical-align: top;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .fields-sidebar {
  border-color: #D8E4F0;
  padding: 24px;
  display: flex;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-tile {
  display: table;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-tile .inner {
  display: inline-flex;
  background-color: #EBF2FA;
  border-radius: 8px;
  padding: 4px 8px 4px 8px;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6E7D8C;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .select2-container-multi.droppable-field,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .select2-container.droppable-field {
  padding: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .select2-container .select2-choice {
  line-height: 31px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .select2-container .select2-choice.select2-default {
  line-height: 34px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .select2-container,
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row.custom-layout .body input[type="text"] {
  min-width: 200px;
  width: auto;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row.custom-layout:last-child .body .field-row {
  margin-bottom: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row.custom-layout .body .field-row {
  padding: 0 0 0 8px;
  line-height: unset;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row.custom-layout .body label {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row.custom-layout .body .collection-editor-container .field-row.custom-layout .body .items .collection .collection-item .field-row.custom-layout {
  display: flex;
  flex-direction: column;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row > .head {
  padding: 0;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row > .body {
  padding: 0;
  line-height: unset;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row .head {
  width: unset;
  line-height: unset;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row .head label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .field-row .head label .icon-tooltip {
  font-size: 16px;
  margin-top: 0;
  margin-left: 4px;
  line-height: inherit;
}
.materialize.materialize #dashboard .striim-modal.dashboard-edit-visualization .droppable-placeholder {
  line-height: inherit;
}
.materialize.materialize #dashboard .guides {
  border-radius: 8px;
}
.materialize.materialize #dashboard .guides .guides-container > .js-top-row:first-child {
  border-top-left-radius: 8px;
}
.materialize.materialize #dashboard .guides .guides-container > .js-top-row.js-row-end {
  border-top-right-radius: 8px;
  border-width: 1px;
}
.materialize.materialize #dashboard .guides .guides-container > .js-bottom-row.left-corner {
  border-bottom-left-radius: 8px;
}
.materialize.materialize #dashboard .guides .guides-container > .js-bottom-row:last-child {
  border-bottom-right-radius: 8px;
}
.materialize.materialize #dashboard .guides .guides-container .guide {
  border: solid #D8E4F0;
  border-width: 0 0 1px 1px;
}
.materialize.materialize #dashboard .guides .grid-outline {
  border: 1px solid #D8E4F0;
}
.materialize.materialize .sidebar .sidebar-cell .sidebar-cell-content {
  box-shadow: none;
  border-color: #D8E4F0;
  user-select: none;
}
.materialize.materialize .sidebar .sidebar-cell .sidebar-cell-content:hover {
  background-color: #F7FBFF;
}
.materialize.materialize .sidebar .sidebar-cell .sidebar-cell-content:active {
  background-color: #BCC9D6;
}
.materialize.materialize .sidebar .sidebar-cell .sidebar-cell-content.disabled {
  background-color: #BCC9D6;
  color: #5E6B78;
}
.materialize.materialize .sidebar .sidebar-cell .sidebar-cell-content.disabled:hover {
  background-color: #BCC9D6;
}
.materialize.materialize .sidebar .sidebar-cell .sidebar-cell-content.disabled:active {
  background-color: #BCC9D6;
}
.materialize.materialize .striim-modal #permissions-display,
.materialize.materialize .striim-modal #dashboard-copy-code {
  min-height: 200px;
}
.materialize.materialize .striim-modal .query-config .controls {
  padding: 24px;
}
.materialize.materialize .striim-modal .query-config .head {
  margin-top: 0;
}
.materialize.materialize .striim-modal .query-config .head h4 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  letter-spacing: 0.2px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #5E6B78;
}
.materialize.materialize .striim-modal .query-config .body .select2-control {
  width: 350px;
}
.materialize.materialize .striim-modal#style .inner > .properties-editor {
  display: flex;
}
.materialize.materialize .visualization-panel {
  border-radius: 8px;
}
.materialize.materialize .visualization-panel.active,
.materialize.materialize .visualization-panel:hover {
  border-radius: 0;
}
.materialize.materialize .visualization-panel.active .component-style,
.materialize.materialize .visualization-panel:hover .component-style {
  border-radius: 0;
}
.materialize.materialize .visualization-panel .component-style {
  border-radius: 8px;
}
.materialize.materialize .CodeMirror-selected {
  background-color: #EBF2FA;
}
.materialize.materialize .tql-editor,
.materialize.materialize .sidebar .tql-editor,
.materialize.materialize .flow-designer .tql-editor {
  width: 100%;
}
.materialize.materialize .tql-editor.with-header .CodeMirror,
.materialize.materialize .sidebar .tql-editor.with-header .CodeMirror,
.materialize.materialize .flow-designer .tql-editor.with-header .CodeMirror {
  border-radius: 0 0 8px 8px;
}
.materialize.materialize .tql-editor .heading,
.materialize.materialize .sidebar .tql-editor .heading,
.materialize.materialize .flow-designer .tql-editor .heading {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: -3px;
  background-color: #F7FBFF;
  border-color: #D8E4F0;
  border-radius: 8px 8px 0 0;
}
.materialize.materialize .tql-editor .heading .toggle-full-screen,
.materialize.materialize .sidebar .tql-editor .heading .toggle-full-screen,
.materialize.materialize .flow-designer .tql-editor .heading .toggle-full-screen,
.materialize.materialize .tql-editor .heading .toggle-help,
.materialize.materialize .sidebar .tql-editor .heading .toggle-help,
.materialize.materialize .flow-designer .tql-editor .heading .toggle-help {
  display: flex;
}
.materialize.materialize .tql-editor .heading .heading-right,
.materialize.materialize .sidebar .tql-editor .heading .heading-right,
.materialize.materialize .flow-designer .tql-editor .heading .heading-right {
  display: flex;
  flex-direction: row-reverse;
}
.materialize.materialize .tql-editor .heading label,
.materialize.materialize .sidebar .tql-editor .heading label,
.materialize.materialize .flow-designer .tql-editor .heading label {
  color: #6E7D8C;
}
.materialize.materialize .tql-editor .heading label.disabled,
.materialize.materialize .sidebar .tql-editor .heading label.disabled,
.materialize.materialize .flow-designer .tql-editor .heading label.disabled {
  color: #A7B7C7;
}
.materialize.materialize .tql-editor .CodeMirror,
.materialize.materialize .sidebar .tql-editor .CodeMirror,
.materialize.materialize .flow-designer .tql-editor .CodeMirror {
  width: 100%;
  border-color: #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize .tql-editor .info,
.materialize.materialize .sidebar .tql-editor .info,
.materialize.materialize .flow-designer .tql-editor .info {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  background-color: #FFF1CC;
  border: 1px solid #FCE7B1;
  margin-top: 16px;
  border-radius: 8px;
  padding: 8px 40px;
}
.materialize.materialize .tql-editor .info .tiny,
.materialize.materialize .sidebar .tql-editor .info .tiny,
.materialize.materialize .flow-designer .tql-editor .info .tiny {
  position: absolute;
  left: 16px;
  top: calc(50% - (0.5 * 16px));
}
.materialize.materialize .tql-editor .info .tiny.striimline-icon,
.materialize.materialize .sidebar .tql-editor .info .tiny.striimline-icon,
.materialize.materialize .flow-designer .tql-editor .info .tiny.striimline-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.materialize.materialize .tql-editor .info i.close,
.materialize.materialize .sidebar .tql-editor .info i.close,
.materialize.materialize .flow-designer .tql-editor .info i.close {
  position: absolute;
  top: 7px;
  right: 16px;
  color: #1E1E5C;
  font-size: 18px;
  cursor: pointer;
}
.materialize.materialize .tql-editor .info i.close:hover,
.materialize.materialize .sidebar .tql-editor .info i.close:hover,
.materialize.materialize .flow-designer .tql-editor .info i.close:hover {
  color: #050529;
}
.materialize.materialize .tql-editor .info ol,
.materialize.materialize .sidebar .tql-editor .info ol,
.materialize.materialize .flow-designer .tql-editor .info ol {
  margin: 0;
}
.materialize.materialize .tql-editor .info ol li,
.materialize.materialize .sidebar .tql-editor .info ol li,
.materialize.materialize .flow-designer .tql-editor .info ol li {
  margin-top: 0;
  margin-bottom: 8px;
}
.materialize.materialize .tql-editor .info ol li:last-child,
.materialize.materialize .sidebar .tql-editor .info ol li:last-child,
.materialize.materialize .flow-designer .tql-editor .info ol li:last-child {
  margin-bottom: 0;
}
.materialize.materialize .sidebar .tql-editor .heading .toggle-full-screen .material-icons,
.materialize.materialize .flow-designer .tql-editor .heading .toggle-full-screen .material-icons,
.materialize.materialize .sidebar .tql-editor .heading .toggle-help .material-icons,
.materialize.materialize .flow-designer .tql-editor .heading .toggle-help .material-icons {
  margin: auto 0 auto 8px;
}
.materialize.materialize #flowDesignerContainer .tql-editor.full-screen .toggle-help {
  margin-top: 0;
}
.materialize.materialize .flow-designer-root .sh-lt-4dp {
  box-shadow: none;
}
.materialize.materialize .flow-designer-root .app-settings-tab ~ .editors .meta-object-editor .controls {
  padding-bottom: 40px;
}
.materialize.materialize .flow-designer-root .switch label .lever {
  margin: 0;
}
.materialize.materialize .flow-designer-root .property-template .properties-optional > .sidebar-container {
  margin-top: 8px;
}
.materialize.materialize .flow-designer-root .actions.card {
  border-radius: 0;
  overflow: hidden;
  border-width: 1px 0 0 0;
}
.materialize.materialize .flow-designer-root .new-or-existing-selector {
  width: 100%;
}
.materialize.materialize .flow-designer-root .new-or-existing-selector .z-depth-2 {
  box-shadow: none;
}
.materialize.materialize .flow-designer-root .new-or-existing-selector .p-8px {
  padding: 8px 0 0 0 !important;
}
.materialize.materialize .flow-designer-root .new-or-existing-selector .group {
  padding: 0 0 8px 0;
  margin-top: 0;
}
.materialize.materialize .flow-designer-root .new-or-existing-selector .group.active label > span {
  font-weight: initial;
}
.materialize.materialize .flow-designer-root .type-and-field .field-section {
  padding: 8px 0 0 0;
}
.materialize.materialize .flow-designer-root .type-and-field .field-section .field {
  max-width: none !important;
}
.materialize.materialize .flow-designer-root .toolbar .content {
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  display: flex;
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap .flow-dropdown-trigger {
  margin: auto 0;
  height: 24px;
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap .flow-dropdown-trigger:hover {
  background-color: #D8E4F0;
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap .flow-dropdown-trigger > span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #1E1E5C;
  vertical-align: top;
  line-height: 22px;
  display: inline-block;
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap .flow-dropdown-trigger .deployment-info {
  font-weight: 400 !important;
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap .flow-dropdown-trigger #arrow {
  display: inline-block;
  background-size: 14px;
  width: 14px;
  height: 14px;
  background-position: top;
  margin: 5px 8px 0 0;
  transform: rotate(180deg);
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap .flow-dropdown-trigger.active {
  background-color: #D8E4F0;
}
.materialize.materialize .flow-designer-root .toolbar .group.app .flow-dropdown-wrap .flow-dropdown-trigger.active #arrow {
  transform: rotate(0);
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li {
  height: auto;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li .vertical-divider {
  border-left: 1px solid #D8E4F0;
  height: auto;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li a.disabled {
  pointer-events: none;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li .configuration-action {
  display: flex;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete {
  background-color: transparent;
  border: none;
  color: #48525C;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete:hover,
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete:focus {
  background-color: #EBF2FA;
  border-color: transparent;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete:active {
  background-color: #BCC9D6;
  border-color: transparent;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete:disabled,
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete.disabled,
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete[disabled] {
  color: #A7B7C7 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete:disabled:hover,
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete.disabled:hover,
.materialize.materialize .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete[disabled]:hover {
  background-color: transparent;
}
.materialize.materialize .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor {
  width: 100%;
}
.materialize.materialize .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .CodeMirror {
  width: 100%;
}
.materialize.materialize .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .new-or-existing-selector {
  width: 100%;
}
.materialize.materialize .collection a.collection-item:not(.active):hover {
  background-color: #F7FBFF;
}
.materialize.materialize .collection a.collection-item:not(.active):active {
  background-color: #BCC9D6;
}
.materialize.materialize .collection .collection-item.active {
  background-color: #EBF2FA;
}
.materialize.materialize .flow .right-content {
  top: 109px;
  background-color: #EBF2FA;
}
.materialize.materialize .flow .sidebar .sidebar-search {
  border-top: 1px solid #D8E4F0;
  padding: 16px 16px 4px 16px;
}
.materialize.materialize .flow .sidebar .field-row h4 {
  color: #1E1E5C;
}
.materialize.materialize .flow .new-component .available-nodes {
  border-color: #D8E4F0;
}
.materialize.materialize .flow .new-component .available-nodes .node {
  display: flex;
  background-color: #EBF2FA;
  border-color: #D8E4F0;
  cursor: not-allowed;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize .flow .new-component .available-nodes .node span.title span {
  color: #0F0F42;
  font-weight: 600;
}
.materialize.materialize .flow .new-component .available-nodes .node.enabled {
  background-color: #FFF;
  color: #5E6B78;
  cursor: pointer;
}
.materialize.materialize .flow .new-component .available-nodes .node.enabled:hover {
  background-color: #F7FBFF;
}
.materialize.materialize .flow .new-component .available-nodes .node.enabled:active {
  background-color: #D8E4F0;
}
.materialize.materialize .flow .new-component .available-nodes .node.enabled span.title span {
  color: #0F0F42;
  font-weight: 600;
}
.materialize.materialize .flow .emptyDesigner {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  margin: 200px auto auto auto;
  padding-top: 0;
}
.materialize.materialize .flow .emptyDesigner h2 {
  color: #1E1E5C !important;
}
.materialize.materialize .flow .emptyDesigner a {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #089BEE;
}
.materialize.materialize .sidebar .exceptions-sidebar .title-bar {
  display: flex;
  justify-content: space-between;
}
.materialize.materialize .sidebar .exceptions-sidebar .title-bar .header {
  width: auto;
  margin: auto 0;
}
.materialize.materialize .sidebar .exceptions-sidebar .title-bar .header .list-title {
  color: #1E1E5C !important;
}
.materialize.materialize .sidebar .exceptions-sidebar .title-bar .actions {
  width: auto;
}
.materialize.materialize .sidebar .exceptions-sidebar .title-bar > div .icon {
  padding-top: 0;
  margin-top: 0;
}
.materialize.materialize .sidebar .exceptions-sidebar .title-bar > div .icon.context-menu {
  padding: 0 8px;
  font-size: 15px;
}
.materialize.materialize .sidebar .exceptions-sidebar .exceptions-not-active {
  display: flex;
  flex-direction: column;
  margin-top: 48px;
  padding: 0 40px;
}
.materialize.materialize .sidebar .exceptions-sidebar .exceptions-not-active .exceptions-description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize .sidebar .exceptions-sidebar .exceptions-not-active .exceptions-warning {
  display: inline-flex;
  background: #FFF1CC;
  border-radius: 6px;
  border: 1px solid #FCE7B1;
  margin-top: 16px;
  padding: 8px 12px;
}
.materialize.materialize .sidebar .exceptions-sidebar .exceptions-not-active > * {
  margin-left: auto;
  margin-right: auto;
}
.materialize.materialize .sidebar .exceptions-sidebar .exceptions-not-active .icon {
  height: 24px;
}
.materialize.materialize .sidebar .exceptions-sidebar .exceptions-not-active h4 {
  color: #1E1E5C !important;
}
.materialize.materialize .type-and-field .field-header .typeEditor .type-preview .type-name .select2-choice,
.materialize.materialize .flow .sidebar .from-control-container-Input_Stream .body,
.materialize.materialize .typeEditor {
  width: 100%;
}
.materialize.materialize .typeEditor label {
  width: auto !important;
  margin-right: 4px !important;
  color: #5E6B78;
}
.materialize.materialize .typeEditor .type-preview .type-name {
  max-width: none;
}
.materialize.materialize .typeEditor .type-preview .type-preview-select {
  display: flex;
  align-items: center;
}
.materialize.materialize .typeEditor .type-preview .type-preview-select label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  font-weight: 500;
}
.materialize.materialize .typeEditor .type-preview .type-preview-select .type-name {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #0F0F42;
  font-weight: 400;
}
.materialize.materialize .typeEditor .type-preview .close-btn {
  margin-left: 8px;
}
.materialize.materialize .typeEditor .toggleDetails {
  margin: auto 0 auto 8px;
}
.materialize.materialize .typeEditor .info {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  background-color: #FFF1CC;
  border: 1px solid #FCE7B1;
  margin-top: 16px;
  border-radius: 8px;
  padding: 8px 40px;
  padding: 8px;
}
.materialize.materialize .typeEditor .info .tiny {
  position: absolute;
  left: 16px;
  top: calc(50% - (0.5 * 16px));
}
.materialize.materialize .typeEditor .info .tiny.striimline-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.materialize.materialize .typeEditor .info i.close {
  position: absolute;
  top: 7px;
  right: 16px;
  color: #1E1E5C;
  font-size: 18px;
  cursor: pointer;
}
.materialize.materialize .typeEditor .info i.close:hover {
  color: #050529;
}
.materialize.materialize .typeEditor .info ol {
  margin: 0;
}
.materialize.materialize .typeEditor .info ol li {
  margin-top: 0;
  margin-bottom: 8px;
}
.materialize.materialize .typeEditor .info ol li:last-child {
  margin-bottom: 0;
}
.materialize.materialize .typeEditor .save-actions {
  margin-top: 0;
  border-radius: 0 0 12px 12px;
}
.materialize.materialize .fields-list .addField,
.materialize.materialize .save-actions {
  padding: 8px;
}
.materialize.materialize .save-actions a {
  margin-left: 8px;
}
.materialize.materialize .field-detail-container.with-info-implicit .fields-list.with-add-row .addField,
.materialize.materialize .field-detail-container.with-info-global .fields-list.with-add-row .addField,
.materialize.materialize .field-detail-container.with-save-actions .fields-list.with-add-row .addField {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.materialize.materialize .type-and-field .field-header .typeEditor .field-detail-container {
  margin-top: 8px;
}
.materialize.materialize .window-size .card {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize .window-size .card .size-group label.radio {
  padding: 8px;
}
.materialize.materialize .app-status #action-status {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 8px;
  user-select: none;
  box-shadow: none;
  color: #089BEE;
  border: none;
  height: 36px;
  line-height: 36px;
}
.materialize.materialize .app-status #action-status i {
  font-size: 20px;
}
.materialize.materialize .app-status #action-status i.left {
  margin-right: 8px;
}
.materialize.materialize .app-status #action-status i.right {
  margin-left: 8px;
}
.materialize.materialize .app-status #action-status:hover,
.materialize.materialize .app-status #action-status:focus {
  background-color: #EBF2FA;
  color: #0674B2;
}
.materialize.materialize .app-status #action-status:active {
  background-color: #BCC9D6;
  color: #045380;
}
.materialize.materialize .app-status #action-status.disabled {
  background-color: transparent;
  color: #A7B7C7;
}
.materialize.materialize .waction-store-persistence a {
  padding-top: 0;
}
.materialize.materialize .sidebar.right-sidebar.scrollable > div .app-settings-tab {
  margin-top: 0;
  padding-top: 16px;
}
.materialize.materialize .sidebar.right-sidebar.scrollable > div .app-settings-tab .tabs-box {
  width: fit-content;
  margin-left: 24px;
}
.materialize.materialize .flow-designer {
  height: 100%;
}
.materialize.materialize .flow-designer .flow-designer-container {
  background-color: #EBF2FA;
}
.materialize.materialize .flow-designer .flow-designer-container .node.form-validation-error {
  background-color: #FAEDEF !important;
  border-color: #DB2A4A !important;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node {
  background-color: #FFF;
  border-color: #BCC9D6;
  border-width: 1px;
  box-shadow: 0 -2px 8px 0 rgba(2, 2, 2, 0.05);
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed:hover,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.component-cut:not(:hover, :active, .selected) {
  background-color: #FFF;
  border-color: #D8E4F0;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed .node-container .icon-container,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed:hover .node-container .icon-container,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.component-cut:not(:hover, :active, .selected) .node-container .icon-container {
  opacity: 0.6;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed .node-container .text .name p,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed:hover .node-container .text .name p,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.component-cut:not(:hover, :active, .selected) .node-container .text .name p,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed .node-container .text .description,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.dnd-not-allowed:hover .node-container .text .description,
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.component-cut:not(:hover, :active, .selected) .node-container .text .description {
  color: #A7B7C7;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .tag {
  background-color: #D8E4F0;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  letter-spacing: 0.2px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6E7D8C;
  padding: 0 6px;
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .tag.tag-top {
  border-radius: 4px 4px 0 0;
  line-height: 18px;
  left: 12px;
  top: -16.9px;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .tag.tag-top.tag-running {
  background-color: #346CC2;
  color: #fff;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .tag.tag-bottom {
  border-radius: 0 0 4px 4px;
  left: 12px;
  line-height: 16px;
  top: calc(100% + 0.9px);
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .tag.tag-bottom.tag-running {
  background-color: #2E8071;
  color: #fff;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .tag.hidden {
  display: none;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .node-container .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .node-container .text .name p {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #48525C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .node-container .text .description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
  display: inline;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node .node-container .text .form-error-count {
  position: absolute;
  top: 16px;
  right: 8px;
  color: #F7FBFF;
  background-color: #DB2A4A;
  padding: 2px 4px 2px 4px;
  line-height: 14px;
  border-radius: 8px;
  width: 20px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node:hover {
  background-color: #F7FBFF;
  border-color: #BCC9D6;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node:hover .node-container .text .name p {
  color: #48525C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node:hover .node-container .text .description {
  color: #6E7D8C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node:active .node-container .text .name p {
  color: #1E1E5C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node:active .node-container .text .description {
  color: #48525C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected {
  background-color: #D8E4F0;
  border-color: #A7B7C7;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected:hover {
  background-color: #BCC9D6;
  border-color: #A7B7C7;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected:hover .node-container .text .name p {
  color: #1E1E5C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected:hover .node-container .text .description {
  color: #6E7D8C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected:active .node-container .text .name p {
  color: #1E1E5C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected:active .node-container .text .description {
  color: #48525C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected .node-container .text .name p {
  color: #1E1E5C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.graph-node.selected .node-container .text .description {
  color: #6E7D8C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node {
  color: #FFF;
  box-shadow: none;
  background-color: #6E7D8C;
  border-color: #6E7D8C;
  border-width: 1px;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node:hover {
  color: #FFF;
  background-color: #48525C;
  border-color: #48525C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node:active,
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node.selected {
  color: #FFF;
  background-color: #1E1E5C;
  border-color: #1E1E5C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node.dnd-not-allowed,
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node.component-cut:not(:hover, :active, .selected) {
  background-color: #A7B7C7;
  border-color: #A7B7C7;
  color: #EBF2FA;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node.back-pressured {
  color: #FFF;
  background-color: #DB2A4A;
  border-color: #DB2A4A;
  border-width: 0;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node.back-pressured:hover {
  color: #FFF;
  background-color: #AF223B;
  border-color: #AF223B;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node.back-pressured:active {
  color: #FFF;
  background-color: #83192C;
  border-color: #83192C;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node.back-pressured > :first-child {
  margin-top: -3px;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node .node-container .icon:before {
  line-height: 35px;
  font-size: 19px;
  vertical-align: middle;
}
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node .preview-on-run,
.materialize.materialize .flow-designer .flow-designer-container .node.stream-node .connect-new-node {
  top: -1px;
  left: 34px;
  width: 32px;
  height: 31px;
  background-size: 32px;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node {
  background-color: #FFF;
  border-color: #BCC9D6;
  box-shadow: 0 -2px 8px 0 rgba(2, 2, 2, 0.05);
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node:hover {
  background-color: #F7FBFF;
  border-color: #BCC9D6;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node.dnd-not-allowed {
  background-color: #FFF;
  border-color: #D8E4F0;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node.dnd-not-allowed .node-container .icon-flow {
  opacity: 0.6;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node.dnd-not-allowed .node-container span.node-name {
  color: #A7B7C7;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node .node-container .icon {
  background-color: #EBF2FA;
  border-radius: 50%;
  padding: 5px;
  margin: -4px 12px -5px -5px;
  color: #5E6B78;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node .node-container .icon.icon-flow:before {
  margin-left: 2px;
  margin-right: -2px;
}
.materialize.materialize .flow-designer .flow-designer-container .node.flow-node .node-container span.node-name {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
}
.materialize.materialize .flow-designer .flow-designer-container .node .connect-new-node,
.materialize.materialize .flow-designer .flow-designer-container .node .preview-on-run {
  color: #089BEE;
}
.materialize.materialize .flow-designer .flow-designer-container .node .connect-new-node:hover,
.materialize.materialize .flow-designer .flow-designer-container .node .preview-on-run:hover {
  color: #0785CC;
}
.materialize.materialize .left-menu.sidebar {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
  border-radius: 0;
  border-top-width: 0;
}
.materialize.materialize .left-menu.sidebar #sidebar-header h3 {
  line-height: 40px;
}
.materialize.materialize .left-menu.sidebar .component-groups {
  user-select: none;
}
.materialize.materialize .left-menu.sidebar .component-groups .group .items .component {
  width: 93px;
  height: unset;
  margin: 0;
}
.materialize.materialize .left-menu.sidebar .component-groups .group .items .component:not(.disabled):hover {
  background-color: #EBF2FA;
}
.materialize.materialize .left-menu.sidebar .component-groups .group .items .component:not(.disabled):active {
  background-color: #D8E4F0;
}
.materialize.materialize .left-menu.sidebar .component-groups .group .items .component.enabled:hover .shape img {
  filter: brightness(90%);
}
.materialize.materialize .left-menu.sidebar .component-groups .group .items .component.enabled:active .shape img {
  filter: brightness(80%);
}
.materialize.materialize .left-menu.sidebar .component-groups .group .items .component > span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  letter-spacing: 0.2px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6E7D8C;
}
.materialize.materialize .left-menu.sidebar .component-groups .group.active .collapsible-body {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background-color: #F7FBFF;
  border-top: 1px solid #D8E4F0;
  min-height: 108px;
}
.materialize.materialize .left-menu.sidebar .component-groups .group .group-header {
  color: #6E7D8C !important;
  padding: 8px 16px;
}
.materialize.materialize .left-menu.sidebar .component-groups .group .group-header .material-icons {
  font-size: 20px;
  margin-right: 16px;
}
.materialize.materialize .left-menu.sidebar .collapsible-body {
  border-bottom-width: 0;
}
.materialize.materialize .sidebar.right-sidebar .field-row .property-template h3 {
  padding-top: 0;
}
.materialize.materialize .sidebar.right-sidebar,
.materialize.materialize .meta-object-editor .actions,
.materialize.materialize .collapsible > li {
  border-color: #D8E4F0;
}
.materialize.materialize .columns-list .addColumn,
.materialize.materialize .columns-list .columns-errors {
  border: solid #D8E4F0;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 12px 12px;
}
.materialize.materialize .columns-list .addColumn a:not([style*="display: none;"]),
.materialize.materialize .columns-list .columns-errors a:not([style*="display: none;"]) {
  display: inline-block !important;
}
.materialize.materialize .columns-list .columns .column-enricher .CodeMirror {
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  margin-top: -4px;
}
.materialize.materialize .subnav {
  background-color: #1E1E5C;
  height: 36px;
}
.materialize.materialize .subnav .subtle {
  color: #FFF !important;
  vertical-align: middle;
  line-height: 36px !important;
}
.materialize.materialize .subnav .actions a {
  color: #FFF;
}
.materialize.materialize .subnav .actions a:hover {
  color: #D8E4F0;
}
.materialize.materialize .preview-data > div {
  border-top-width: 0;
  background-color: #F7FBFF;
}
.materialize.materialize .preview-data > div .header .actions .icon::before {
  font-size: 17px;
  vertical-align: middle;
}
.materialize.materialize .preview-data > div .header .actions .icon.icon-refresh::before {
  font-size: 21px;
}
.materialize.materialize .preview-data > div .preview-table table th,
.materialize.materialize .preview-data > div .preview-table table td {
  padding: 12px 10px;
}
.materialize.materialize .preview-data > div .preview-table table th {
  border-width: 1px;
  border-bottom-color: #D8E4F0;
}
.materialize.materialize .condition .condition-root {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
  overflow: initial;
}
.materialize.materialize .condition .condition-root.expanded .condition-header {
  border-color: #D8E4F0;
}
.materialize.materialize .condition .condition-root .select2-container {
  width: 100% !important;
}
.materialize.materialize .condition .condition-header {
  padding: 16px;
}
.materialize.materialize .condition .condition-header .expander {
  padding-right: 8px;
  margin-right: initial;
}
.materialize.materialize .condition .condition-header .action-controls .deleteCondition {
  display: flex;
}
.materialize.materialize .condition .brief .stream-name,
.materialize.materialize .condition .brief .brief-conditions {
  background-color: #EBF2FA;
  color: #5E6B78;
}
.materialize.materialize .router-condition-editor .when {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-SemiBold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.materialize.materialize .router-condition-editor .when span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.materialize.materialize .router-condition-editor .customize {
  background-color: #F7FBFF;
  border: 1px solid #D8E4F0;
  color: #5E6B78;
}
.materialize.materialize .app-indicator[data-status="created"] {
  color: #91A3B8;
}
.materialize.materialize .app-indicator[data-status="created"] .progress-icon {
  color: #91A3B8;
}
.materialize.materialize .app-indicator[data-status="created"] .symbol {
  background-color: #A7B7C7;
}
.materialize.materialize .app-indicator[data-status="deployed"],
.materialize.materialize .app-indicator[data-status="stopped"],
.materialize.materialize .app-indicator[data-status="starting_sources"],
.materialize.materialize .app-indicator[data-status="quiesced"],
.materialize.materialize .app-indicator[data-status="completed"] {
  color: #089BEE;
}
.materialize.materialize .app-indicator[data-status="deployed"] .progress-icon,
.materialize.materialize .app-indicator[data-status="stopped"] .progress-icon,
.materialize.materialize .app-indicator[data-status="starting_sources"] .progress-icon,
.materialize.materialize .app-indicator[data-status="quiesced"] .progress-icon,
.materialize.materialize .app-indicator[data-status="completed"] .progress-icon {
  color: #089BEE;
}
.materialize.materialize .app-indicator[data-status="deployed"] .symbol,
.materialize.materialize .app-indicator[data-status="stopped"] .symbol,
.materialize.materialize .app-indicator[data-status="starting_sources"] .symbol,
.materialize.materialize .app-indicator[data-status="quiesced"] .symbol,
.materialize.materialize .app-indicator[data-status="completed"] .symbol {
  background-color: #30A9EE;
}
.materialize.materialize .app-indicator[data-status="recovering_sources"] {
  color: #089BEE;
}
.materialize.materialize .app-indicator[data-status="recovering_sources"] .symbol {
  background-color: transparent;
}
.materialize.materialize .app-indicator[data-status="starting_sources"],
.materialize.materialize .app-indicator[data-status="running"] {
  color: #2AAC5E;
}
.materialize.materialize .app-indicator[data-status="starting_sources"] .progress-icon,
.materialize.materialize .app-indicator[data-status="running"] .progress-icon {
  color: #2AAC5E;
}
.materialize.materialize .app-indicator[data-status="starting_sources"] .symbol,
.materialize.materialize .app-indicator[data-status="running"] .symbol {
  background-color: #36CE73;
}
.materialize.materialize .app-indicator[data-status="halt"] {
  color: #F4B718;
}
.materialize.materialize .app-indicator[data-status="halt"] .progress-icon {
  color: #F4B718;
}
.materialize.materialize .app-indicator[data-status="halt"] .symbol {
  background-color: #F5C549;
}
.materialize.materialize .app-indicator[data-status="invalid"],
.materialize.materialize .app-indicator[data-status="crash"],
.materialize.materialize .app-indicator[data-status="terminated"],
.materialize.materialize .app-indicator[data-status="not_enough_servers"],
.materialize.materialize .app-indicator[data-status="deploy_failed"] {
  color: #DB2A4A;
}
.materialize.materialize .app-indicator[data-status="invalid"] .progress-icon,
.materialize.materialize .app-indicator[data-status="crash"] .progress-icon,
.materialize.materialize .app-indicator[data-status="terminated"] .progress-icon,
.materialize.materialize .app-indicator[data-status="not_enough_servers"] .progress-icon,
.materialize.materialize .app-indicator[data-status="deploy_failed"] .progress-icon {
  color: #DB2A4A;
}
.materialize.materialize .app-indicator[data-status="invalid"] .symbol,
.materialize.materialize .app-indicator[data-status="crash"] .symbol,
.materialize.materialize .app-indicator[data-status="terminated"] .symbol,
.materialize.materialize .app-indicator[data-status="not_enough_servers"] .symbol,
.materialize.materialize .app-indicator[data-status="deploy_failed"] .symbol {
  background-color: #F55F7A;
}
.materialize.materialize .app-indicator[data-status="deploy_failed"] .symbol {
  background-color: #FFF !important;
}
.materialize.materialize .app-indicator .symbol .warning-icon {
  margin-top: -9px;
  margin-left: -1px;
}
.materialize.materialize .flow-designer-root .toolbar .group.app-status ul li .icon {
  font-size: 22px;
}
.materialize.materialize .app-errors .sub-header {
  margin-top: 8px;
}
.materialize.materialize .flow-designer .flow-designer-container .node .node-icon-invalid,
.materialize.materialize .app-errors ul.app-exceptions .exception .exception-icon {
  top: 0;
  left: 0;
  font-size: 15px;
  line-height: 18px;
  background-color: #DB2A4A;
  padding: 0;
  text-align: center;
}
.materialize.materialize .application-progress-container {
  background-color: #FFF;
}
.materialize.materialize .application-progress-container .flexbox.m-10px {
  margin: 0 8px 0 0 !important;
}
.materialize.materialize .application-progress-container .flexbox > .row {
  margin: 0;
}
.materialize.materialize .application-progress-container .stats-top-bar .stat {
  padding: 16px 24px 16px 24px;
  text-align: left;
  border-color: #D8E4F0;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}
.materialize.materialize .application-progress-container .stats-top-bar .stat:first-child {
  border-left: none;
}
.materialize.materialize .application-progress-container .stats-top-bar .stat .p-10px {
  padding: 0 !important;
}
.materialize.materialize .application-progress-container .stats-top-bar .stat .title {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  margin-bottom: 4px;
}
.materialize.materialize .application-progress-container .stats-top-bar .stat h3.large {
  letter-spacing: 0 !important;
  text-transform: initial !important;
  margin: 0 !important;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
}
.materialize.materialize .application-progress-container .stats-top-bar .stat h3.large.blue-color {
  color: #346CC2 !important;
}
.materialize.materialize .application-progress-container .stats-top-bar .stat h3.large.green-color {
  color: #2E8071 !important;
}
.materialize.materialize .application-progress-container .stats-top-bar .helpLink_container {
  justify-content: initial;
}
.materialize.materialize .application-progress-container .stats-top-bar .helpLink_container .text {
  line-height: 15px !important;
  vertical-align: middle;
  color: #6E7D8C !important;
}
.materialize.materialize .application-progress-container .stats-top-bar .helpLink_container .helpIcon {
  margin-left: 4px;
}
.materialize.materialize #flow-map-dropdown .heading {
  padding: 24px;
}
.materialize.materialize #flow-map-dropdown .flow-map-container {
  max-width: 700px;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node {
  width: 147px;
  padding: 5px;
  background-color: #FFF;
  border-color: #BCC9D6;
  box-shadow: 0 -2px 8px 0 rgba(2, 2, 2, 0.05);
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node:hover {
  background-color: #F7FBFF;
  border-color: #BCC9D6;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node.active {
  background-color: #D8E4F0;
  border-color: #A7B7C7;
  color: #5E6B78;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node.active:hover {
  background-color: #BCC9D6;
  border-color: #A7B7C7;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node.active:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node .node-container {
  height: initial;
  width: 100%;
  display: flex;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node .node-container .icon {
  display: inline-block;
  background-color: #EBF2FA;
  border-radius: 50%;
  padding: 5px;
  color: #5E6B78;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node .node-container .node-name {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  font-size: 12px;
  color: #48525C;
  margin: auto 0;
  padding-left: 8px;
  max-width: initial;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node > div {
  padding: 0;
}
.materialize.materialize #flow-map-dropdown .flow-map-container .flow-node > div > span {
  display: initial;
}
.materialize.materialize .modal-body table.dg-options thead th {
  vertical-align: bottom !important;
}
.materialize.materialize .modal-body table.dg-options td,
.materialize.materialize .modal-body table.dg-options th {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
.materialize.materialize .jsplumb-source-endpoint:not([style*="background: transparent"], [style*="background: none"]) {
  overflow: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid #BCC9D6;
}
.materialize.materialize .jsplumb-source-endpoint:not([style*="background: transparent"], [style*="background: none"]).selected {
  border-top-color: #8091A3;
  z-index: 11;
}
.materialize.materialize .jsplumb-target-endpoint:not([style*="background: transparent"], [style*="background: none"]) {
  overflow: auto;
  border-left: 10px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 23px solid #BCC9D6;
}
.materialize.materialize .jsplumb-target-endpoint:not([style*="background: transparent"], [style*="background: none"]).selected {
  border-bottom-color: #8091A3;
  z-index: 11;
}
.materialize.materialize .jsplumb-element-dragging {
  z-index: 11;
}
.materialize.materialize .text-only {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize #login > .card {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
}
.materialize.materialize #login form .field-row .body.full .buttonloader {
  top: 2px;
}
.materialize.materialize #login form .field-row .body.full input {
  padding: 10px 16px 10px 40px;
}
.materialize.materialize #login form .field-row .body.full img {
  top: 10px;
  left: 14px;
  height: 23px;
  width: 23px;
}
.materialize.materialize #login form .field-row .body.full i.username {
  font-size: 0;
  background-image: url("/app/images/striimline/users_bold.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 19px;
  height: 19px;
  left: 12px;
  top: 11px;
}
.materialize.materialize #login form .field-row .body.full i.password {
  font-size: 0;
  background-image: url("/app/images/striimline/key_bold.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 10px;
}
.materialize.materialize #login .logo {
  height: 56px;
}
.materialize.materialize .message.error {
  color: #DB2A4A;
}
.materialize.materialize .manage-striim-container-height {
  height: calc(100% - 88px);
}
.materialize.materialize .meta-object-editor.sidebar-container .icon-maker.graphnode-icon {
  width: 24px;
  height: 24px;
}
.materialize.materialize .meta-object-editor.sidebar-container .icon-maker.graphnode-icon .icon {
  height: 30px !important;
  width: 30px !important;
  margin: -3px 0 0 -3px;
}
.materialize.materialize .meta-object-editor.sidebar-container .icon-maker.graphnode-icon .mirror {
  height: 5px;
  width: 8px;
  bottom: 2px;
  right: 0px;
}
.materialize.materialize .meta-object-editor.sidebar-container .component-title {
  line-height: 3px !important;
  overflow: visible;
  padding-top: 12px;
}
.materialize.materialize .meta-object-editor .controls {
  padding-bottom: 0;
  padding-top: 24px;
}
.materialize.materialize .meta-object-editor .controls li {
  margin-top: 0;
}
.materialize.materialize .meta-object-editor .controls li .head {
  line-height: 1px;
  width: 100%;
}
.materialize.materialize .meta-object-editor .controls li .head.header {
  margin-top: 0;
}
.materialize.materialize .meta-object-editor .controls li .head .subControl {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #050529;
}
.materialize.materialize .meta-object-editor .controls li .head label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.materialize.materialize .meta-object-editor .controls li .head label.active {
  transform: translateY(-22px);
}
.materialize.materialize .meta-object-editor .controls li .head .tooltipstered {
  float: right;
}
.materialize.materialize .meta-object-editor .controls li .body .CodeMirror {
  border-color: #D8E4F0;
}
.materialize.materialize .meta-object-editor .controls li .body .select2-container-disabled .name,
.materialize.materialize .meta-object-editor .controls li .body .select2-container-disabled .select2-arrow,
.materialize.materialize .meta-object-editor .controls li .body .select2-container-disabled span {
  color: #A7B7C7;
}
.materialize.materialize .meta-object-editor .controls li .body .output-to {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
}
.materialize.materialize .meta-object-editor .controls li .radiobutton-list > :nth-child(2) {
  padding-left: 28px;
}
.materialize.materialize .meta-object-editor .controls li .radiobutton-list > label > span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
  line-height: 17px;
  padding-left: 24px;
}
.materialize.materialize .meta-object-editor .controls li .radiobutton-list > label > span.active {
  transform: translateY(-22px);
}
.materialize.materialize .meta-object-editor .controls li .field-row {
  width: auto;
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
}
.materialize.materialize .meta-object-editor .controls li .field-row.from-control-container-Input_Stream {
  margin-top: 24px;
}
.materialize.materialize .meta-object-editor .controls li .field-row .field-section label {
  letter-spacing: 0 !important;
  text-transform: initial !important;
  margin: 0 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.2px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  color: #5E6B78 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: auto;
}
.materialize.materialize .meta-object-editor .controls li .field-row .field-section label.active {
  transform: translateY(-22px) !important;
}
.materialize.materialize .meta-object-editor .controls li .field-row .settingsTitle {
  padding: 0;
}
.materialize.materialize .meta-object-editor .controls li .field-row .head {
  margin-bottom: 4px;
}
.materialize.materialize .meta-object-editor .controls li .field-row .head h4 {
  margin-bottom: 4px !important;
  color: #0F0F42;
}
.materialize.materialize .meta-object-editor .controls li .field-row .head h5 {
  margin-bottom: 4px !important;
  color: #5E6B78;
}
.materialize.materialize .meta-object-editor .controls li .field-row .tggl {
  display: flex;
  align-items: center;
}
.materialize.materialize .meta-object-editor .controls li .field-row .tggl .head {
  margin: 0;
}
.materialize.materialize .meta-object-editor .controls li .field-row .tggl .head h5 {
  margin-bottom: 0 !important;
  align-items: center;
  display: flex;
  line-height: 13px !important;
}
.materialize.materialize .meta-object-editor .controls li .field-row .tggl .head h5 .info.tooltipstered {
  float: left;
  margin-top: 1px;
  margin-left: 4px;
}
.materialize.materialize .meta-object-editor .controls li .field-row .tggl .body {
  width: auto;
  margin-right: 8px;
}
.materialize.materialize .meta-object-editor .controls li .field-row table td {
  border: none;
}
.materialize.materialize .meta-object-editor .controls li .field-row table tr {
  border-bottom: 1px solid #D8E4F0 !important;
}
.materialize.materialize .meta-object-editor .controls li #open-process-list {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: 0;
  background-color: #FFF;
}
.materialize.materialize .meta-object-editor .controls li .process-component-loader {
  padding: 8px;
  border: 1px solid #D8E4F0;
  border-top-width: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.materialize.materialize .meta-object-editor .controls li .from-control-container-Enabled,
.materialize.materialize .meta-object-editor .controls li .from-control-container-Enable_Encryption {
  flex-direction: column;
  align-items: normal;
}
.materialize.materialize .meta-object-editor .controls li .from-control-container-Enabled .body,
.materialize.materialize .meta-object-editor .controls li .from-control-container-Enable_Encryption .body {
  width: fit-content;
}
.materialize.materialize .meta-object-editor .controls .line-break {
  margin: 8px -24px 0 -24px;
  border-color: #D8E4F0;
}
.materialize.materialize .meta-object-editor .actions {
  padding: 24px 24px;
  height: 84px;
  /* 36px buttons height */
}
.materialize.materialize .meta-object-editor .actions button {
  margin-top: 0;
}
.materialize.materialize .meta-object-editor .actions button.submit {
  margin-right: 0;
  margin-left: 8px;
}
.materialize.materialize .meta-object-editor .actions .icon {
  margin-top: 0;
  margin-right: 8px;
}
.materialize.materialize .meta-object-editor *:disabled,
.materialize.materialize .meta-object-editor .disabled:not(.toggle) {
  color: #A7B7C7;
}
.materialize.materialize .metadatabrowser-container .search-wrap {
  z-index: 20;
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize .metadatabrowser-container .mb-container {
  display: flex;
  flex-direction: column;
}
.materialize.materialize .metadatabrowser-container .mb-container #mb-object-header {
  padding-bottom: 16px;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-flex-wrap {
  display: flex;
  flex: 1;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu {
  width: 300px;
  border-radius: 0;
  background-color: #F7FBFF;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader {
  padding: 12px 16px 12px 12px;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader #arrow {
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin-right: 8px;
  -moz-transform: rotate(-0.25turn);
  -webkit-transform: rotate(-0.25turn);
  -o-transform: rotate(-0.25turn);
  transform: rotate(-0.25turn);
  transition-duration: 0.2s;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader #arrow.arrow-expanded {
  -moz-transform: rotate(0turn);
  -webkit-transform: rotate(0turn);
  -o-transform: rotate(0turn);
  transform: rotate(0turn);
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lTitle {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  line-height: 34px;
  color: #6E7D8C;
  display: flex;
  align-items: center;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lTitle .striimline-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lCount {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  margin: auto 0;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info strong {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info .nsfontColor {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-result-list > * {
  border-color: #D8E4F0;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown {
  border-color: #D8E4F0;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown:before {
  border-bottom-color: #D8E4F0;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown.left:before,
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown.left:after {
  left: 80px;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown:after {
  border-width: 8px;
  margin-left: -1px;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-side-menu > div > .z-depth-2 {
  box-shadow: none;
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-obj-details .form-group-container .mb-go-to-component {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  box-shadow: none;
  border: none;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-obj-details .content-center-wrap .content-center img {
  width: 200px;
  height: 187px;
}
.materialize.materialize .metadatabrowser-container .mb-container .md-header h1 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #1E1E5C;
}
.materialize.materialize .metadatabrowser-container .mb-container .md-header .title {
  display: flex;
  justify-content: flex-start;
}
.materialize.materialize .metadatabrowser-container .mb-container .md-header .title .helpable-container {
  margin: auto 0 !important;
}
.materialize.materialize .metadatabrowser-container .mb-container .md-header .title .right-actions {
  margin-left: auto;
}
.materialize.materialize .metadatabrowser-container .mb-container .mb-content-wrapper {
  display: flex;
  flex-direction: row;
  overflow: auto;
  flex: 1;
}
.materialize.materialize .metadatabrowser-container .mb-container .field-detail-container {
  margin-top: 16px !important;
}
.materialize.materialize .metadatabrowser-container.small.right-sidebar .mb-container .mb-obj-details:not(.mb-sm-obj-details) {
  right: -440px;
}
.materialize.materialize .metadatabrowser-container.small .mb-container {
  background-color: #F7FBFF;
  border-left: 1px solid #D8E4F0;
}
.materialize.materialize .metadatabrowser-container.small .mb-container .sliding-div {
  width: 440px;
}
.materialize.materialize .metadatabrowser-container.small .mb-container .mb-obj-details .mb-right-panel-height.card {
  border-radius: 0;
}
.materialize.materialize .metadatabrowser-container.small .mb-container .mb-side-menu .mb-obj-list.search {
  background-color: #FFF;
  border-top: 1px solid #D8E4F0;
}
.materialize.materialize .metadatabrowser-container.small .md-header {
  margin: 16px 16px 0 16px;
}
.materialize.materialize .metadatabrowser-container.small .back-arrow {
  float: right !important;
  padding-right: 0 !important;
  font-size: 28px !important;
}
.materialize.materialize .metadatabrowser-container.small ul.controls li .items-list .list .lineItem {
  padding-right: 8px;
}
.materialize.materialize .metadatabrowser-container.small #mb-object-header {
  background-color: #FFF;
}
.materialize.materialize .metadatabrowser-container.small #mb-object-search {
  background-color: #FFF;
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize .metadatabrowser-container.large {
  height: calc(100% - 88px);
}
.materialize.materialize .metadatabrowser-container.large .meta-object-editor .fields-list table thead tr th:first-child {
  padding: 12px 10px;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .z-depth-2 {
  box-shadow: none;
  border-bottom: 1px solid #D8E4F0;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .force {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #FFF;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader.active-header {
  background-color: #FFF;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lCount {
  display: flex;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lCount > * {
  margin: auto 0;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lCount h6 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .accordion-data .collection-item {
  background-color: #F7FBFF;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info {
  padding: 16px 16px 16px 68px;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info.active {
  background-color: #D8E4F0;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info.active strong {
  color: #48525C;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info.active .nsfontColor {
  color: #5E6B78;
}
.materialize.materialize .metadatabrowser-container.large .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info#message {
  padding: 16px;
  text-align: center;
}
.materialize.materialize .metadatabrowser-container.large .mb-right-panel-height {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
  margin: 0 24px 0 8px;
}
.materialize.materialize .metadatabrowser-container.large .mb-right-panel-height #mb-object-type-form > .meta-object-editor > .controls {
  padding: 24px;
}
.materialize.materialize .metadatabrowser-container.large .new-or-existing-selector {
  width: 100%;
}
.materialize.materialize .metadatabrowser-container.large .new-or-existing-selector .z-depth-2 {
  box-shadow: none;
}
.materialize.materialize .metadatabrowser-container.large .new-or-existing-selector .p-8px {
  padding: 8px 0 0 0 !important;
}
.materialize.materialize .metadatabrowser-container.large .new-or-existing-selector .group {
  padding: 0 0 8px 0;
  margin-top: 0;
}
.materialize.materialize .metadatabrowser-container.large .new-or-existing-selector .group.active label > span {
  font-weight: initial;
}
.materialize.materialize .metadatabrowser-container.large ul.controls li .head {
  max-width: 350px;
}
.materialize.materialize .metadatabrowser-container.large ul.controls li .head span {
  float: right;
}
.materialize.materialize .metadatabrowser-container.large ul.controls li .body .select2-control,
.materialize.materialize .metadatabrowser-container.large ul.controls li .body .interval-control {
  max-width: 350px;
}
.materialize.materialize .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.materialize.materialize .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview label {
  min-width: initial;
  width: initial !important;
}
.materialize.materialize .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview .type-name {
  max-width: 350px;
}
.materialize.materialize .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview .type-name .select2-control {
  line-height: 36px;
}
.materialize.materialize .metadatabrowser-container.large .marionette-wrapper-for-react-form-builder {
  max-width: 350px;
}
.materialize.materialize .metadatabrowser-container.large .md-header .right-actions .close-metadatabrowser {
  display: none;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor {
  width: 100%;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor.with-header .CodeMirror {
  border-radius: 0 0 8px 8px;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .heading {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: -3px;
  background-color: #F7FBFF;
  border-color: #D8E4F0;
  border-radius: 8px 8px 0 0;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .heading .toggle-full-screen,
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .heading .toggle-help {
  display: flex;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .heading .heading-right {
  display: flex;
  flex-direction: row-reverse;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .heading label {
  color: #6E7D8C;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .heading label.disabled {
  color: #A7B7C7;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .CodeMirror {
  width: 100%;
  border-color: #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  background-color: #FFF1CC;
  border: 1px solid #FCE7B1;
  margin-top: 16px;
  border-radius: 8px;
  padding: 8px 40px;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info .tiny {
  position: absolute;
  left: 16px;
  top: calc(50% - (0.5 * 16px));
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info .tiny.striimline-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info i.close {
  position: absolute;
  top: 7px;
  right: 16px;
  color: #1E1E5C;
  font-size: 18px;
  cursor: pointer;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info i.close:hover {
  color: #050529;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info ol {
  margin: 0;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info ol li {
  margin-top: 0;
  margin-bottom: 8px;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .info ol li:last-child {
  margin-bottom: 0;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .new-or-existing-selector {
  width: 100%;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .new-or-existing-selector .z-depth-2 {
  box-shadow: none;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .new-or-existing-selector .p-8px {
  padding: 8px 0 0 0 !important;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .new-or-existing-selector .group {
  padding: 0 0 8px 0;
  margin-top: 0;
}
.materialize.materialize .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .new-or-existing-selector .group.active label > span {
  font-weight: initial;
}
.materialize.materialize .metadatabrowser-container .fields-list {
  width: 100% !important;
  max-height: initial;
}
.materialize.materialize .metadatabrowser-container .window-size {
  width: 100%;
}
.materialize.materialize .metadatabrowser-container ul.controls ul.controls .body .typeEditor,
.materialize.materialize .metadatabrowser-container ul.controls li .body .typeEditor {
  width: 100%;
}
.materialize.materialize .metadatabrowser-container ul.controls ul.controls .body .typeEditor label,
.materialize.materialize .metadatabrowser-container ul.controls li .body .typeEditor label {
  margin-right: 4px !important;
}
.materialize.materialize .metadatabrowser-container ul.controls ul.controls .body .typeEditor .type-preview,
.materialize.materialize .metadatabrowser-container ul.controls li .body .typeEditor .type-preview {
  padding: 0 !important;
  margin-bottom: 4px !important;
}
.materialize.materialize .metadatabrowser-container .typeEditor .field-detail-container {
  margin-top: 8px;
}
.materialize.materialize .metadatabrowser-container.right-sidebar.small .mb-obj-details .form-group-container .mb-go-to-component.card {
  position: sticky;
  background: #fff;
  box-shadow: none;
  border-top: 1px solid #d9e0e3;
}
.materialize.materialize .items-list {
  width: 100%;
}
.materialize.materialize .items-list .list,
.materialize.materialize .items-list .empty-message {
  padding: initial;
  background-color: initial;
  border-color: #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize .items-list .list .lineItem,
.materialize.materialize .items-list .empty-message .lineItem {
  margin-bottom: 0;
  padding: 8px;
  width: auto;
  border-color: #D8E4F0;
}
.materialize.materialize .items-list .list .lineItem .clear-icon,
.materialize.materialize .items-list .empty-message .lineItem .clear-icon {
  top: 10px;
  right: 12px;
}
.materialize.materialize .items-list .empty-message,
.materialize.materialize .items-list .addField {
  padding: 8px;
}
.materialize.materialize .items-list .addField {
  border-color: #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize .items-list.with-add-field .list,
.materialize.materialize .items-list.with-add-field .empty-message {
  border-radius: 8px 8px 0 0;
}
.materialize.materialize .items-list.with-add-field .empty-message {
  color: #91A3B8;
}
.materialize.materialize .items-list.with-add-field .addField {
  border-radius: 0 0 8px 8px;
}
.materialize.materialize .items-list .fields-list.with-add-row .addField {
  border-radius: 0 0 12px 12px;
}
.materialize.materialize .type-and-field {
  margin-right: 0;
}
.materialize.materialize .type-and-field .field-header .typeEditor .type-preview {
  padding: 0;
}
.materialize.materialize .meta-object-editor .controls li .body table .select2-control-container {
  width: initial !important;
}
.materialize.materialize .meta-object-editor .controls li .body table .select2-control-container .select2-choice {
  display: grid;
}
.materialize.materialize .meta-object-editor .controls li .body table .select2-control-container .select2-choice > .select2-chosen {
  display: inline-block;
}
.materialize.materialize .deployment-plan-list-form .headerLine {
  margin-top: 8px;
}
.materialize.materialize .deployment-plan-list-form .headerLine .cell {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #48525C;
}
.materialize.materialize .deployment-plan-list .tbl .tbl-name {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
  line-height: 44px;
  padding-right: 8px;
}
.materialize.materialize #monitor .metrics > div {
  margin-top: 32px;
}
.materialize.materialize #monitor .metrics h2 {
  color: #1E1E5C;
  margin-bottom: 16px;
}
.materialize.materialize #monitor .metrics .collection .collection-item {
  display: flex;
  flex-direction: row;
}
.materialize.materialize #monitor .metrics .collection .collection-item i.material-icons {
  margin-right: 15px;
}
.materialize.materialize #monitor .metrics .collection .collection-item:nth-child(1) {
  word-break: break-all;
}
.materialize.materialize #monitor .metrics .list {
  padding-left: 16px;
}
.materialize.materialize #monitor .metrics .content {
  display: inline-block;
  width: 100%;
  background-color: #FFF;
  margin-top: -1px;
  padding-top: 32px;
  border-radius: 0 8px 8px 8px;
  border: 1px solid #D8E4F0;
}
.materialize.materialize #monitor .metrics .content .separator {
  width: 100%;
  border-top: 1px solid #D8E4F0;
  display: flex;
}
.materialize.materialize #monitor .metrics .content .list {
  border-right: 1px solid #D8E4F0;
  padding: 0;
}
.materialize.materialize #monitor .metrics .content .list h3 {
  display: none;
}
.materialize.materialize #monitor .metrics .content .list ul {
  margin: 0;
  height: initial;
  overflow: initial;
  line-height: 0;
}
.materialize.materialize #monitor .metrics .content .list ul li a {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  padding: 8px 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
.materialize.materialize #monitor .metrics .content .list ul li a.active {
  color: #48525C;
}
.materialize.materialize #monitor .metrics .content .list ul li a i {
  display: none;
}
.materialize.materialize #monitor .metrics .content .data {
  padding: 24px;
}
.materialize.materialize #monitor .panels .overview .card .card-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
.materialize.materialize #monitor .card {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
}
.materialize.materialize #monitor .appOverview,
.materialize.materialize #monitor .nodeOverview {
  margin-top: 32px;
}
.materialize.materialize #monitor .appOverview h2,
.materialize.materialize #monitor .nodeOverview h2 {
  color: #1E1E5C;
  margin-bottom: 16px;
}
.materialize.materialize #monitor .appOverview .ui-jqgrid-htable table :first-child tr:first-child td:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-htable table :first-child tr:first-child td:nth-last-child(2),
.materialize.materialize #monitor .appOverview .ui-jqgrid-btable table :first-child tr:first-child td:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-btable table :first-child tr:first-child td:nth-last-child(2),
.materialize.materialize #monitor .appOverview .ui-jqgrid-htable table :first-child tr:first-child th:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-htable table :first-child tr:first-child th:nth-last-child(2),
.materialize.materialize #monitor .appOverview .ui-jqgrid-btable table :first-child tr:first-child th:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-btable table :first-child tr:first-child th:nth-last-child(2) {
  border-top-right-radius: 13px;
}
.materialize.materialize #monitor .appOverview .ui-jqgrid-htable table :last-child tr:last-child td:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-htable table :last-child tr:last-child td:nth-last-child(2),
.materialize.materialize #monitor .appOverview .ui-jqgrid-btable table :last-child tr:last-child td:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-btable table :last-child tr:last-child td:nth-last-child(2),
.materialize.materialize #monitor .appOverview .ui-jqgrid-htable table :last-child tr:last-child th:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-htable table :last-child tr:last-child th:nth-last-child(2),
.materialize.materialize #monitor .appOverview .ui-jqgrid-btable table :last-child tr:last-child th:nth-last-child(2),
.materialize.materialize #monitor .nodeOverview .ui-jqgrid-btable table :last-child tr:last-child th:nth-last-child(2) {
  border-bottom-right-radius: 13px;
}
.materialize.materialize .more-details-container-dialog .heading h2 {
  color: #1E1E5C;
}
.materialize.materialize .more-details-container-dialog.empty .more-details-table-container {
  display: none;
}
.materialize.materialize .more-details-container-dialog.empty .graphs-container {
  width: 100%;
}
.materialize.materialize .more-details-container-dialog.empty footer {
  height: fit-content;
}
.materialize.materialize .monitor-metrics-dialog .col.p-8px {
  padding-top: 0 !important;
}
.materialize.materialize .monitor-metrics-dialog .col .card {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  overflow: auto;
  margin-bottom: 8px;
}
.materialize.materialize .monitor-metrics-dialog .graphs h4 {
  margin-bottom: 8px;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .header {
  width: 100%;
  border-bottom: 1px solid #D8E4F0;
  padding: 8px 16px;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .header h3 {
  color: #1E1E5C !important;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content {
  display: flex;
  padding: 16px 0;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .card-short-info {
  min-width: unset;
  padding: 0 16px;
  margin: 0;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .card-short-info .big-number {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #1E1E5C;
  line-height: 24px;
  text-align: left;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .card-short-info .unit {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .card-short-info .app-details-checkpoint-icon {
  display: block;
  width: 24px;
  height: 24px;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .table {
  width: auto;
  margin: 0 16px;
  background-color: transparent;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .table tr:hover {
  background-color: transparent;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .table tr td {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  border-color: transparent;
  padding: 0 16px 8px 16px;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .table tr .desc {
  color: #6E7D8C;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .table tr .desc .target-acked-label-icon {
  font-size: 16px;
  line-height: 1px;
  position: relative;
  top: 4px;
}
.materialize.materialize .monitor .appinfopanel .monitor-card .content .table tr .val {
  color: #1E1E5C;
}
.materialize.materialize .monitor .appinfopanel .row .col {
  margin-bottom: 32px;
}
.materialize.materialize .monitor .appinfopanel .row .col:first-child {
  padding-left: 0;
}
.materialize.materialize .monitor .appinfopanel .row .col:last-child {
  padding-right: 0;
}
.materialize.materialize .monitor .appdetails {
  display: flex;
}
.materialize.materialize .monitor .appdetails .appmenu {
  margin-right: 20px;
  padding: 8px 0;
  min-width: 192px;
}
.materialize.materialize .monitor .appdetails .appmenu ul li .collection-item {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  padding: 8px 12px;
  display: flex;
}
.materialize.materialize .monitor .appdetails .appmenu ul li .collection-item .striimline-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 8px;
}
.materialize.materialize .monitor .appdetails .appmenu ul li .collection-item.active {
  color: #48525C;
}
.materialize.materialize .monitor .appdetails .app-card-wrap {
  flex: 1;
}
.materialize.materialize .monitor .appdetails .app-card-wrap .card-content {
  padding: 24px;
}
.materialize.materialize .monitor .appdetails h3 {
  color: #1E1E5C;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .data-result .divider {
  border-top: 1px solid #D8E4F0;
  margin: 24px -24px;
  width: calc(100% + 2 * 24px);
  display: block;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .data-result .json {
  background-color: #F7FBFF;
  border-color: #D8E4F0;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .data-result .visualization-result .card h4 {
  color: #1E1E5C;
  margin-bottom: 8px !important;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .data-result .tab-content {
  margin-top: 16px;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .data-result .tab-content .row {
  margin: -8px;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .divider-vertical {
  border-left: 1px solid #D8E4F0;
  height: 100%;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters {
  display: flex;
  flex-wrap: wrap;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .filter,
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .date-picker-control {
  margin-right: 16px;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .select-label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .uiDateRange {
  display: flex;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .uiDateRange .start {
  margin-right: 16px;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .uiDateRange .time-picker .ui-timepicker-wrapper {
  width: 128px;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .uiDateRange input {
  background-repeat: no-repeat;
  background-position: 8px;
  padding-left: 36px !important;
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .uiDateRange input.datePicker {
  background-image: url("/app/images/striimline/date.svg");
}
.materialize.materialize .monitor .appdetails .appdata .monitor-report .filters .uiDateRange input._timePicker {
  background-image: url("/app/images/striimline/time.svg");
}
.materialize.materialize .tooltipyo.monitor .tooltip-card {
  width: 304px;
  margin-top: 8px;
  border: 1px solid #D8E4F0;
  box-shadow: 0 6px 15px 0 #48525C1F;
}
.materialize.materialize .reportType {
  display: initial;
}
.materialize.materialize .reportType .report-type-content {
  padding: 16px;
}
.materialize.materialize .reportType .report-type-content .title {
  color: #1E1E5C;
  margin-bottom: 8px;
}
.materialize.materialize .reportType .report-type-content .list label {
  margin-bottom: 12px;
}
.materialize.materialize .reportType .report-type-content .picker .picker-text {
  letter-spacing: 0;
  text-transform: initial;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
  margin: 0;
}
.materialize.materialize .reportType .report-type-content .picker .date-time-wrap .datePicker {
  margin-right: 16px;
  flex: 1.1;
}
.materialize.materialize .reportType .report-type-content .picker .date-time-wrap .timePicker {
  flex: 0.9;
}
.materialize.materialize .reportType .report-type-content .picker input {
  line-height: 32px !important;
}
.materialize.materialize .reportType .report-type-footer {
  border-top-color: #D8E4F0;
  padding: 16px;
}
.materialize.materialize .reportType .report-type-footer .btn,
.materialize.materialize .reportType .report-type-footer .btn-flat {
  height: 32px;
  line-height: 32px;
}
.materialize.materialize #source-config-view > .col > .card {
  box-shadow: none;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
}
.materialize.materialize #source-config-view .title-row {
  display: flex;
}
.materialize.materialize #source-config-view .title-row .back-button {
  padding: 8px;
  height: fit-content;
  margin: auto 16px auto 0;
}
.materialize.materialize #source-config-view .title-row .back-button .striimline-icon {
  transform: rotate(0.25turn);
  display: block;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.materialize.materialize #source-config-view .title-row span.file-name {
  color: #089BEE;
}
.materialize.materialize #source-config-view .title-row h1 {
  color: #1E1E5C;
}
.materialize.materialize #source-config-view .title-row h4 {
  color: #8091A3;
}
.materialize.materialize #source-config-view .title-row .save-button {
  margin: auto 0 auto auto;
}
.materialize.materialize #preview #preview-page .card-title {
  margin-bottom: 16px;
}
.materialize.materialize #preview #preview-page .column-left .file {
  padding: 0;
}
.materialize.materialize #preview #preview-page .column-left .file .file-icon {
  margin-right: 16px;
}
.materialize.materialize #preview #preview-page .column-left .file .icon-container {
  min-width: 32px;
  height: 32px;
  background-size: contain;
}
.materialize.materialize #preview #preview-page .column-left .file .file-data {
  margin-bottom: 16px;
}
.materialize.materialize #preview #preview-page .column-left .file .file-data:last-child {
  margin-bottom: 0;
}
.materialize.materialize #preview #preview-page .column-left .file .file-data h4 {
  color: #5E6B78;
}
.materialize.materialize #preview #preview-page .column-left .file .file-data span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  user-select: all;
}
.materialize.materialize #preview #preview-page .column-middle .prop-element {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.materialize.materialize #preview #preview-page .column-middle .prop-element:last-child {
  margin-bottom: 0;
}
.materialize.materialize #preview #preview-page .column-middle .prop-element.fix-select .select2-container {
  padding: 0;
  border: none;
}
.materialize.materialize #preview #preview-page .column-middle .prop-element label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-bottom: 4px;
}
.materialize.materialize #preview #preview-page .column-middle .prop-element .first-line-checkbox span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
.materialize.materialize #preview #preview-page .data-table.card {
  min-height: 400px;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  box-shadow: none;
  padding: 24px;
}
.materialize.materialize #preview #preview-page .card .card-content {
  padding: 24px;
}
.materialize.materialize #formatDateModal #date-format-region {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #5E6B78;
}
.materialize.materialize #formatDateModal #date-format-region .example-value {
  color: #0F0F42;
}
.materialize.materialize #formatDateModal #date-format-region .unix-checkbox span {
  color: #5E6B78;
  margin-bottom: 16px;
}
.materialize.materialize #formatDateModal #format_input_container {
  width: 350px;
  display: flex;
  flex-direction: column;
}
.materialize.materialize #formatDateModal #format_input_container label span.striimline-icon {
  float: right;
  cursor: pointer;
}
.materialize.materialize #formatDateModal #format_input_container label span.striimline-icon:hover {
  opacity: 0.8;
}
.materialize.materialize #formatDateModal #formatting_help {
  height: 530px;
  border-top: 1px solid #D8E4F0;
  margin: 24px -24px 0 -24px;
  padding: 24px 24px 0 24px;
}
.materialize.materialize #formatDateModal #formatting_help h3 {
  color: #1E1E5C;
}
.materialize.materialize #formatDateModal #formatting_help table {
  margin-top: 16px;
}
.materialize.materialize #formatDateModal #formatting_help a {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #089BEE;
}
.materialize.materialize #formatDateModal #formatting_help a:hover {
  color: #0674B2;
}
.materialize.materialize #save-dialog h2,
.materialize.materialize #save-dialog h3 {
  color: #0F0F42;
}
.materialize.materialize #save-dialog .meta-object-editor {
  max-width: 500px;
}
.materialize.materialize #save-dialog .meta-object-editor .controls {
  padding: 0 0 8px 26px;
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/lib/fonts/SourceCodePro-Light.ttf") format("woff");
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/lib/fonts/SourceCodePro-Regular.ttf") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/lib/fonts/SourceSansPro-Light.ttf") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/lib/fonts/SourceSansPro-Regular.ttf") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("/lib/fonts/SourceSansPro-Semibold.ttf") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("/lib/fonts/SourceSansPro-Bold.ttf") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("/lib/fonts/SourceSansPro-Italic.ttf") format("woff");
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/lib/fonts/MaterialIcons-Regular.ttf") format("woff");
  font-display: block;
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: url("/lib/fonts/MaterialIconsOutlined-Regular.otf") format("woff");
   font-display: block;
}


/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/lib/fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/lib/fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/lib/fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('/lib/fonts/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/lib/fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/lib/fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/lib/fonts/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/lib/fonts/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('/lib/fonts/nunito-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('/lib/fonts/nunito-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('/lib/fonts/nunito-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@charset "UTF-8";

@font-face {
  font-family: "striim";
  src: url("/lib/fonts/flow-designer-icons/fonts/striim2-v11.eot");
  src: url("/lib/fonts/flow-designer-icons/fonts/striim2-v11.eot?#iefix") format("embedded-opentype"),
    url("/lib/fonts/flow-designer-icons/fonts/striim2-v11.woff") format("woff"),
    url("/lib/fonts/flow-designer-icons/fonts/striim2-v11.ttf") format("truetype"),
    url("/lib/fonts/flow-designer-icons/fonts/striim2-v11.svg#striim") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "striim" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-autolayout:before {
  content: "\67";
}
.icon-back:before {
  content: "\68";
}
.icon-check:before {
  content: "\70";
}
.icon-choropleth-map:before {
  content: "\71";
}
.icon-close:before {
  content: "\72";
}
.icon-del:before {
  content: "\74";
}
.icon-description:before {
  content: "\75";
}
.icon-download:before {
  content: "\76";
}
.icon-duplicate:before {
  content: "\77";
}
.icon-edit:before {
  content: "\78";
}
.icon-error:before {
  content: "\79";
}
.icon-exit-fullscreen:before {
  content: "\7a";
}
.icon-launch:before {
  content: "\43";
}
.icon-key:before {
  content: "\44";
}
.icon-grab:before {
  content: "\49";
}
.icon-fullscreen:before {
  content: "\4a";
}
.icon-flow:before {
  content: "\4c";
}
.icon-file-writer:before {
  content: "\4d";
}
.icon-exporttql:before {
  content: "\4e";
}
.icon-objects:before {
  content: "\50";
}
.icon-redo:before {
  content: "\52";
}
.icon-setting:before {
  content: "\53";
}
.icon-status:before {
  content: "\58";
}
.icon-stop:before {
  content: "\59";
}
.icon-store:before {
  content: "\5a";
}
.icon-vector-map:before {
  content: "\32";
}
.icon-upload:before {
  content: "\33";
}
.icon-undo:before {
  content: "\34";
}
.icon-undeploy:before {
  content: "\35";
}
.icon-tooltip:before {
  content: "\36";
}
.icon-template:before {
  content: "\37";
}
.icon-admin:before {
  content: "\62";
}
.icon-window:before {
  content: "\69";
}
.icon-type:before {
  content: "\6a";
}
.icon-cq:before {
  content: "\73";
}
.icon-preview:before {
  content: "\24";
}
.icon-server:before {
  content: "\27";
}
.icon-arrow-small:before {
  content: "\65";
}
.icon-arrow-small-dn:before {
  content: "\66";
}
.icon-arrow-to:before {
  content: "\23";
}
.icon-add:before {
  content: "\61";
}
.icon-paste:before {
  content: "\41";
}
.icon-stream:before {
  content: "\51";
}
.icon-target:before {
  content: "\39";
}
.icon-redshift:before {
  content: "\28";
}
.icon-kafka:before {
  content: "\64";
}
.icon-data-striim:before {
  content: "\29";
}
.icon-arrow-small:before {
  content: "\45";
}
.icon-arrow-expanded:before {
  content: "\6b";
}
.icon-components-input-apache:before {
  content: "\6f";
}
.icon-components-input-avro:before {
  content: "\30";
}
.icon-components-input-binary:before {
  content: "\38";
}
.icon-components-enrichment-jdbc:before {
  content: "\22";
}
.icon-components-input-delimiter:before {
  content: "\2b";
}
.icon-components-input-filetail:before {
  content: "\2c";
}
.icon-components-input-freeformtext:before {
  content: "\2d";
}
.icon-components-input-goldengate:before {
  content: "\2e";
}
.icon-components-input-tcp:before {
  content: "\3a";
}
.icon-components-input-snmp:before {
  content: "\3c";
}
.icon-components-input-salesforce:before {
  content: "\3d";
}
.icon-components-input-nvp:before {
  content: "\3f";
}
.icon-components-input-netflow:before {
  content: "\40";
}
.icon-components-input-mqtt:before {
  content: "\5b";
}
.icon-components-input-kafka:before {
  content: "\5d";
}
.icon-components-input-json:before {
  content: "\5e";
}
.icon-components-input-jms:before {
  content: "\5f";
}
.icon-components-input-jdbc:before {
  content: "\60";
}
.icon-components-input-hp:before {
  content: "\7b";
}
.icon-components-input-udp:before {
  content: "\7c";
}
.icon-components-output-email:before {
  content: "\5c";
}
.icon-components-output-file:before {
  content: "\e000";
}
.icon-components-output-jms:before {
  content: "\e003";
}
.icon-components-output-kafka:before {
  content: "\e004";
}
.icon-components-output-mqtt:before {
  content: "\e005";
}
.icon-components-output-s3:before {
  content: "\e007";
}
.icon-components-output-sms:before {
  content: "\e008";
}
.icon-components-processing-window:before {
  content: "\e009";
}
.icon-components-processing-cq:before {
  content: "\e00a";
}
.icon-components-output-sysout:before {
  content: "\e00d";
}
.icon-components-input-mysql:before {
  content: "\7d";
}
.icon-components-enrichment-db:before {
  content: "\7e";
}
.icon-components-input-http:before {
  content: "\e00e";
}
.icon-refresh:before {
  content: "\e00f";
}
.icon-components-input-xml:before {
  content: "\e010";
}
.icon-components-output-webalertui:before {
  content: "\e011";
}
.icon-components-output-database:before {
  content: "\e00b";
}
.icon-components-output-wactionstore:before {
  content: "\e00c";
}
.icon-components-output-hbase:before {
  content: "\e018";
}
.icon-hadoop:before {
  content: "\48";
}
.icon-components-output-hdfs:before {
  content: "\6d";
}
.icon-components-input-hdfs:before {
  content: "\2f";
}
.icon-components-enrichment-hdfs:before {
  content: "\e001";
}
.icon-arrow-expanded:before {
  content: "\6c";
}
.icon-hadoop:before {
  content: "\25";
}
.icon-forward:before {
  content: "\4b";
}
.icon-cluster:before {
  content: "\4f";
}
.icon-cut:before {
  content: "\21";
}
.icon-forward:before {
  content: "\54";
}
.icon-warning:before {
  content: "\31";
}
.icon-components-input-sql:before {
  content: "\3b";
}
.icon-spinner:before {
  content: "\e01a";
}
.icon-components-input-multifilereader:before {
  content: "\e01b";
}
.icon-components-input-windowseventlog:before {
  content: "\e01c";
}
.icon-btn-cache:before {
  content: "\e012";
}
.icon-btn-cq:before {
  content: "\e013";
}
.icon-btn-source:before {
  content: "\e014";
}
.icon-btn-store:before {
  content: "\e015";
}
.icon-btn-window:before {
  content: "\e016";
}
.icon-btn-target:before {
  content: "\e017";
}
.icon-components-input-collectd:before {
  content: "\2a";
}
.icon-app:before {
  content: "\63";
}
.icon-setting-w-arrow:before {
  content: "\55";
}
.icon-source:before {
  content: "\56";
}
.icon-sql:before {
  content: "\57";
}
.icon-start:before {
  content: "\6e";
}
.icon-node:before {
  content: "\3e";
}
.icon-nav:before {
  content: "\e01d";
}
.icon-monitor:before {
  content: "\e01e";
}
.icon-components-output-maprdb:before {
  content: "\42";
}
.icon-components-output-maprstreams:before {
  content: "\7f";
}
.icon-components-input-database:before {
  content: "\e020";
}
.icon-components-output-hbase-1:before {
  content: "\e019";
}
.icon-maprdb:before {
  content: "\e022";
}
.icon-maprstreams:before {
  content: "\e023";
}
.icon-hazelcast:before {
  content: "\e024";
}
.icon-googlecloudplatform:before {
  content: "\e025";
}
.icon-googlecloudplatform-writer:before {
  content: "\e026";
}
.icon-eye-1:before {
  content: "\e028";
}
.icon-components-enrichment-file:before {
  content: "\47";
}
.icon-components-output-azure:before {
  content: "\e027";
}
.icon-azure:before {
  content: "\e029";
}
.icon-azure-hd-insights:before {
  content: "\e02a";
}
.icon-components-output-azure-hd-insights:before {
  content: "\e02b";
}
.icon-oracle:before {
  content: "\80";
}
.icon-threatmap:before {
  content: "\e02f";
}
.icon-azure-event-hub:before {
  content: "\e02d";
}
.icon-database:before {
  content: "\e02e";
}
.icon-bookmark:before {
  content: "\e030";
}
.icon-android-bookmark:before {
  content: "\e031";
}
.icon-list-thumbnails:before {
  content: "\e032";
}
.icon-list:before {
  content: "\e033";
}
.icon-list-ul:before {
  content: "\e034";
}
.icon-tag:before {
  content: "\e035";
}
.icon-tags:before {
  content: "\e036";
}
.icon-components-output-kudu:before {
  content: "\e037";
}
.icon-kudu:before {
  content: "\e038";
}
.icon-components-input-oraclecdc:before {
  content: "\81";
}
.icon-components-output-sql:before {
  content: "\e03b";
}
.icon-components-output-mysql:before {
  content: "\e03c";
}
.icon-components-output-oracle:before {
  content: "\e03d";
}
.icon-components-output-postgresql:before {
  content: "\e03e";
}
.icon-components-output-maprfs:before {
  content: "\e03f";
}
.icon-components-input-maprfs:before {
  content: "\e040";
}
.icon-components-output-redshift:before {
  content: "\e006";
}
.icon-components-output-memsql-components-output-memsql:before {
  content: "\e03a";
}
.icon-help:before {
  content: "\e041";
}
.icon-components-input-opcua:before {
  content: "\e039";
}
.icon-hdisights-31-copy-components-output-azurehdfs:before {
  content: "\82";
}
.icon-components-output-azure-kafka:before {
  content: "\e042";
}
.icon-components-output-azure-hdfs:before {
  content: "\e043";
}
.icon-kinesis-component-output-kinesis:before {
  content: "\e044";
}
.icon-btn-transformation:before {
  content: "\e046";
}
.icon-btn-transformation-security:before {
  content: "\e047";
}
.icon-components-input-s3:before {
  content: "\e045";
}
.icon-components-output-hive:before {
  content: "\e048";
}
.icon-components-output-cassandra:before {
  content: "\e049";
}
.icon-components-input-jmx:before {
  content: "\83";
}
.icon-info:before {
  content: "\e04a";
}
.icon-components-output-jpa:before {
  content: "\e04b";
}
.icon-components-processing-open-processor:before {
  content: "\e04d";
}
.icon-eventtable:before {
  content: "\e04e";
}
.icon-components-enrichment-eventtable:before {
  content: "\e04c";
}
.icon-cache:before {
  content: "\84";
}
.icon-components-output-couchbase:before {
  content: "\e04f";
}
.icon-components-output-salesforceevent:before {
  content: "\e050";
}
.icon-components-input-salesforceevent:before {
  content: "\e051";
}
.icon-components-output-cosmos:before {
  content: "\e052";
}
.icon-components-output-mongo:before {
  content: "\e053";
}
.icon-components-input-mongo:before {
  content: "\e054";
}
.icon-components-input-cosmos:before {
  content: "\e055";
}
.icon-components-input-azureblob:before {
  content: "\e056";
}
.icon-components-output-azuresqldwh:before {
  content: "\e057";
}
.icon-components-output-azureeventhub:before {
  content: "\e058";
}
.icon-components-input-incrementaldelta:before {
  content: "\e02c";
}
.icon-components-input-azuredatalakestore:before {
  content: "\e059";
}
.icon-components-output-azureblobfilesystem:before {
  content: "\e05a";
}
.icon-components-input-azureeventhub:before {
  content: "\e05b";
}
.icon-components-output-hazelcast:before {
  content: "\e05c";
}
.icon-hazelcast:before {
  content: "\e05d";
}
.icon-hbase:before {
  content: "\e021";
}
.icon-components-output-googlecloudplatform:before {
  content: "\e01f";
}
.icon-components-output-googlebigquery:before {
  content: "\e05e";
}
.icon-components-output-googlecloudstroge:before {
  content: "\e05f";
}
.icon-components-output-cloudsql:before {
  content: "\e060";
}
.icon-components-output-salesforce:before {
  content: "\e061";
}
.icon-components-output-azurepostgresql:before {
  content: "\e062";
}
.icon-components-input-postgresqlcdc:before {
  content: "\e063";
}
.icon-components-output-azure-event-hub:before {
  content: "\e064";
}
.icon-speedometer:before {
  content: "\e065";
}
.icon-android-notifications-none:before {
  content: "\e066";
}
.icon-components-output-snowflake:before {
  content: "\e067";
}
.icon-components-output-spanner:before {
  content: "\e068";
}
.icon-btn-transformation-adduserdata:before {
  content: "\e069";
}
.icon-btn-transformation-fieldrenamer:before {
  content: "\e06b";
}
.icon-btn-transformation-fieldsplitter:before {
  content: "\e06a";
}
.icon-btn-transformation-removefield-copy:before {
  content: "\e06c";
}
.icon-btn-transformation-typedeventenricher:before {
  content: "\e06d";
}
.icon-btn-transformation-typedeventfilter:before {
  content: "\e06e";
}
.icon-btn-transformation-typedeventtowaevent:before {
  content: "\e06f";
}
.icon-btn-transformation-wametafilter:before {
  content: "\e070";
}
.icon-btn-transformation-waeventtotypedevent:before {
  content: "\e071";
}
.icon-btn-transformation-waeventtodwstage:before {
  content: "\e072";
}
.icon-btn-transformation-waeventdatamodifier:before {
  content: "\e073";
}
.icon-btn-transformation-typemodifier:before {
  content: "\e074";
}
.icon-components-output-jdbc:before {
  content: "\e002";
}
.icon-android-done:before {
  content: "\e075";
}
.icon-android-close:before {
  content: "\e076";
}
.icon-checkmark:before {
  content: "\e077";
}
.icon-close-round:before {
  content: "\e078";
}
.icon-apache:before {
  content: "\e079";
}
.icon-azure-eventhub:before {
  content: "\e07a";
}
.icon-avro:before {
  content: "\e07b";
}
.icon-azure-newlogo:before {
  content: "\e07c";
}
.icon-azure-postgresql:before {
  content: "\e07d";
}
.icon-azure-synapse-analytics:before {
  content: "\e07e";
}
.icon-azure-storage:before {
  content: "\e07f";
}
.icon-bigquery:before {
  content: "\e080";
}
.icon-binary:before {
  content: "\e081";
}
.icon-cache-1:before {
  content: "\e082";
}
.icon-cassandra:before {
  content: "\e083";
}
.icon-cloudera-hive:before {
  content: "\e084";
}
.icon-cloudsql:before {
  content: "\e085";
}
.icon-cloudstorage:before {
  content: "\e086";
}
.icon-collectd:before {
  content: "\e087";
}
.icon-cosmosdb:before {
  content: "\e088";
}
.icon-cq-1:before {
  content: "\e089";
}
.icon-cq-2:before {
  content: "\e08a";
}
.icon-cq-3:before {
  content: "\e08b";
}
.icon-db:before {
  content: "\e08c";
}
.icon-delim-separated:before {
  content: "\e08d";
}
.icon-event-table:before {
  content: "\e08e";
}
.icon-file:before {
  content: "\e08f";
}
.icon-goldengate:before {
  content: "\e090";
}
.icon-hazelcast-1:before {
  content: "\e091";
}
.icon-hbase-1:before {
  content: "\e092";
}
.icon-hdfs:before {
  content: "\e093";
}
.icon-hdfs-1:before {
  content: "\e094";
}
.icon-hive:before {
  content: "\e095";
}
.icon-hp:before {
  content: "\e096";
}
.icon-jms:before {
  content: "\e097";
}
.icon-jmx:before {
  content: "\e098";
}
.icon-jpa:before {
  content: "\e099";
}
.icon-json:before {
  content: "\e09a";
}
.icon-kafka-1:before {
  content: "\e09b";
}
.icon-kinesis:before {
  content: "\e09c";
}
.icon-kudu-1:before {
  content: "\e09d";
}
.icon-mapr:before {
  content: "\e09e";
}
.icon-mangodb:before {
  content: "\e09f";
}
.icon-memsql:before {
  content: "\e0a0";
}
.icon-mqtt:before {
  content: "\e0a1";
}
.icon-mssql:before {
  content: "\e0a2";
}
.icon-mysql:before {
  content: "\e0a3";
}
.icon-name-value-pair:before {
  content: "\e0a4";
}
.icon-netflow:before {
  content: "\e0a5";
}
.icon-opc-ua-reader:before {
  content: "\e0a6";
}
.icon-open-processor:before {
  content: "\e0a7";
}
.icon-oracle-1:before {
  content: "\e0a8";
}
.icon-postgrate-sql:before {
  content: "\e0a9";
}
.icon-redshift-1:before {
  content: "\e0aa";
}
.icon-s3:before {
  content: "\e0ab";
}
.icon-s3reader:before {
  content: "\e0ac";
}
.icon-salesforce:before {
  content: "\e0ad";
}
.icon-snmp:before {
  content: "\e0ae";
}
.icon-snowflake:before {
  content: "\e0af";
}
.icon-source-1:before {
  content: "\e0b0";
}
.icon-spanner:before {
  content: "\e0b1";
}
.icon-stream-1:before {
  content: "\e0b2";
}
.icon-striim:before {
  content: "\e0b3";
}
.icon-sys-out:before {
  content: "\e0b4";
}
.icon-target-1:before {
  content: "\e0b5";
}
.icon-text:before {
  content: "\e0b6";
}
.icon-tpc:before {
  content: "\e0b7";
}
.icon-transformation-adduserdata:before {
  content: "\e0b8";
}
.icon-transformation-fieldrenamer:before {
  content: "\e0b9";
}
.icon-transformation-fieldsplitter:before {
  content: "\e0ba";
}
.icon-transformation-removefield:before {
  content: "\e0bb";
}
.icon-transformation-security:before {
  content: "\e0bc";
}
.icon-transformation-typedeventenricher:before {
  content: "\e0bd";
}
.icon-transformation-typedeventtowaevent:before {
  content: "\e0be";
}
.icon-transformation-typemodifier:before {
  content: "\e0bf";
}
.icon-transformation-value-filter:before {
  content: "\e0c0";
}
.icon-transformation-waeventdatamodifier:before {
  content: "\e0c1";
}
.icon-transformation-waeventtotypedevent:before {
  content: "\e0c2";
}
.icon-transformation-wametafilter:before {
  content: "\e0c3";
}
.icon-udp:before {
  content: "\e0c4";
}
.icon-waction:before {
  content: "\e0c5";
}
.icon-webalert:before {
  content: "\e0c6";
}
.icon-window-1:before {
  content: "\e0c7";
}
.icon-windows:before {
  content: "\e0c8";
}
.icon-sentinel:before {
  content: "\e0ca";
}

/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url([object Object]);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url([object Object]);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
}

.leaflet-popup-tip-container {
	height: 13px;
}

/*Fixing Issue which was probably caused by upgrade of the leaflet.js - fix is from here https://github.com/teralytics/Leaflet.D3SvgOverlay/issues/23*/
.leaflet-overlay-pane > svg path {
	pointer-events: visible;
	cursor: pointer;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  line-height: 1.5em;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
  border-right:4px solid #78B22C;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: left;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
@-moz-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@-webkit-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}

/* Can style cursor different in overwrite (non-insert) mode */
div.CodeMirror-overwrite div.CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  height: 100%;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-measure pre { position: static; }

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  border-right: none;
  width: 0;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror ::selection { background: #d7d4f0; }
.CodeMirror ::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.CodeMirror-hints{
  position:absolute;
  z-index:100000;
  width:300px;
  height:200px;
  color:black;
  overflow-y: scroll;
  background:#FCFCFC;
  box-shadow: 2px 2px 2px #cccccc;
  padding:10px;
  margin:10px;
  border: 1px solid #cccccc;
  border-radius: 2px;
}

.CodeMirror-hint{
  padding: 10px;
  cursor: pointer;
}

.CodeMirror-hint-active{
  background-color: #78B22C;
  border-radius: 2px;
}

.CodeMirror-overlayscroll-vertical {
    position:absolute;
    z-index: -200000;
}

.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
  position: absolute;
  background: #ccc;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 2px;
}

.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
  position: absolute;
  z-index: 6;
  background: #eee;
}

.CodeMirror-simplescroll-horizontal {
  bottom: 0; left: 0;
  height: 8px;
}
.CodeMirror-simplescroll-horizontal div {
  bottom: 0;
  height: 100%;
}

.CodeMirror-simplescroll-vertical {
  right: 0; top: 0;
  width: 8px;
}
.CodeMirror-simplescroll-vertical div {
  right: 0;
  width: 100%;
}


.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
  display: none;
}

.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
  position: absolute;
  background: #bcd;
  border-radius: 3px;
}

.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
  position: absolute;
  z-index: 6;
}

.CodeMirror-overlayscroll-horizontal {
  bottom: 0; left: 0;
  height: 6px;
}
.CodeMirror-overlayscroll-horizontal div {
  bottom: 0;
  height: 100%;
}

.CodeMirror-overlayscroll-vertical {
  right: 0; top: 0;
  width: 6px;
}
.CodeMirror-overlayscroll-vertical div {
  right: 0;
  width: 100%;
}

/* perfect-scrollbar v0.6.8 */
.ps-container{-ms-touch-action:none;overflow:hidden !important}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color 0.2s linear,opacity 0.2s linear;-moz-transition:background-color 0.2s linear,opacity 0.2s linear;-o-transition:background-color 0.2s linear,opacity 0.2s linear;transition:background-color 0.2s linear,opacity 0.2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color 0.2s linear,opacity 0.2s linear;-moz-transition:background-color 0.2s linear,opacity 0.2s linear;-o-transition:background-color 0.2s linear,opacity 0.2s linear;transition:background-color 0.2s linear,opacity 0.2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}

/*Grid*/
.ui-jqgrid {
	position: relative;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px; z-index:100;}
.ui-jqgrid .ui-common-table {border-width: 0px; border-style: none; border-spacing: 0px; padding: 0;}
/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar {height:19px; padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none;border-right: 0 none; border-top: 0 none;}
.ui-jqgrid .ui-jqgrid-caption {text-align: left;}
.ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px; cursor:pointer;}
.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}
.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
.ui-jqgrid .ui-icon-desc {margin-top:3px;margin-left:-1px;height:12px;}
.ui-jqgrid .ui-i-asc {margin-top:0;height:18px;}
.ui-jqgrid .ui-i-desc {margin-top:0;margin-left:12px;height:18px;}
.ui-jqgrid .ui-single-sort-asc {margin-top:0;height:18px;}
.ui-jqgrid .ui-single-sort-desc {margin-top:-1px;height:18px;}
.ui-jqgrid tr.ui-search-toolbar th { }
.ui-jqgrid .ui-search-table td.ui-search-clear { width:25px;}
.ui-jqgrid tr.ui-search-toolbar td > input { padding-right: 0px;}
.ui-jqgrid tr.ui-search-toolbar select {}

/* body */
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;z-index: 101;}
.ui-jqgrid tr.jqgrow { outline-style: none; }
.ui-jqgrid tr.jqgroup { outline-style: none; }
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid; height:auto;}
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}
.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;border-collapse: separate;}
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 20px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; border-top: 0 none; margin: 0 !important; padding: 0 !important; position: relative; height: auto; min-height: 28px; white-space: nowrap;overflow: hidden;font-size:11px; z-index:101}
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {position: relative;border-left: 0;border-bottom: 0;border-top: 0; height: 28px;}
.ui-jqgrid .ui-pg-table {position: relative; padding: 1px 0; width:auto; margin: 0;}
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:0px 1px;}
.ui-jqgrid .ui-pg-button  { height:auto}
.ui-jqgrid .ui-pg-button span { display: block; margin: 2px; float:left;}
.ui-jqgrid .ui-pg-button:hover { padding: 0;}
.ui-jqgrid .ui-state-disabled:hover {padding:0px;}
.ui-jqgrid .ui-pg-input,.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input { height:14px;width: auto;font-size:.9em; margin:0;line-height: inherit;border: none; padding: 3px 2px}
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {font-size:.9em; line-height:inherit; display:block; height:19px; margin: 0; padding: 3px 0px; border:none;}
.ui-jqgrid .ui-separator {height: 18px; border-left: 2px solid #ccc ;}
.ui-separator-li {height: 2px; border : none;border-top: 2px solid #ccc ; margin: 0; padding: 0; width:100%}
.ui-jqgrid  .dropdownmenu {
	padding: 3px 0 3px 0;
	margin-left: 4px;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div
{padding:1px 0;float:left;position:relative; line-height: 20px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button
{ cursor:pointer; }
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon
{float:left;margin: 2px; width:18px;}
.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea { margin: 0; padding-top:5px;padding-bottom: 5px;}
.ui-jqgrid td textarea {width:auto;height:auto;}
.ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .ui-jqgrid-pager .ui-pager-table {
	width:100%;
	table-layout:fixed;
	height:100%;
}

.ui-jqgrid .ui-jqgrid-pager .ui-paging-info {
	font-weight: normal;
    height: auto;
	margin-top:3px;
	margin-right:4px;
	display: inline;
}
.ui-jqgrid .ui-jqgrid-pager .ui-paging-pager {
	table-layout:auto;
	height:100%;
}
.ui-jqgrid .ui-jqgrid-pager .navtable {
	float:left;
	table-layout:auto;
	height:100%;
}

/*.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative; line-height: 20px; margin-right:3px;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {float:left;margin: 2px; width:18px;}
*/

/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
.ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}
.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0 none !important;}
.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 0 1px 0;}
.ui-jqgrid .ui-th-subgrid {height:20px;}
/* loading */
.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;}
/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {border-left: 0 none;    border-right: 0 none;	height : 27px;overflow: hidden;	}
/*Modal Window */
.ui-jqdialog { font-size:11px !important; }
.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative; height:20px;}

.ui-jqdialog .ui-jqdialog-title {
    margin: .3em .2em .2em .2em;
}
.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -12px 0 0 0; padding: 1px; height: 18px; cursor:pointer;}

.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
.ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}
.ui-jqgrid>.ui-resizable-se { bottom: -3px; right: -3px }
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {margin: 0; overflow:auto;position:relative;}
.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}
.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}
.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}
.EditTable td textarea { width:auto; height:auto;}
.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content input.FormElement {padding: .5em .3em; margin-bottom: 3px}
.ui-jqdialog-content select.FormElement {padding:.3em; margin-bottom: 3px;}
.ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}

.ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}
.ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}
.ui-jqdialog-content .form-view-data {white-space:pre}
.fm-button { height: 18px; display: inline-block; margin:2px 4px 0 0; padding: .6em .5em .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fm-button-icon-left { padding-left: 1.9em; }
.fm-button-icon-right { padding-right: 1.9em; }
.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
.ViewTable {
    border-width: 0;
    border-style: none;
	border-spacing: 1px;
	padding: 4px;
	table-layout: fixed;
}

.ViewTable .CaptionTD, .ViewTable .DataTD {
    padding: 4px;
}
/* End Eorm edit */
/*cell edit*/
.ui-jqgrid .edit-cell {
	padding: 4px 0px 4px 4px;
}
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}
/* inline edit actions button*/
.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
    margin: -1px;
}
.ui-inline-del, .ui-inline-cancel {
    margin-left: 8px;
}

.ui-jqgrid .inline-edit-cell {
	padding: 4px 0px 4px 4px;
}
/* Tree Grid */
.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
.ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}
.ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}
.ui-jqgrid .treeclick {cursor: pointer;}
/* moda dialog */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;}
/*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-caption-rtl {text-align: right;}
.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}
.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}
.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}
.ui-jqgrid .ui-sort-rtl {left:0;}
.ui-jqgrid .tree-wrap-ltr {float: left;}
.ui-jqgrid .tree-wrap-rtl {float: right;}
.ui-jqgrid .ui-ellipsis {-moz-text-overflow:ellipsis;text-overflow:ellipsis;}

/* Toolbar Search Menu , Nav menu*/
.ui-search-menu,
.ui-nav-menu {
    position: absolute;
    padding: 2px 5px;
	z-index:99999;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}
.ui-search-menu.ui-menu .ui-menu-item,
.ui-nav-menu.ui-menu .ui-menu-item {
    list-style-image: none;
    padding-right: 0;
    padding-left: 0;
}

.ui-search-menu.ui-menu .ui-menu-item a,
.ui-nav-menu.ui-menu .ui-menu-item a {
    display: block;
}
.ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover,
.ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover {
    margin: -1px;
    font-weight: normal;
}
.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}
.ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }

a.g-menu-item, a.soptclass, a.clearsearchclass {
    cursor: pointer;
}
.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea,
.ui-jqgrid .ui-jqgrid-view button {
    font-size: 11px;
}
.ui-jqgrid .ui-scroll-popup {width: 95px;}
.ui-search-table select,
.ui-search-table input
{
	padding: 4px 3px;
}

.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator {
	margin-left: 3px;
	margin-right: 3px;
}

.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon {
	margin-left: 3px;
	margin-right: 3px;
}

ul.jqtree-tree {
  list-style: none outside;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0; }
  ul.jqtree-tree ul.jqtree_common {
    list-style: none outside;
    margin-left: 12px;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    display: block; }
  ul.jqtree-tree li.jqtree-closed > ul.jqtree_common {
    display: none; }
  ul.jqtree-tree li.jqtree_common {
    clear: both;
    list-style-type: none; }
  ul.jqtree-tree .jqtree-toggler {
    border-bottom: none;
    color: #333;
    text-decoration: none;
    vertical-align: middle; }
    ul.jqtree-tree .jqtree-toggler:hover {
      color: #000;
      text-decoration: none; }
    ul.jqtree-tree .jqtree-toggler.jqtree-closed {
      background-position: 0 0; }
    ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left {
      margin-right: 0.5em; }
    ul.jqtree-tree .jqtree-toggler.jqtree-toggler-right {
      margin-left: 0.5em; }
  ul.jqtree-tree .jqtree-element {
    cursor: pointer;
    position: relative; }
  ul.jqtree-tree .jqtree-title {
    color: #1C4257;
    vertical-align: middle;
    margin-left: 1.5em; }
    ul.jqtree-tree .jqtree-title.jqtree-title-folder {
      margin-left: 0; }
  ul.jqtree-tree li.jqtree-folder {
    margin-bottom: 4px; }
    ul.jqtree-tree li.jqtree-folder.jqtree-closed {
      margin-bottom: 1px; }
  ul.jqtree-tree li.jqtree-ghost {
    position: relative;
    z-index: 10;
    margin-right: 10px;
    /* todo: add classes to span? */ }
    ul.jqtree-tree li.jqtree-ghost span {
      display: block; }
    ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
      border: solid 2px #0000ff;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      height: 8px;
      width: 8px;
      position: absolute;
      top: -4px;
      left: -6px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
      background-color: #0000ff;
      height: 2px;
      padding: 0;
      position: absolute;
      top: -1px;
      left: 2px;
      width: 100%; }
    ul.jqtree-tree li.jqtree-ghost.jqtree-inside {
      margin-left: 48px; }
  ul.jqtree-tree span.jqtree-border {
    position: absolute;
    display: block;
    left: -2px;
    top: 0;
    border: solid 2px #0000ff;
    border-radius: 6px;
    margin: 0;
    box-sizing: content-box; }
  ul.jqtree-tree li.jqtree-selected > .jqtree-element,
  ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background-color: #97BDD6;
    background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA));
    background: -moz-linear-gradient(top, #BEE0F5, #89AFCA);
    background: -ms-linear-gradient(top, #BEE0F5, #89AFCA);
    background: -o-linear-gradient(top, #BEE0F5, #89AFCA);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }
  ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
    outline: dashed 1px #0000ff; }

ul.jqtree-tree.jqtree-rtl {
  direction: rtl; }
  ul.jqtree-tree.jqtree-rtl ul.jqtree_common {
    margin-left: 0;
    margin-right: 12px; }
  ul.jqtree-tree.jqtree-rtl .jqtree-toggler {
    margin-left: 0.5em;
    margin-right: 0; }
  ul.jqtree-tree.jqtree-rtl .jqtree-title {
    margin-left: 0;
    margin-right: 1.5em; }
    ul.jqtree-tree.jqtree-rtl .jqtree-title.jqtree-title-folder {
      margin-right: 0; }
  ul.jqtree-tree.jqtree-rtl li.jqtree-ghost {
    margin-right: 0;
    margin-left: 10px; }
    ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-circle {
      right: -6px; }
    ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-line {
      right: 2px; }
    ul.jqtree-tree.jqtree-rtl li.jqtree-ghost.jqtree-inside {
      margin-left: 0;
      margin-right: 48px; }
  ul.jqtree-tree.jqtree-rtl span.jqtree-border {
    right: -2px; }

span.jqtree-dragging {
  color: #fff;
  background: #000;
  opacity: 0.6;
  cursor: pointer;
  padding: 2px 8px; }

/* IE 6, 7, 8 */
@media \0screen\,screen\9 {
  ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
    background: url([object Object]) no-repeat;
    border: 0 none; } }

.color_ultra_light_2 {
  background-color: #f5f6fc;
}
.color_ultra_light_1 {
  background-color: #fafafa;
}
.color_ultra_light {
  background-color: #f6f6f6;
}
.color_ultra_light_-1 {
  background-color: #e9e9e9;
}
.color_ultra_light_-15 {
  background-color: #e2e2e2;
}
.color_ultra_light_-2 {
  background-color: #d7d7d7;
}
.color_light_2 {
  background-color: #e9eff1;
}
.color_light_1 {
  background-color: #dfe8ec;
}
.color_light {
  background-color: #d0dde2;
}
.color_light_-1 {
  background-color: #c0d1d8;
}
.color_light_-2 {
  background-color: #b6cad2;
}
.color_dark_teal_2 {
  background-color: #02166c;
}
.color_dark_teal_15 {
  background-color: #021258;
}
.color_dark_teal_1 {
  background-color: #020f49;
}
.color_dark_teal {
  background-color: #010a30;
}
.color_dark_teal_-1 {
  background-color: #000517;
}
.color_dark_teal_-15 {
  background-color: #000208;
}
.color_dark_teal_-2 {
  background-color: #000000;
}
.color_red_2 {
  background-color: #f05d3b;
}
.color_red_1 {
  background-color: #ed411a;
}
.color_red {
  background-color: #dd3711;
}
.color_red_-1 {
  background-color: #c5310f;
}
.color_red_-2 {
  background-color: #a4290d;
}
.color_orange_2 {
  background-color: #fbc061;
}
.color_orange_1 {
  background-color: #fab23e;
}
.color_orange {
  background-color: #f9a825;
}
.color_orange_-1 {
  background-color: #f89e0c;
}
.color_orange_-2 {
  background-color: #db8906;
}
.color_blue_2 {
  background-color: #23c3ff;
}
.color_blue_1 {
  background-color: #00baff;
}
.color_blue {
  background-color: #00a7e5;
}
.color_blue_-1 {
  background-color: #0094cc;
}
.color_blue_-2 {
  background-color: #007aa8;
}
.color_green_2 {
  background-color: #12bf6b;
}
.color_green_1 {
  background-color: #0f9e59;
}
.color_green {
  background-color: #0d874c;
}
.color_green_-1 {
  background-color: #0b703f;
}
.color_green_-2 {
  background-color: #084f2d;
}
/*************************************************************************************
                                      HEADER
 *************************************************************************************/
/*************************************************************************************
                                      MODAL
 *************************************************************************************/
/*************************************************************************************
                                      TOOLTIPSTER
 *************************************************************************************/
/*************************************************************************************
                                        THEME - Basics
*************************************************************************************/
/***appwizard references**/
/*** tiles ***/
/*** list ***/
/***appwizard references**/
/***editors**/
/*** Flow Designer ***/
/* --- light */
/* --- dark */
/*** MetadataBrowser ***/
/********************************************************/
/** Below should be removed at the end of this exercise **/
/********************************************************/
.h1-color {
  color: #00a7e5;
}
.h2-color {
  color: rgba(197, 207, 211, 0.5);
}
.flexbox .container-fluid,
.flexbox .container {
  margin-right: auto;
  margin-left: auto;
}
.flexbox .container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}
.flexbox .row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.flexbox .row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flexbox .col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flexbox .col-xs,
.flexbox .col-xs-1,
.flexbox .col-xs-2,
.flexbox .col-xs-3,
.flexbox .col-xs-4,
.flexbox .col-xs-5,
.flexbox .col-xs-6,
.flexbox .col-xs-7,
.flexbox .col-xs-8,
.flexbox .col-xs-9,
.flexbox .col-xs-10,
.flexbox .col-xs-11,
.flexbox .col-xs-12,
.flexbox .col-xs-offset-0,
.flexbox .col-xs-offset-1,
.flexbox .col-xs-offset-2,
.flexbox .col-xs-offset-3,
.flexbox .col-xs-offset-4,
.flexbox .col-xs-offset-5,
.flexbox .col-xs-offset-6,
.flexbox .col-xs-offset-7,
.flexbox .col-xs-offset-8,
.flexbox .col-xs-offset-9,
.flexbox .col-xs-offset-10,
.flexbox .col-xs-offset-11,
.flexbox .col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.flexbox .col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}
.flexbox .col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.flexbox .col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.flexbox .col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.flexbox .col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.flexbox .col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.flexbox .col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.flexbox .col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.flexbox .col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.flexbox .col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.flexbox .col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.flexbox .col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.flexbox .col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.flexbox .col-xs-offset-0 {
  margin-left: 0;
}
.flexbox .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.flexbox .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.flexbox .col-xs-offset-3 {
  margin-left: 25%;
}
.flexbox .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.flexbox .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.flexbox .col-xs-offset-6 {
  margin-left: 50%;
}
.flexbox .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.flexbox .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.flexbox .col-xs-offset-9 {
  margin-left: 75%;
}
.flexbox .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.flexbox .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.flexbox .start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}
.flexbox .center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flexbox .end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}
.flexbox .top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flexbox .middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flexbox .bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flexbox .around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flexbox .between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flexbox .first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.flexbox .last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media only screen and (min-width: 48em) {
  .flexbox .container {
    width: 49rem;
  }
  .flexbox .col-sm,
  .flexbox .col-sm-1,
  .flexbox .col-sm-2,
  .flexbox .col-sm-3,
  .flexbox .col-sm-4,
  .flexbox .col-sm-5,
  .flexbox .col-sm-6,
  .flexbox .col-sm-7,
  .flexbox .col-sm-8,
  .flexbox .col-sm-9,
  .flexbox .col-sm-10,
  .flexbox .col-sm-11,
  .flexbox .col-sm-12,
  .flexbox .col-sm-offset-0,
  .flexbox .col-sm-offset-1,
  .flexbox .col-sm-offset-2,
  .flexbox .col-sm-offset-3,
  .flexbox .col-sm-offset-4,
  .flexbox .col-sm-offset-5,
  .flexbox .col-sm-offset-6,
  .flexbox .col-sm-offset-7,
  .flexbox .col-sm-offset-8,
  .flexbox .col-sm-offset-9,
  .flexbox .col-sm-offset-10,
  .flexbox .col-sm-offset-11,
  .flexbox .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .flexbox .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .flexbox .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .flexbox .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .flexbox .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .flexbox .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .flexbox .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .flexbox .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .flexbox .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .flexbox .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .flexbox .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .flexbox .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .flexbox .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .flexbox .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .flexbox .col-sm-offset-0 {
    margin-left: 0;
  }
  .flexbox .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .flexbox .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .flexbox .col-sm-offset-3 {
    margin-left: 25%;
  }
  .flexbox .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .flexbox .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .flexbox .col-sm-offset-6 {
    margin-left: 50%;
  }
  .flexbox .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .flexbox .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .flexbox .col-sm-offset-9 {
    margin-left: 75%;
  }
  .flexbox .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .flexbox .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .flexbox .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .flexbox .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .flexbox .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .flexbox .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flexbox .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flexbox .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .flexbox .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flexbox .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .flexbox .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .flexbox .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .flexbox .container {
    width: 65rem;
  }
  .flexbox .col-md,
  .flexbox .col-md-1,
  .flexbox .col-md-2,
  .flexbox .col-md-3,
  .flexbox .col-md-4,
  .flexbox .col-md-5,
  .flexbox .col-md-6,
  .flexbox .col-md-7,
  .flexbox .col-md-8,
  .flexbox .col-md-9,
  .flexbox .col-md-10,
  .flexbox .col-md-11,
  .flexbox .col-md-12,
  .flexbox .col-md-offset-0,
  .flexbox .col-md-offset-1,
  .flexbox .col-md-offset-2,
  .flexbox .col-md-offset-3,
  .flexbox .col-md-offset-4,
  .flexbox .col-md-offset-5,
  .flexbox .col-md-offset-6,
  .flexbox .col-md-offset-7,
  .flexbox .col-md-offset-8,
  .flexbox .col-md-offset-9,
  .flexbox .col-md-offset-10,
  .flexbox .col-md-offset-11,
  .flexbox .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .flexbox .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .flexbox .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .flexbox .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .flexbox .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .flexbox .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .flexbox .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .flexbox .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .flexbox .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .flexbox .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .flexbox .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .flexbox .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .flexbox .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .flexbox .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .flexbox .col-md-offset-0 {
    margin-left: 0;
  }
  .flexbox .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .flexbox .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .flexbox .col-md-offset-3 {
    margin-left: 25%;
  }
  .flexbox .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .flexbox .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .flexbox .col-md-offset-6 {
    margin-left: 50%;
  }
  .flexbox .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .flexbox .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .flexbox .col-md-offset-9 {
    margin-left: 75%;
  }
  .flexbox .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .flexbox .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .flexbox .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .flexbox .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .flexbox .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .flexbox .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flexbox .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flexbox .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .flexbox .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flexbox .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .flexbox .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .flexbox .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .flexbox .container {
    width: 76rem;
  }
  .flexbox .col-lg,
  .flexbox .col-lg-1,
  .flexbox .col-lg-2,
  .flexbox .col-lg-3,
  .flexbox .col-lg-4,
  .flexbox .col-lg-5,
  .flexbox .col-lg-6,
  .flexbox .col-lg-7,
  .flexbox .col-lg-8,
  .flexbox .col-lg-9,
  .flexbox .col-lg-10,
  .flexbox .col-lg-11,
  .flexbox .col-lg-12,
  .flexbox .col-lg-offset-0,
  .flexbox .col-lg-offset-1,
  .flexbox .col-lg-offset-2,
  .flexbox .col-lg-offset-3,
  .flexbox .col-lg-offset-4,
  .flexbox .col-lg-offset-5,
  .flexbox .col-lg-offset-6,
  .flexbox .col-lg-offset-7,
  .flexbox .col-lg-offset-8,
  .flexbox .col-lg-offset-9,
  .flexbox .col-lg-offset-10,
  .flexbox .col-lg-offset-11,
  .flexbox .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .flexbox .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .flexbox .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .flexbox .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .flexbox .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .flexbox .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.3%;
    max-width: 33.33333333%;
  }
  .flexbox .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .flexbox .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .flexbox .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .flexbox .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .flexbox .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .flexbox .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .flexbox .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .flexbox .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .flexbox .col-lg-offset-0 {
    margin-left: 0;
  }
  .flexbox .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .flexbox .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .flexbox .col-lg-offset-3 {
    margin-left: 25%;
  }
  .flexbox .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .flexbox .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .flexbox .col-lg-offset-6 {
    margin-left: 50%;
  }
  .flexbox .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .flexbox .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .flexbox .col-lg-offset-9 {
    margin-left: 75%;
  }
  .flexbox .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .flexbox .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .flexbox .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .flexbox .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .flexbox .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .flexbox .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flexbox .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flexbox .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .flexbox .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flexbox .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .flexbox .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .flexbox .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.ta-c {
  text-align: center;
}
.ta-r {
  text-align: right;
}
.ta-l {
  text-align: left;
}
.light a.action {
  cursor: pointer;
  color: #00a7e5;
}
.light a.action:hover {
  color: #23c3ff;
}
.light .well {
  display: inline-block;
}
.light .well.deep {
  background-color: #e9e9e9;
}
.dark .tile,
.light .tile {
  margin-right: 16px;
  display: inline-flex;
  overflow: hidden;
  min-width: 250px;
  min-height: 72px;
}
.dark .tile .tile-content,
.light .tile .tile-content {
  flex: 1;
}
.dark .tile .tile-menu,
.light .tile .tile-menu {
  width: 30px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.light .tile .tile-menu {
  border-left: 1px solid #d9e0e3;
}
.light .tile .section {
  border-top: 1px solid #d9e0e3;
}
.dark .sidebar,
.light .sidebar {
  padding: 16px;
  position: relative;
}
.dark .sidebar .sidebar-section-header.active,
.light .sidebar .sidebar-section-header.active {
  color: #00a7e5;
}
.dark .sidebar .sidebar-cell-container,
.light .sidebar .sidebar-cell-container {
  margin: 0;
}
.dark .sidebar .sidebar-cell,
.light .sidebar .sidebar-cell {
  padding: 0;
}
.dark .sidebar .sidebar-cell .sidebar-cell-content,
.light .sidebar .sidebar-cell .sidebar-cell-content {
  cursor: move;
  text-align: center;
  vertical-align: middle;
  transition: 0.2s all;
  height: 112px;
  display: flex;
  flex-direction: column;
}
.dark .sidebar.right-sidebar.scrollable > div,
.light .sidebar.right-sidebar.scrollable > div {
  height: 100%;
}
.dark .sidebar.right-sidebar.scrollable > div .app-settings-tab,
.light .sidebar.right-sidebar.scrollable > div .app-settings-tab {
  margin-top: 16px;
}
.dark .sidebar.right-sidebar.scrollable > div .editors,
.light .sidebar.right-sidebar.scrollable > div .editors {
  height: 100%;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .properties-optional .meta-object-editor,
.light .sidebar.right-sidebar.scrollable > div .editors .properties-optional .meta-object-editor {
  padding-bottom: 10px;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .properties-optional .controls.sidebar-box,
.light .sidebar.right-sidebar.scrollable > div .editors .properties-optional .controls.sidebar-box {
  overflow-y: hidden;
  padding-bottom: 8px;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor,
.light .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding-bottom: 96px;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor.sidebar-container,
.light .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor.sidebar-container {
  padding-bottom: inherit;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .properties-required .grouped-property-template-fields,
.light .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .properties-required .grouped-property-template-fields {
  margin-left: -16px;
  margin-right: -16px;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .properties-required .meta-object-editor,
.light .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .properties-required .meta-object-editor {
  padding-bottom: 0;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .sidebar-box,
.light .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .sidebar-box {
  margin-bottom: inherit;
  padding-bottom: 8px;
}
.dark .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .sidebar-box > div,
.light .sidebar.right-sidebar.scrollable > div .editors .meta-object-editor .controls .sidebar-box > div {
  margin-bottom: inherit;
  padding-bottom: 0;
}
.light .sidebar {
  background-color: #fff;
}
.light .sidebar.right-sidebar {
  right: 0;
  border-right-width: 0;
  border-left: 1px solid #d7d7d7;
  transition: left 0.3s, width 0.3s;
}
.light .sidebar.right-sidebar.navbar-collapsed.full-screen {
  width: calc(100% - 72px);
}
.light .sidebar.right-sidebar.full-screen {
  width: calc(100% - 174px);
}
.light .sidebar .sidebar-cell:nth-child(odd) .sidebar-cell-content {
  margin-left: 0;
}
.light .sidebar .sidebar-cell:nth-child(even) .sidebar-cell-content {
  margin-right: 0;
}
.light .sidebar .sidebar-cell-content {
  text-align: center;
  border: 1px solid #d9e0e3;
  padding: 16px;
  margin: 8px;
  border-radius: 4px;
}
.light .sidebar .sidebar-cell-content:hover {
  border: 1px solid #00a7e5;
}
.light .sidebar .sidebar-cell-content:active {
  border: 1px solid #00a7e5;
  box-shadow: 0 4px 5px 0 rgba(157, 158, 161, 0.14), 0 1px 10px 0 rgba(157, 158, 161, 0.12), 0 2px 4px -1px rgba(157, 158, 161, 0.2);
}
.light .sidebar .sidebar-cell-content.disabled {
  color: #b6cad2;
  background-color: #e9e9e9;
  border: 1px solid #e9e9e9;
  cursor: not-allowed;
}
.subnav {
  text-align: center;
}
.subnav .right-button {
  display: inline-block;
  margin-left: 0;
  transition: 0.2s all;
  margin-right: 0;
  cursor: pointer;
}
.subnav .right-button.active {
  color: #00a7e5;
}
.subnav h4 {
  display: inline-block;
}
.light .subnav {
  background-color: #e9e9e9;
}
.light .subnav .right-button:hover {
  color: #000000;
  background-color: #fafafa;
}
.light .subnav .right-button:active {
  color: #000000;
  background-color: #d7d7d7;
}
.light .subnav .right-button.active {
  background-color: #d7d7d7;
}
.mr-8px {
  margin-right: 8px !important;
}
.ml-8px {
  margin-left: 8px !important;
}
.mt-8px {
  margin-top: 8px !important;
}
.mb-8px {
  margin-bottom: 8px !important;
}
.m-8px {
  margin: 8px !important;
}
.pr-8px {
  padding-right: 8px !important;
}
.pl-8px {
  padding-left: 8px !important;
}
.pt-8px {
  padding-top: 8px !important;
}
.pb-8px {
  padding-bottom: 8px !important;
}
.p-8px {
  padding: 8px !important;
}
.mr-5px {
  margin-right: 5px !important;
}
.ml-5px {
  margin-left: 5px !important;
}
.mt-5px {
  margin-top: 5px !important;
}
.mb-5px {
  margin-bottom: 5px !important;
}
.m-5px {
  margin: 5px !important;
}
.pr-5px {
  padding-right: 5px !important;
}
.pl-5px {
  padding-left: 5px !important;
}
.pt-5px {
  padding-top: 5px !important;
}
.pb-5px {
  padding-bottom: 5px !important;
}
.p-5px {
  padding: 5px !important;
}
.mr-10px {
  margin-right: 10px !important;
}
.ml-10px {
  margin-left: 10px !important;
}
.mt-10px {
  margin-top: 10px !important;
}
.mb-10px {
  margin-bottom: 10px !important;
}
.m-10px {
  margin: 10px !important;
}
.pr-10px {
  padding-right: 10px !important;
}
.pl-10px {
  padding-left: 10px !important;
}
.pt-10px {
  padding-top: 10px !important;
}
.pb-10px {
  padding-bottom: 10px !important;
}
.p-10px {
  padding: 10px !important;
}
.mr-16px {
  margin-right: 16px !important;
}
.ml-16px {
  margin-left: 16px !important;
}
.mt-16px {
  margin-top: 16px !important;
}
.mb-16px {
  margin-bottom: 16px !important;
}
.m-16px {
  margin: 16px !important;
}
.pr-16px {
  padding-right: 16px !important;
}
.pl-16px {
  padding-left: 16px !important;
}
.pt-16px {
  padding-top: 16px !important;
}
.pb-16px {
  padding-bottom: 16px !important;
}
.p-16px {
  padding: 16px !important;
}
.mr-24px {
  margin-right: 24px !important;
}
.ml-24px {
  margin-left: 24px !important;
}
.mt-24px {
  margin-top: 24px !important;
}
.mb-24px {
  margin-bottom: 24px !important;
}
.m-24px {
  margin: 24px !important;
}
.pr-24px {
  padding-right: 24px !important;
}
.pl-24px {
  padding-left: 24px !important;
}
.pt-24px {
  padding-top: 24px !important;
}
.pb-24px {
  padding-bottom: 24px !important;
}
.p-24px {
  padding: 24px !important;
}
.mr-32px {
  margin-right: 32px !important;
}
.ml-32px {
  margin-left: 32px !important;
}
.mt-32px {
  margin-top: 32px !important;
}
.mb-32px {
  margin-bottom: 32px !important;
}
.m-32px {
  margin: 32px !important;
}
.pr-32px {
  padding-right: 32px !important;
}
.pl-32px {
  padding-left: 32px !important;
}
.pt-32px {
  padding-top: 32px !important;
}
.pb-32px {
  padding-bottom: 32px !important;
}
.p-32px {
  padding: 32px !important;
}
.mr-40px {
  margin-right: 40px !important;
}
.ml-40px {
  margin-left: 40px !important;
}
.mt-40px {
  margin-top: 40px !important;
}
.mb-40px {
  margin-bottom: 40px !important;
}
.m-40px {
  margin: 40px !important;
}
.pr-40px {
  padding-right: 40px !important;
}
.pl-40px {
  padding-left: 40px !important;
}
.pt-40px {
  padding-top: 40px !important;
}
.pb-40px {
  padding-bottom: 40px !important;
}
.p-40px {
  padding: 40px !important;
}
.mr-56px {
  margin-right: 56px !important;
}
.ml-56px {
  margin-left: 56px !important;
}
.mt-56px {
  margin-top: 56px !important;
}
.mb-56px {
  margin-bottom: 56px !important;
}
.m-56px {
  margin: 56px !important;
}
.pr-56px {
  padding-right: 56px !important;
}
.pl-56px {
  padding-left: 56px !important;
}
.pt-56px {
  padding-top: 56px !important;
}
.pb-56px {
  padding-bottom: 56px !important;
}
.p-56px {
  padding: 56px !important;
}
.mr-104px {
  margin-right: 104px !important;
}
.ml-104px {
  margin-left: 104px !important;
}
.mt-104px {
  margin-top: 104px !important;
}
.mb-104px {
  margin-bottom: 104px !important;
}
.m-104px {
  margin: 104px !important;
}
.pr-104px {
  padding-right: 104px !important;
}
.pl-104px {
  padding-left: 104px !important;
}
.pt-104px {
  padding-top: 104px !important;
}
.pb-104px {
  padding-bottom: 104px !important;
}
.p-104px {
  padding: 104px !important;
}
.m-auto {
  margin: auto;
}
/**
@TODO - style the form editor just like this.
 */
.sh-btm-0dp {
  box-shadow: none;
}
.sh-btm-1dp {
  box-shadow: 0 1px 1px 0 rgba(157, 158, 161, 0.14), 0 2px 1px -1px rgba(157, 158, 161, 0.12), 0 1px 3px 0 rgba(157, 158, 161, 0.2);
}
.sh-btm-2dp {
  box-shadow: 0 2px 2px 0 rgba(157, 158, 161, 0.14), 0 3px 1px -2px rgba(157, 158, 161, 0.12), 0 1px 5px 0 rgba(157, 158, 161, 0.2);
}
.sh-btm-3dp {
  box-shadow: 0 3px 4px 0 rgba(157, 158, 161, 0.14), 0 3px 3px -2px rgba(157, 158, 161, 0.12), 0 1px 8px 0 rgba(157, 158, 161, 0.2);
}
.sh-btm-4dp {
  box-shadow: 0 4px 5px 0 rgba(157, 158, 161, 0.14), 0 1px 10px 0 rgba(157, 158, 161, 0.12), 0 2px 4px -1px rgba(157, 158, 161, 0.2);
}
.sh-rt-4dp {
  box-shadow: 4px 0 5px 0 rgba(157, 158, 161, 0.14), 1px 0 10px 0 rgba(157, 158, 161, 0.12), 2px 0 4px -1px rgba(157, 158, 161, 0.2);
}
.sh-lt-4dp {
  box-shadow: -4px 0 5px 0 rgba(157, 158, 161, 0.14), -1px 0 10px 0 rgba(157, 158, 161, 0.12), -2px 0 4px -1px rgba(157, 158, 161, 0.2);
}
.sh-btm-6dp {
  box-shadow: 0 6px 10px 0 rgba(157, 158, 161, 0.14), 0 1px 18px 0 rgba(157, 158, 161, 0.12), 0 3px 5px -1px rgba(157, 158, 161, 0.2);
}
.sh-btm-8dp {
  box-shadow: 0 8px 10px 1px rgba(157, 158, 161, 0.14), 0 3px 14px 2px rgba(157, 158, 161, 0.12), 0 5px 5px -3px rgba(157, 158, 161, 0.2);
}
.sh-btm-9dp {
  box-shadow: 0 9px 12px 1px rgba(157, 158, 161, 0.14), 0 3px 16px 2px rgba(157, 158, 161, 0.12), 0 5px 6px -3px rgba(157, 158, 161, 0.2);
}
.sh-btm-12dp {
  box-shadow: 0 12px 17px 2px rgba(157, 158, 161, 0.14), 0 5px 22px 4px rgba(157, 158, 161, 0.12), 0 7px 8px -4px rgba(157, 158, 161, 0.2);
}
.sh-btm-16dp {
  box-shadow: 0 16px 24px 2px rgba(157, 158, 161, 0.14), 0 6px 30px 5px rgba(157, 158, 161, 0.12), 0 8px 10px -5px rgba(157, 158, 161, 0.2);
}
.sh-btm-24dp {
  box-shadow: 0 24px 38px 3px rgba(157, 158, 161, 0.14), 0 9px 46px 8px rgba(157, 158, 161, 0.12), 0 11px 15px -7px rgba(157, 158, 161, 0.2);
}
.light {
  background: #f5f6fc;
  color: #010a30;
  font-weight: 300;
}
.light .border {
  border: 1px solid #d7d7d7;
}
.light .border.subtle {
  border: 1px solid rgba(215, 215, 215, 0.5);
}
/* Core: Mixins & Vars
----------------------------------------------------------------------------------------------------------------------*/
/*
 * WebAction Global CSS Utils
 * Consider replacing with http://lesshat.com/
 * Import only. Do not compile this file independently.
 */
.center {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  float: none !important;
}
.align-center {
  text-align: center;
}
.left {
  float: left !important;
}
.align-left {
  text-align: left;
}
.right {
  float: right !important;
}
.align-right {
  text-align: right;
}
.clear {
  clear: both;
  float: none !important;
}
.clear-fix:before,
.clear-fix:after {
  content: " ";
  display: table;
}
.clear-fix:after {
  clear: both;
}
.spin {
  -webkit-animation: spin 4000ms infinite linear;
  -moz-animation-name: spin 4000ms infinite linear;
  -ms-animation-name: spin 4000ms infinite linear;
  animation-name: spin 4000ms infinite linear;
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.screen-centered {
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
/*
 * WebAction Custom Grid
 * A custom lightweight grid system based on SemanticGS and Foundation.
 * Import only. Do not compile this file independently.
 */
.grid .clear-fix:before,
.grid .clear-fix:after {
  content: "";
  display: table;
}
.grid .clear-fix:after {
  clear: both;
}
.grid .box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.grid .row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: auto;
  margin: 0 -12px;
  float: none;
}
.grid .row:before,
.grid .row:after {
  content: "";
  display: table;
}
.grid .row:after {
  clear: both;
}
.grid .container {
  max-width: 100%;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
/*
 * WebAction Icons
 * http://fortawesome.github.io/Font-Awesome/
 * Import only. Do not compile this file independently.
 */
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400;
  src: url("/lib/fonts/Quicksand-Regular.ttf") format("woff");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  src: url("/lib/fonts/Quicksand-Bold.ttf") format("woff");
}
@font-face {
  font-family: "FontAwesome";
  src: url("/lib/fonts/font-awesome/4.2.0/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("/lib/fonts/font-awesome/4.2.0/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("/lib/fonts/font-awesome/4.2.0/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("/lib/fonts/font-awesome/4.2.0/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  font-family: FontAwesome, serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0;
}
.fa:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
.fa-chevron-left:before,
.fa-prev:before {
  content: "\f053";
}
.fa-chevron-right:before,
.fa-next:before {
  content: "\f054";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-check:before {
  content: "\f00c";
}
.fa-circle:before {
  content: "\f111";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-upload:before {
  content: "\f093";
}
.fa-copy:before {
  content: "\f0c5";
}
.fa-download:before {
  content: "\f019";
}
.fa-gear:before {
  content: "\f013";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-time:before {
  content: "\F017";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-key:before {
  content: "\F084";
}
.fa-user:before {
  content: "\f007";
}
.fa-question:before {
  content: "\f059";
}
.fa-signout:before {
  content: "\f08b";
}
.fa-cog:before {
  content: "\f013";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-remove:before {
  content: "\f00d";
}
.fa-remove-sign:before {
  content: "\f057";
}
.fa-ok:before {
  content: "\f00c";
}
.fa-home:before {
  content: "\f015";
}
.fa-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-search:before {
  content: "\f002";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-download-alt:before {
  content: "\f019";
}
.fa-upload-alt:before {
  content: "\F093";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort:before {
  content: "\f0dc";
}
.fa-reorder:before {
  content: "\f0c9";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-file-alt:before {
  content: "\f0f6";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-trash:before {
  content: "\f014";
}
.fa-cut:before {
  content: "\f0c4";
}
.fa-save:before {
  content: "\f0c7";
}
.fa-undo:before {
  content: "\f0e2";
}
.fa-help:before {
  content: "\f059";
}
.fa-info:before {
  content: "\f05a";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-bell:before {
  content: "\f0a2";
}
.fa-info-sign:before {
  content: "\F05A";
}
.fa-warning-sign:before {
  content: "\F071";
}
.fa-play:before {
  content: "\F04B";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\F04D";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-lock:before {
  content: "\f023";
}
.fa-list:before {
  content: "\F03A";
}
.fa-bar-chart:before {
  content: "\F080";
}
.fa-dashboard:before {
  content: "\f0e4";
}
.fa-plus:before {
  content: "\F067";
}
.fa-minus:before {
  content: "\F068";
}
.fa-eye-open:before,
.fa-eye:before {
  content: "\F06E";
}
.fa-eye-closed:before,
.fa-eye-close:before {
  content: "\F070";
}
.fa-expand-alt:before {
  content: "\f116";
}
.fa-collapse-alt:before {
  content: "\f117";
}
.fa-external-link:before {
  content: "\F08E";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-edit:before {
  content: "\f044";
}
.fa-cut:before {
  content: "\f0c4";
}
.fa-paste:before {
  content: "\f0ea";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-reply:before {
  content: "\f112";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-resize-full:before {
  content: "\f065";
}
.fa-resize-small:before {
  content: "\f066";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.corner:before {
  content: "\2022";
}
.spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@font-face {
  font-family: "webaction-icons";
  src: url("/lib/fonts/webaction-icons/fonts/webaction-icons.eot?slzfz1");
  src: url("/lib/fonts/webaction-icons/fonts/webaction-icons.eot?#iefixslzfz1") format("embedded-opentype"), url("/lib/fonts/webaction-icons/fonts/webaction-icons.woff?slzfz1") format("woff"), url("/lib/fonts/webaction-icons/fonts/webaction-icons.ttf?slzfz1") format("truetype"), url("/lib/fonts/webaction-icons/fonts/webaction-icons.svg?slzfz1#webaction-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="wa-icon-"],
[class*=" wa-icon-"] {
  font-family: "webaction-icons", serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wa-icon-data:before {
  content: "\e600";
}
.wa-icon-search:before {
  content: "\e601";
}
.wa-icon-database:before {
  content: "\e602";
}
.wa-icon-drawer:before {
  content: "\e603";
}
.wa-icon-upload:before {
  content: "\e604";
}
.wa-icon-download:before {
  content: "\e605";
}
.wa-icon-loop:before {
  content: "\e606";
}
.wa-icon-table:before {
  content: "\e607";
}
.wa-icon-table2:before {
  content: "\e608";
}
.wa-icon-new-tab:before {
  content: "\e609";
}
.wa-icon-history:before {
  content: "\e60a";
}
.wa-icon-database2:before {
  content: "\e60b";
}
.wa-icon-air:before {
  content: "\e60c";
}
.wa-icon-archive:before {
  content: "\e60d";
}
.wa-icon-cycle:before {
  content: "\e60e";
}
.wa-icon-chat-3:before {
  content: "\e60f";
}
.wa-icon-clock:before {
  content: "\e610";
}
.entity-icon:before {
  font-family: "webaction-icons";
}
.entity-icon:before.source,
.entity-icon:before.type {
  font-family: "FontAwesome";
}
.entity-icon:before.source {
  content: "\f0a0";
}
.entity-icon:before.window {
  content: "\e60a";
}
.entity-icon:before.cq {
  content: "\e601";
}
.entity-icon:before.stream {
  content: "\e60c";
}
.entity-icon:before.target {
  content: "\e60f";
}
.entity-icon:before.cache {
  content: "\e603";
}
.entity-icon:before.wactionstore {
  content: "\e600";
}
.entity-icon:before.type {
  content: "\f1b2";
}
.light .ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #f5f6fc;
  border: 1px solid #d7d7d7;
  outline: none;
  z-index: 10001;
  margin: 0;
}
.light .ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}
.light .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.light .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}
.light .ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.light .ui-timepicker-duration {
  margin-left: 5px;
}
.light .ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  list-style: none;
  margin: 0;
}
.light li.ui-timepicker-selected,
.light .ui-timepicker-list li:hover,
.light .ui-timepicker-list .ui-timepicker-selected:hover {
  background: #00a7e5;
}
.light .ui-timepicker-list li.ui-timepicker-disabled,
.light .ui-timepicker-list li.ui-timepicker-disabled:hover,
.light .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  cursor: default;
}
.ui-datepicker.ui-widget table.ui-datepicker-calendar th,
.ui-datepicker.ui-widget table.ui-datepicker-calendar td {
  padding: 1px;
  border-bottom: none;
}
/* Core: Style Baseline
----------------------------------------------------------------------------------------------------------------------*/
/*
 * WebAction Global CSS Reset / Base
 * Adapted from normalize.css v2.1.2 | MIT License | git.io/normalize
 * Import or reference this CSS file first in every view
 */
/*----------------------------------------------------
  HTML5 display definitions
----------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
/*----------------------------------------------------
  Base
----------------------------------------------------*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
/*----------------------------------------------------
  Links
----------------------------------------------------*/
a:active,
a:hover {
  outline: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
/*----------------------------------------------------
  Typography
----------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/*----------------------------------------------------
  Embedded content
----------------------------------------------------*/
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
/*----------------------------------------------------
  Figures
----------------------------------------------------*/
figure {
  margin: 0;
}
/*----------------------------------------------------
  Forms
----------------------------------------------------*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
/*----------------------------------------------------
  Tables
----------------------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: normal;
}
/*----------------------------------------------------
  Lists (WA)
----------------------------------------------------*/
ol,
ul {
  list-style: none;
  padding: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Common UI components
----------------------------------------------------------------------------------------------------------------------*/
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover:hover a {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-off {
  background-position: -96px -144px;
}
.ui-icon-radio-on {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa 50% 50% repeat-x;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa 50% 50% repeat-x;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
  color: #0c0c0c;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}
/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  padding: 0 16px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
  display: flex;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen span.name {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 30px;
  top: 11px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url([object Object]) right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 25px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
.select2-container .select2-choice .select2-arrow b {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url([object Object]) no-repeat 0 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url([object Object]) no-repeat 100% -22px;
  background: url([object Object]) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url([object Object]) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url([object Object]) no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url([object Object]) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url([object Object]) no-repeat 100%;
  background: url([object Object]) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url([object Object]) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url([object Object]) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url([object Object]) no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  background-color: #fff !important;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #e4e6e6;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #e4e6e6;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url([object Object]) no-repeat 100%;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #e4e6e6;
  color: rgba(0, 0, 0, 0.42);
  background-image: none;
  cursor: not-allowed;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #e4e6e6;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url([object Object]) no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  margin-left: 5px;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  background-image: none;
  background-color: #e4e6e6;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url([object Object]) !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid;
  bottom: -6px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -6px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 10px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left-top span,
.tooltipster-arrow-left-top .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 15px;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -6px;
}
.tooltipster-arrow-right-top span,
.tooltipster-arrow-right-top .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 15px;
  margin-top: -7px;
  left: -6px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-slip {
  opacity: 0;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition-property: opacity, -webkit-transform;
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -ms-transition-property: opacity, -ms-transform;
  transition-property: opacity, transform;
}
.tooltipster-slip-show {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.tooltipster-slip.tooltipster-dying {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  opacity: 0 !important;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.tooltipster-base {
  border: none;
  color: #fefeff;
  background: #22343b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.tooltipster-base.dropdown {
  z-index: 10000000;
  margin-left: 0;
}
.tooltipster-base.dropdown .tooltipster-content {
  font-size: 13px;
  font-weight: 400;
  padding: 0;
}
.tooltipster-content {
  line-height: 24px;
  overflow: hidden;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 16px;
}
.tooltipster-content h4 {
  color: #d0dde2;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #00a7e5;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #00a7e5, 0 0 5px #00a7e5;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #00a7e5;
  border-left-color: #00a7e5;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  background: url([object Object]) no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url([object Object]) no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url([object Object]) no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url([object Object]) no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url([object Object]) no-repeat center right;
}
table.dataTable tbody tr {
  background-color: white;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected,
table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 5px 9px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 5px 9px 3px 9px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px 5px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.select2-container {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 0 0 0 12px;
}
.select2-container.select2-dropdown-open,
.select2-container.select2-container-active {
  border-color: #49B5F2;
}
.select2-container:not(.select2-dropdown-open):not(.select2-container-disabled):not(.select2-container-active):hover {
  border-color: #BCC9D6;
}
.select2-container:not(.select2-dropdown-open):not(.select2-container-disabled):not(.select2-container-active):hover::placeholder {
  color: #5E6B78;
}
.select2-container.select2-container-disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
.select2-container.select2-container-disabled .select2-choice {
  color: #A7B7C7;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow b:before,
.select2-container.select2-container-disabled .select2-choice .icon::before,
.select2-container.select2-container-disabled .select2-chosen .icon::before {
  color: #A7B7C7;
}
.select2-container .select2-choice {
  padding: 0;
  background-color: transparent !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.select2-container .select2-choice .select2-arrow b:before {
  background-image: url("/app/images/striimline/select-arrow.svg");
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 7px;
  right: 12px;
  font-size: 0;
}
.select2-container .select2-choice .select2-arrow b:hover:before {
  opacity: 0.85;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 40px;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
  background-image: url("/app/images/striimline/select-arrow.svg");
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 7px;
  right: 12px;
  font-size: 0;
}
.select2-container.select2-allowclear .select2-choice > .select2-chosen {
  padding-right: 16px;
}
.select2-container.select2-allowclear .select2-search-choice-close {
  margin-right: 6px;
  right: 34px;
  top: 8px;
}
.select2-container.select2-allowclear .select2-search-choice-close:before {
  background-image: url("/app/images/striimline/select-clear.svg");
  width: 20px;
  height: 20px;
  display: block;
  font-size: 0;
}
.select2-container.select2-allowclear .select2-search-choice-close:hover:before {
  opacity: 0.75;
}
.select2-container.select2-allowclear .select2-choice > .select2-chosen {
  margin-right: 40px;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"] + span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  line-height: 16px;
  height: 16.2px;
  vertical-align: middle;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"] + span:before,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"] + span:after {
  width: 16px;
  height: 16px;
  top: 0;
  margin: 0px;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked) + span {
  padding-left: 24px;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:after {
  transform: scale(0.35);
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span:after,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:after {
  background-color: #1E1E5C;
  border-color: transparent !important;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked:disabled + span:before,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked:disabled + span:before {
  border-color: #D8E4F0;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked:disabled + span:after,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked:disabled + span:after {
  background-color: #A7B7C7;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:before {
  background-color: #FFF;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span:after,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:before,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"].with-gap:checked + span:after {
  border-color: #BCC9D6;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked) + span:before,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked) + span:after {
  border-color: #BCC9D6;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:hover:before,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:hover:after {
  background-color: #EBF2FA;
  border-color: #A7B7C7;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:active:before,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):not(:disabled) + span:active:after {
  background-color: #BCC9D6;
  border-color: #8091A3;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):disabled + span:before,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:not(:checked):disabled + span:after {
  border-color: #D8E4F0;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:disabled + span {
  color: #A7B7C7;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:disabled:checked + span {
  color: #91A3B8;
}
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:checked + span,
*:not(.MuiRadio-root):has(> input[type="radio"]) > input[type="radio"]:disabled + span {
  cursor: auto;
}
*:not(.MuiRadio-root) > input[type=radio] + span {
  color: #5E6B78;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.24px;
  line-height: 18px;
  display: flex;
  align-items: center;
}
*:not(.MuiRadio-root) > input[type=radio]:checked + span,
*:not(.MuiRadio-root) > input[type=radio]:not(:checked) + span {
  padding-left: 26px;
}
label > input[type="checkbox"].filled-in + span:not(.lever),
label > input[type="checkbox"]:not(.filled-in) + span:not(.lever) {
  padding-left: 28px;
}
label > input[type="checkbox"].filled-in + span:not(.lever):hover:after,
label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):hover:after,
label > input[type="checkbox"].filled-in + span:not(.lever):focus:after,
label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):focus:after {
  background-color: #EBF2FA;
  border-color: #A7B7C7;
}
label > input[type="checkbox"].filled-in + span:not(.lever):active:after,
label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):active:after {
  background-color: #BCC9D6;
  border-color: #8091A3;
}
label > input[type="checkbox"].filled-in + span:not(.lever):after {
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-color: #BCC9D6;
  border-radius: 3px;
  margin: 1px 0 0 0;
}
label > input[type="checkbox"].filled-in:checked + span:not(.lever):before {
  top: 2px;
  left: 2px;
  width: 5px;
  height: 8px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 2px solid #1E1E5C;
  border-bottom: 2px solid #1E1E5C;
  transform: rotateZ(45deg);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
label > input[type="checkbox"].filled-in:indeterminate + span:not(.lever):before {
  top: 7px;
  left: 5px;
  width: 8px;
  height: 0px;
  border: 1px solid #1E1E5C;
  transform: none;
  border-radius: 2px 2px 2px 2px;
}
label > input[type="checkbox"].filled-in + span:not(.lever):after {
  background-color: #FFF;
}
label > input[type="checkbox"].filled-in:disabled + span:not(.lever):after {
  background-color: #F7FBFF;
  border-color: #D8E4F0;
}
label > input[type="checkbox"].filled-in:checked:disabled + span:not(.lever):before {
  border-right-color: #A7B7C7;
  border-bottom-color: #A7B7C7;
}
label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):before,
label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  margin-top: 1px;
}
label > input[type="checkbox"] + span:not(.lever):before,
label > input[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  transition: 0s;
}
.switch label .lever {
  height: 22px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  margin: 0;
  background-color: #EBF2FA;
  border: 1px solid #D8E4F0;
}
.switch label .lever:before,
.switch label .lever:after {
  width: 14px;
  height: 14px;
  left: 3px;
  top: 3px;
}
.switch label .lever:after {
  background-color: #91A3B8;
  box-shadow: none;
}
.switch label .lever input[type=checkbox]:checked + .lever:before,
.switch label .lever input[type=checkbox]:checked + .lever:after {
  left: 18px;
}
.switch label input[type=checkbox]:checked + .lever {
  background-color: #089BEE;
  border-color: #0785CC;
}
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #F7FBFF;
}
.switch label .description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  vertical-align: middle;
  margin-left: 4px;
}
.switch input[type=checkbox][disabled] + .lever,
.switch input[type=checkbox][disabled]:checked + .lever {
  background-color: #EBF2FA;
  border-color: transparent;
}
.switch input[type=checkbox][disabled] + .lever:after,
.switch input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BCC9D6;
}
.switch input[type=checkbox]:not(:disabled) + .lever:hover {
  background-color: #D8E4F0;
  border-color: #BCC9D6;
}
.switch input[type=checkbox]:not(:disabled) + .lever:active {
  background-color: #BCC9D6;
  border-color: #A7B7C7;
}
.switch input[type=checkbox]:not(:disabled):checked + .lever:hover {
  background-color: #0785CC;
  border-color: #0674B2;
}
.switch input[type=checkbox]:not(:disabled):checked + .lever:active {
  background-color: #056499;
  border-color: #045380;
}
.switch input[type=checkbox]:not(:disabled) ~ .lever:active:before,
.switch input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  transform: none;
}
.striimline-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.striimline-icon.disabled,
.striimline-icon[disabled] {
  opacity: 0.6;
}
.striimline-icon.clickable-darken:hover {
  filter: brightness(90%);
}
.striimline-icon.white-variant.bring-forward {
  background-image: url("/app/images/striimline/white/bring-forward.svg");
}
.striimline-icon.white-variant.clock {
  background-image: url("/app/images/striimline/white/clock.svg");
}
.striimline-icon.white-variant.delete {
  background-image: url("/app/images/striimline/white/delete.svg");
}
.striimline-icon.white-variant.download {
  background-image: url("/app/images/striimline/white/download.svg");
}
.striimline-icon.white-variant.edit-styles {
  background-image: url("/app/images/striimline/white/edit-styles.svg");
}
.striimline-icon.white-variant.filter {
  background-image: url("/app/images/striimline/white/filter.svg");
}
.striimline-icon.white-variant.query {
  background-image: url("/app/images/striimline/white/query.svg");
}
.striimline-icon.white-variant.search {
  background-image: url("/app/images/striimline/white/search.svg");
}
.striimline-icon.white-variant.send-backward {
  background-image: url("/app/images/striimline/white/send-backward.svg");
}
.striimline-icon.white-variant.settings {
  background-image: url("/app/images/striimline/white/settings.svg");
}
.striimline-icon.bulb {
  background-image: url("/app/images/striimline/bulb.svg");
}
.striimline-icon.three-dots {
  background-image: url("/app/images/striimline/three-dots.svg");
}
.striimline-icon.search-icon {
  background-image: url("/app/images/striimline/search-icon.svg");
  background-size: 22px;
}
.striimline-icon.trash {
  background-image: url("/app/images/striimline/trash.svg");
  background-size: 22px;
}
.striimline-icon.clock {
  background-image: url("/app/images/striimline/clock.svg");
}
.striimline-icon.copy {
  background-image: url("/app/images/striimline/copy.svg");
}
.striimline-icon.cut {
  background-image: url("/app/images/striimline/cut.svg");
}
.striimline-icon.paste {
  background-image: url("/app/images/striimline/paste.svg");
}
.striimline-icon.delete {
  background-image: url("/app/images/striimline/delete.svg");
}
.striimline-icon.grid {
  background-image: url("/app/images/striimline/grid.svg");
}
.striimline-icon.chart {
  background-image: url("/app/images/striimline/chart.svg");
}
.striimline-icon.eye-check {
  background-image: url("/app/images/striimline/eye_check.svg");
}
.striimline-icon.exception {
  background-image: url("/app/images/striimline/exception.svg");
}
.striimline-icon.tool {
  background-image: url("/app/images/striimline/tool.svg");
}
.striimline-icon.metadata {
  background-image: url("/app/images/striimline/metadata.svg");
}
.striimline-icon.monitor {
  background-image: url("/app/images/striimline/monitor.svg");
}
.striimline-icon.chevron-down {
  background-image: url("/app/images/striimline/chevron_down.svg");
}
.striimline-icon.chevron-up-primary {
  background-image: url("/app/images/striimline/chevron_up_primary.svg");
}
.striimline-icon.eye {
  background-image: url("/app/images/striimline/eye.svg");
}
.striimline-icon.eye2 {
  background-image: url("/app/images/striimline/eye2.svg");
}
.striimline-icon.add {
  background-image: url("/app/images/striimline/add.svg");
}
.striimline-icon.add:hover {
  background-image: url("/app/images/striimline/add-hover.svg");
}
.striimline-icon.add:active {
  background-image: url("/app/images/striimline/add-pressed.svg");
}
.striimline-icon.info {
  background-image: url("/app/images/striimline/info-icon.svg");
  height: 14px;
  width: 14px;
}
.striimline-icon.info-fill {
  background-image: url("/app/images/striimline/info-fill.svg");
}
.striimline-icon.empty {
  background-image: url("/app/images/striimline/empty.svg");
}
.striimline-icon.select-clear {
  background-image: url("/app/images/striimline/select-clear.svg");
}
.striimline-icon.select-arrow {
  background-image: url("/app/images/striimline/select-arrow.svg");
}
.striimline-icon.no-data {
  background-image: url("/app/images/striimline/no-data.svg");
}
.striimline-icon.date-icon {
  background-image: url("/app/images/striimline/date.svg");
}
.striimline-icon.time-icon {
  background-image: url("/app/images/striimline/time.svg");
}
.striimline-icon.checkmark {
  background-image: url("/app/images/striimline/checkmark.svg");
}
.striimline-icon.download {
  background-image: url("/app/images/striimline/download.svg");
}
.striimline-icon.edit {
  background-image: url("/app/images/striimline/edit.svg");
}
.striimline-icon.external {
  background-image: url("/app/images/striimline/external.svg");
}
.striimline-icon.pause {
  background-image: url("/app/images/striimline/pause.svg");
}
.striimline-icon.play {
  background-image: url("/app/images/striimline/play.svg");
}
.striimline-icon.checkpoint-info_not-available {
  background-image: url("/app/images/striimline/checkpoint-info_not-available.svg");
}
.striimline-icon.checkpoint-info_not-progressing {
  background-image: url("/app/images/striimline/checkpoint-info_not-progressing.svg");
}
.striimline-icon.checkpoint-info_progressing {
  background-image: url("/app/images/striimline/checkpoint-info_progressing.svg");
}
.striimline-icon.checkpoint-info_trailing {
  background-image: url("/app/images/striimline/checkpoint-info_trailing.svg");
}
.striimline-icon.appmenu_monitor-report {
  background-image: url("/app/images/striimline/appmenu_monitor-report.svg");
}
.striimline-icon.appmenu_sources {
  background-image: url("/app/images/striimline/appmenu_sources.svg");
}
.striimline-icon.appmenu_targets {
  background-image: url("/app/images/striimline/appmenu_targets.svg");
}
.striimline-icon.appmenu_latency-report {
  background-image: url("/app/images/striimline/appmenu_latency-report.svg");
}
.striimline-icon.appmenu_interval-report {
  background-image: url("/app/images/striimline/appmenu_interval-report.svg");
}
.striimline-icon.appmenu_app-overview {
  background-image: url("/app/images/striimline/appmenu_app-overview.svg");
}
.striimline-icon.appmenu_caches {
  background-image: url("/app/images/striimline/appmenu_caches.svg");
}
.striimline-icon.appmenu_event-tables {
  background-image: url("/app/images/striimline/appmenu_event-tables.svg");
}
.striimline-icon.appmenu_external-caches {
  background-image: url("/app/images/striimline/appmenu_external-caches.svg");
}
.striimline-icon.appmenu_queries {
  background-image: url("/app/images/striimline/appmenu_queries.svg");
}
.striimline-icon.appmenu_streams {
  background-image: url("/app/images/striimline/appmenu_streams.svg");
}
.striimline-icon.appmenu_wactionstores {
  background-image: url("/app/images/striimline/appmenu_wactionstores.svg");
}
.striimline-icon.appmenu_windows {
  background-image: url("/app/images/striimline/appmenu_windows.svg");
}
.striimline-icon.cache {
  background-image: url("/app/images/striimline/cache.svg");
}
.striimline-icon.cache2 {
  background-image: url("/app/images/striimline/cache2.svg");
}
.striimline-icon.cq {
  background-image: url("/app/images/striimline/cq.svg");
}
.striimline-icon.source {
  background-image: url("/app/images/striimline/source.svg");
}
.striimline-icon.stream {
  background-image: url("/app/images/striimline/stream.svg");
}
.striimline-icon.target {
  background-image: url("/app/images/striimline/target.svg");
}
.striimline-icon.type {
  background-image: url("/app/images/striimline/type.svg");
}
.striimline-icon.waction-store {
  background-image: url("/app/images/striimline/waction-store.svg");
}
.striimline-icon.window {
  background-image: url("/app/images/striimline/window.svg");
}
.striimline-icon.app-group {
  background-image: url("/app/images/striimline/app-group.svg");
}
*:not(.MuiInputBase-root) > input:not([type]),
*:not(.MuiInputBase-root) > input[type="text"],
*:not(.MuiInputBase-root) > input[type="password"],
*:not(.MuiInputBase-root) > input[type="email"],
*:not(.MuiInputBase-root) > input[type="number"] {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  text-overflow: ellipsis;
  /* Feature required by UX. Need to wrap each input with white background
  text-overflow: initial;
  &:not(:focus) {
    background: linear-gradient(90deg, @common_color_value 0%, @common_color_value 20px, @additional_white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &:disabled, &:read-only {
      background: linear-gradient(90deg, @greyscale_400 0%, @greyscale_400 20px, @additional_white 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }*/
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input),
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input),
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input),
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input),
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input) {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 17px 12px;
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus {
  border-bottom-width: 1px;
  border-color: #49B5F2;
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active {
  transform: translateY(-22px);
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover {
  border-color: #BCC9D6;
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder {
  color: #5E6B78;
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):disabled,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):disabled,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):disabled,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):disabled,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):disabled::placeholder,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):disabled::placeholder,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):disabled::placeholder,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):disabled::placeholder,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):disabled::placeholder {
  color: #A7B7C7;
}
*:not(.MuiInputBase-root) > input:not([type]):not(.browser-default, #react-select-2-input):disabled + label,
*:not(.MuiInputBase-root) > input[type="text"]:not(.browser-default, #react-select-2-input):disabled + label,
*:not(.MuiInputBase-root) > input[type="password"]:not(.browser-default, #react-select-2-input):disabled + label,
*:not(.MuiInputBase-root) > input[type="email"]:not(.browser-default, #react-select-2-input):disabled + label,
*:not(.MuiInputBase-root) > input[type="number"]:not(.browser-default, #react-select-2-input):disabled + label {
  color: #A7B7C7;
}
*:not(.MuiInputBase-root) > textarea {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  text-overflow: ellipsis;
  /* Feature required by UX. Need to wrap each input with white background
  text-overflow: initial;
  &:not(:focus) {
    background: linear-gradient(90deg, @common_color_value 0%, @common_color_value 20px, @additional_white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &:disabled, &:read-only {
      background: linear-gradient(90deg, @greyscale_400 0%, @greyscale_400 20px, @additional_white 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }*/
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input) {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 17px 12px;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus {
  border-bottom-width: 1px;
  border-color: #49B5F2;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active {
  transform: translateY(-22px);
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover {
  border-color: #BCC9D6;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder {
  color: #5E6B78;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):disabled::placeholder {
  color: #A7B7C7;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input):disabled + label {
  color: #A7B7C7;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input) {
  padding: 12px;
}
*:not(.MuiInputBase-root) > textarea:not(.browser-default, #react-select-2-input)::-webkit-resizer {
  background: url('/app/images/resize_icon.svg') no-repeat -8px -8px;
  background-size: 25px;
}
.input-field > label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.input-field > label.active {
  transform: translateY(-22px);
}
.editable-text .trigger,
.typeEditor input {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  text-overflow: ellipsis;
  /* Feature required by UX. Need to wrap each input with white background
  text-overflow: initial;
  &:not(:focus) {
    background: linear-gradient(90deg, @common_color_value 0%, @common_color_value 20px, @additional_white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &:disabled, &:read-only {
      background: linear-gradient(90deg, @greyscale_400 0%, @greyscale_400 20px, @additional_white 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }*/
}
.editable-text .trigger:not(.browser-default, #react-select-2-input),
.typeEditor input:not(.browser-default, #react-select-2-input) {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 17px 12px;
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus,
.typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus {
  border-bottom-width: 1px;
  border-color: #49B5F2;
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label,
.typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active,
.typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active {
  transform: translateY(-22px);
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover,
.typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover {
  border-color: #BCC9D6;
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder,
.typeEditor input:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder {
  color: #5E6B78;
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):disabled,
.typeEditor input:not(.browser-default, #react-select-2-input):disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):disabled::placeholder,
.typeEditor input:not(.browser-default, #react-select-2-input):disabled::placeholder {
  color: #A7B7C7;
}
.editable-text .trigger:not(.browser-default, #react-select-2-input):disabled + label,
.typeEditor input:not(.browser-default, #react-select-2-input):disabled + label {
  color: #A7B7C7;
}
input.z-depth-1 {
  box-shadow: none;
}
.search-input {
  position: relative;
  width: 100%;
}
.search-input > label {
  position: relative;
}
.search-input .search-icon {
  background-image: url("/app/images/striimline/search-icon.svg");
  background-size: 22px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 8px;
  left: 9px;
  display: inline-block !important;
  font-size: 0;
}
.search-input input {
  padding-left: 36px !important;
}
.close-input .input-data-wrap {
  display: flex;
}
.close-input .input-data-wrap label {
  width: 100%;
  position: relative;
}
.close-input .close-icon {
  position: absolute;
  right: 12px;
  top: 8px;
  background-size: 20px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.close-input .close-icon:hover {
  opacity: 0.75;
}
.close-input .unit {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #A7B7C7;
  user-select: none;
  width: auto !important;
  max-width: 115px;
  background-color: #FFF;
  border: 1px solid #EBF2FA;
  border-radius: 8px;
  padding: 0 12px;
  margin-left: 8px;
  line-height: 34px;
}
.close-input .unit::placeholder {
  color: #A7B7C7;
}
.close-input .helper-text {
  color: #F55F7A;
  line-height: 20px;
  font-weight: 400;
}
.close-input .clear-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 16px;
  cursor: pointer;
}
.close-input .clear-icon:hover {
  color: #0785CC;
}
.close-input input {
  padding-right: 40px !important;
}
input:autofill,
input:-internal-autofill-selected {
  height: 100%;
  border-radius: 7px;
}
input:focus,
select:focus,
button:focus,
textarea:focus,
input:active,
select:active,
button:active,
textarea:active {
  outline: none;
}
.code {
  font-family: "Source Code Pro", Courier, monospace;
}
.drag-handle {
  margin-right: 6px;
  padding: 0 4.8px;
  cursor: move;
  vertical-align: middle;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.drag-handle:hover {
  color: #021462;
}
.drag-handle i {
  vertical-align: middle;
}
.ui-sortable-helper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  cursor: move !important;
}
a.remove {
  line-height: 36px;
  margin-left: 6px;
  color: #c5cfd3;
}
a.remove:before,
a.remove i {
  font-family: FontAwesome;
  color: inherit;
  font-weight: 400;
  font-size: 13px;
  vertical-align: middle;
  margin-right: 8px;
  line-height: 1em;
  height: 20px;
  display: inline-block;
}
a.remove:hover {
  text-decoration: none !important;
}
a.remove:hover:before {
  color: #6E7D8C;
}
a.remove:before {
  font-family: Nunito-Bold, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  content: "\00D7";
  color: #48525C;
  font-size: 28px;
  line-height: 28px;
  height: 28px;
}
fieldset {
  margin: 24px -18px;
  padding: 6px 18px 18px;
  border-color: #d4dbde;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
fieldset legend {
  font-size: 0.9em;
  text-transform: uppercase;
  color: #969090;
  margin: 0 -6px;
  padding: 0 6px;
}
fieldset.section {
  margin: 36px -36px 48px;
  padding: 18px 36px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-width: 1px 0 0;
  border-color: #d9e0e3;
}
fieldset.section legend {
  letter-spacing: 1px;
  color: #9eb0b8;
}
fieldset.section:last-of-type {
  margin-bottom: 0;
}
.multi-fields:before,
.multi-fields:after {
  content: " ";
  display: table;
}
.multi-fields:after {
  clear: both;
}
.multi-fields a.add {
  clear: both;
  margin: 8px 0;
}
.multi-fields > .input,
.multi-fields > .item {
  position: relative;
  margin: 8px 0;
  padding: 0 18px 0 0;
}
.multi-fields > .input:before,
.multi-fields > .item:before,
.multi-fields > .input:after,
.multi-fields > .item:after {
  content: " ";
  display: table;
}
.multi-fields > .input:after,
.multi-fields > .item:after {
  clear: both;
}
.multi-fields > .input > .field-row,
.multi-fields > .item > .field-row {
  padding: 0;
}
.multi-fields > .input a.remove,
.multi-fields > .item a.remove {
  position: absolute;
  top: 0;
  right: 0;
  margin: 6px;
}
.multi-fields .multi-fields .field-row {
  margin-top: 6px;
  margin-bottom: 6px;
}
.multi-fields .multi-fields .item:first-child .field-row {
  margin-top: 0;
}
.multi-fields .multi-fields .item:first-child a.remove {
  margin-top: 0;
}
.multi-fields .multi-fields a.remove {
  right: -18px;
}
.multi-fields .multi-fields > .input,
.multi-fields .multi-fields > .item {
  margin: 0;
  padding: 0;
  border: none;
}
input,
select {
  vertical-align: middle;
}
input[type="text"].has-suffix,
input[type="password"].has-suffix,
input[type="number"].has-suffix {
  position: relative;
  margin-right: 0;
  z-index: 0;
  border-right: none;
}
input[type="text"].has-suffix:hover,
input[type="password"].has-suffix:hover,
input[type="number"].has-suffix:hover,
input[type="text"].has-suffix:focus,
input[type="password"].has-suffix:focus,
input[type="number"].has-suffix:focus {
  z-index: 9999;
}
.editable-text {
  background: transparent;
  height: 30px;
  line-height: 24px;
  padding: 0 4px;
  border: 1px solid transparent;
  transition: border 200ms;
  -webkit-transition: border 200ms;
  -moz-transition: border 200ms;
  -o-transition: border 200ms;
}
.editable-text[disabled]:hover {
  border-color: transparent;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input),
*:not(.MuiInputBase-root) > input[type="password"],
*:not(.MuiInputBase-root) > textarea {
  transition: border 200ms;
  -webkit-transition: border 200ms;
  -moz-transition: border 200ms;
  -o-transition: border 200ms;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).code,
*:not(.MuiInputBase-root) > input[type="password"].code,
*:not(.MuiInputBase-root) > textarea.code {
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 0.9em;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).full,
*:not(.MuiInputBase-root) > input[type="password"].full,
*:not(.MuiInputBase-root) > textarea.full {
  width: 100%;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).small,
*:not(.MuiInputBase-root) > input[type="password"].small,
*:not(.MuiInputBase-root) > textarea.small {
  max-width: 130px;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).tiny,
*:not(.MuiInputBase-root) > input[type="password"].tiny,
*:not(.MuiInputBase-root) > textarea.tiny,
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).color,
*:not(.MuiInputBase-root) > input[type="password"].color,
*:not(.MuiInputBase-root) > textarea.color {
  max-width: 75px;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).micro,
*:not(.MuiInputBase-root) > input[type="password"].micro,
*:not(.MuiInputBase-root) > textarea.micro {
  max-width: 50px;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).large,
*:not(.MuiInputBase-root) > input[type="password"].large,
*:not(.MuiInputBase-root) > textarea.large {
  height: 250px;
}
*:not(.MuiInputBase-root) > input[type="text"]:not(.select2-input).inline,
*:not(.MuiInputBase-root) > input[type="password"].inline,
*:not(.MuiInputBase-root) > textarea.inline {
  margin: 0 8px;
}
::-webkit-input-placeholder {
  color: #c5cfd3;
  font-style: normal;
}
:-moz-placeholder {
  color: #c5cfd3;
  font-style: normal;
}
::-moz-placeholder {
  color: #c5cfd3;
  font-style: normal;
}
:-ms-input-placeholder {
  color: #c5cfd3;
  font-style: normal;
}
.checkbox {
  font-size: 13px;
  line-height: 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  cursor: pointer;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  font-weight: 400;
  color: #021462;
}
.checkbox:after {
  font-family: "FontAwesome";
  font-size: inherit;
  vertical-align: top;
  line-height: inherit;
}
.checkbox.standard {
  border: 1px solid #d9e0e3;
  background: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.checkbox.standard:hover {
  border-color: #00a7e5;
  box-shadow: 0 0 2px #19c1ff;
  -webkit-box-shadow: 0 0 2px #19c1ff;
  -moz-box-shadow: 0 0 2px #19c1ff;
  -o-box-shadow: 0 0 2px #19c1ff;
}
.checkbox.standard:after {
  content: "\f00c";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.checkbox.standard.active:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.checkbox.eye {
  font-size: 14px;
}
.checkbox.eye:after {
  content: "\F070";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
.checkbox.eye.active:after {
  content: "\F06E";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.checkbox.key {
  font-size: 14px;
  width: 13px;
  height: 16px;
}
.checkbox.key:after {
  content: "\F084";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}
.checkbox.key:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
.checkbox.key.active:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.field-row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: auto;
  margin: 0 -12px;
  float: none;
  margin: inherit;
  margin-top: 8px;
  margin-bottom: 10px;
}
.field-row:before,
.field-row:after {
  content: "";
  display: table;
}
.field-row:after {
  clear: both;
}
.field-row .head {
  width: calc(100% / 12*2.1);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 36px;
}
.field-row .head label {
  display: inline-block;
  vertical-align: middle;
}
.field-row .head .field-description {
  margin-top: 1.6px;
  line-height: 1.25em;
  font-weight: 300;
}
.field-row .head img {
  max-width: 100%;
}
.field-row .head img {
  max-width: 100%;
}
.field-row .head.full {
  width: 100%;
  float: none;
}
.field-row .body {
  width: calc(100% / 12*9.9);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-row .body img {
  max-width: 100%;
}
.field-row .body img {
  max-width: 100%;
}
.field-row .body.half {
  width: calc(100% / 12*6);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-row .body.half img {
  max-width: 100%;
}
.field-row .body.half img {
  max-width: 100%;
}
.field-row .body.full {
  width: calc(100% / 12*12);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-row .body.full img {
  max-width: 100%;
}
.field-row .body.full img {
  max-width: 100%;
}
.field-row .body .field-description {
  color: #8b9fa7;
}
.field-row .body .checkbox {
  margin-right: 8px;
}
.field-row.wide .head {
  width: calc(100% / 12*2.5);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: break-word;
}
.field-row.wide .head img {
  max-width: 100%;
}
.field-row.wide .head img {
  max-width: 100%;
}
.field-row.wide .body {
  width: calc(100% / 12*9.5);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-row.wide .body img {
  max-width: 100%;
}
.field-row.wide .body img {
  max-width: 100%;
}
.field-row label.inline {
  margin: 0 8px;
}
/*input.big {
  font-weight: 300;
  font-size: 1.3em;
  line-height: 1.3em;
  height: 42px;
  padding-left: @g;
  padding-right: @g;
}*/
.select2-container {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  min-width: 120px;
  background: #fff;
}
.select2-container.big {
  font-weight: 300;
}
.select2-container.big .select2-choice,
.select2-container.big .select2-input {
  font-weight: 300;
  font-size: 1.3em;
  line-height: 40px;
  height: 42px;
  padding-left: 10px;
}
.select2-container.big .select2-choice .select2-arrow,
.select2-container.big .select2-input .select2-arrow {
  width: 20px;
}
.select2-container.big .select2-input {
  line-height: 32px;
}
.select2-container.suffix.select2-dropdown-open .select2-choice {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.select2-container.suffix .select2-choice {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.select2-container.custom-results {
  min-width: 300px;
}
.select2-container.custom-results.type {
  min-width: 200px;
}
.select2-choice,
.select2-choices {
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.select2-default {
  color: #c5cfd3 !important;
}
.select2-results .not-generated {
  font-style: italic;
}
.select2-results .select2-result-label {
  padding: 16px 24px;
  line-height: 1.4em;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: 500;
  color: #50646d;
  text-transform: uppercase;
  font-size: 0.9em;
  background-color: #e2f0f6;
  padding-top: 8px;
}
.select2-results .item-with-icon .icon {
  display: inline-block;
  width: 16px;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 7px;
}
.select2-container .select2-choice {
  background: #f7f8f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 20px;
}
.select2-container .select2-choice .select2-arrow {
  background: transparent;
  border: none;
}
.select2-container .select2-choice .select2-arrow b {
  background: transparent !important;
}
.select2-container .select2-choice .select2-arrow b:before {
  display: block;
  font-family: FontAwesome;
  font-size: 21px;
  content: "\f107";
  color: #22343b;
  transition: color 200ms;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  font-weight: normal !important;
}
.select2-container:hover .select2-choice {
  border-color: #00a7e5;
}
.select2-container:hover .select2-choice .select2-arrow b:before {
  color: #00a7e5;
}
.select2-results .select2-no-results {
  line-height: 20px;
  padding: 0 8px;
  font-style: italic;
  color: #9eb0b8;
}
.select2-drop {
  color: #021462;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.select2-results {
  padding: 0;
  margin: 4px 0;
  max-height: 192px;
}
.select2-results .select2-result {
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.select2-results .select2-result.select2-highlighted {
  background: #f5f6fc;
  background-color: #e5f8ff;
  color: inherit;
}
.select2-search input {
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: 12px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  padding: 4px 6.4px;
  border: 1px solid #d9e0e3;
}
.select2-container-multi.select2-container-active .select2-choices,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.select2-drop-active,
.select2-dropdown-open .select2-choice,
.select2-dropdown-open.select2-container-multi .select2-choices,
.select2-drop.select2-drop-above.select2-drop-active,
.select2-dropdown-open.select2-drop-above .select2-choice {
  border: none;
}
.select2-dropdown-open .select2-choice {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.select2-dropdown-open.select2-drop-above .select2-choice {
  background: #fff;
}
.select2-dropdown-open .select2-choice .select2-arrow b:before {
  content: "\f106";
  color: #22343b;
}
.select2-dropdown-open.select2-container-multi .select2-choices,
.select2-dropdown-open .select2-choice,
.select2-drop.select2-drop-above,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.select2-container-multi .select2-choices {
  min-height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.select2-container.select2-allowclear .select2-search-choice-close:before {
  color: #22343b;
  line-height: 18px;
  font-size: 23px;
}
.select2-container.select2-allowclear .select2-search-choice-close:hover:before {
  color: #22343b;
}
.select2-container.select2-allowclear .select2-choice abbr {
  line-height: 16px;
}
.select2-search-choice-close {
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.select2-search-choice-close:before {
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  color: #9eb0b8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  content: "\00D7";
}
.select2-search-choice-close:hover {
  text-decoration: none;
}
.select2-search-choice-close:hover:before {
  color: #50646d;
}
.select2-container-multi .select2-search-choice {
  display: flex;
}
.select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 4px;
  top: 5px;
  background: transparent;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 4px 17.6px 4px 6.4px;
  color: #9eb0b8;
}
.select2-container.combobox .select2-chosen {
  visibility: hidden;
}
.select2-container.combobox abbr.select2-search-choice-close {
  position: absolute;
  top: 8px;
  right: 8px;
}
.select2-container.combobox .input,
.select2-container.combobox .select2-input {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  box-shadow: none !important;
  padding-left: 8px;
}
.select2-container.combobox .input:focus,
.select2-container.combobox .select2-input:focus {
  outline: none;
}
.select2-drop.combobox .select2-search {
  display: none;
}
.select2-container-multi.droppable-field,
.select2-container.droppable-field {
  background: transparent;
  min-width: 200px;
}
.select2-container-multi.droppable-field .select2-choices,
.select2-container.droppable-field .select2-choices,
.select2-container-multi.droppable-field .select2-choice,
.select2-container.droppable-field .select2-choice {
  transition: background 200ms;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -o-transition: background 200ms;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 3px;
  border: 1px dashed #c7d2d6;
  background: transparent;
}
.select2-container-multi.droppable-field .select2-choice,
.select2-container.droppable-field .select2-choice {
  padding: 6px;
  height: 41px;
}
.select2-container-multi.droppable-field .select2-choice .select2-arrow,
.select2-container.droppable-field .select2-choice .select2-arrow {
  display: none;
}
.select2-container-multi.droppable-field .droppable-placeholder,
.select2-container.droppable-field .droppable-placeholder {
  position: relative;
  display: none;
}
.select2-container-multi.droppable-field .select2-choice.select2-default .droppable-placeholder,
.select2-container.droppable-field .select2-choice.select2-default .droppable-placeholder {
  display: block;
}
.select2-container-multi.droppable-field.active .select2-choices,
.select2-container.droppable-field.active .select2-choices,
.select2-container-multi.droppable-field:hover .select2-choices,
.select2-container.droppable-field:hover .select2-choices,
.select2-container-multi.droppable-field.select2-dropdown-open .select2-choices,
.select2-container.droppable-field.select2-dropdown-open .select2-choices,
.select2-container-multi.droppable-field.select2-container-active .select2-choices,
.select2-container.droppable-field.select2-container-active .select2-choices,
.select2-container-multi.droppable-field.active .select2-choice,
.select2-container.droppable-field.active .select2-choice,
.select2-container-multi.droppable-field:hover .select2-choice,
.select2-container.droppable-field:hover .select2-choice,
.select2-container-multi.droppable-field.select2-dropdown-open .select2-choice,
.select2-container.droppable-field.select2-dropdown-open .select2-choice,
.select2-container-multi.droppable-field.select2-container-active .select2-choice,
.select2-container.droppable-field.select2-container-active .select2-choice {
  background: #fff;
}
.select2-drop.droppable-field {
  border: 1px solid #00a7e5;
}
.color-chooser {
  padding: 24px;
  max-width: 284px;
  background-color: #FFF;
}
.color-chooser label {
  display: block;
  color: #819197;
  font-weight: 300;
  margin: 0 0 8px;
}
.color-chooser .options-divider {
  border-top: 1px solid #D8E4F0;
  margin: 20px -24px 24px -24px;
  text-align: center;
  height: 1px;
}
.color-chooser .options-divider span {
  background-color: #FFF;
  display: inline-block;
  position: relative;
  top: -9px;
  text-transform: uppercase;
  padding: 0 4px;
  color: #d0dde2;
  font-size: 0.9em;
}
.color-chooser .color-swatches {
  line-height: 1em;
}
.color-chooser .color-swatch {
  position: relative;
  font-size: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  line-height: 12px;
  vertical-align: middle;
  border: 1px solid #D8E4F0;
  transition: border 200ms;
  -webkit-transition: border 200ms;
  -moz-transition: border 200ms;
  -o-transition: border 200ms;
}
.color-chooser .color-swatch.transparent {
  overflow: hidden;
  background: #000 !important;
  text-align: center;
}
.color-chooser .color-swatch.transparent:before {
  display: block;
  font-size: 33px;
  line-height: 32px;
  color: #DB2A4A;
  content: "|";
  vertical-align: middle;
  position: relative;
  left: 2px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.color-chooser .color-swatch.transparent:before {
  line-height: 18px;
}
.color-chooser .color-swatch:hover,
.color-chooser .color-swatch.active {
  border: 1px solid #ebebeb;
}
.custom-color-container input {
  margin: 0;
  width: 100%;
}
.color-display-container {
  display: inline-block;
  height: 36px;
  width: 36px;
  border: 1px solid #D8E4F0;
  border-radius: 50%;
  overflow: auto;
}
.color-display-container .color-swatch {
  width: 100%;
  height: 100%;
  font-size: 56px;
  font-weight: 300;
  position: relative;
  cursor: pointer;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.color-display-container .color-swatch.transparent {
  overflow: hidden;
  background: #000 !important;
  text-align: center;
}
.color-display-container .color-swatch.transparent:before {
  display: block;
  font-size: 33px;
  line-height: 32px;
  color: #DB2A4A;
  content: "|";
  vertical-align: middle;
  position: relative;
  left: 2px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.simpleColorContainer {
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
}
.simpleColorDisplay {
  height: 36px;
  line-height: 36px;
  width: 48px;
  font-size: 56px;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  cursor: pointer;
  border: 1px solid transparent;
}
.simpleColorDisplay:hover {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.simpleColorDisplay:after {
  display: block;
  content: "";
  color: #fff;
  position: absolute;
  right: 8px;
  font-family: FontAwesome;
  font-size: 14px;
  top: 0;
  text-shadow: none;
  content: "\F107";
}
.simpleColorDisplay[data-color="transparent"],
.simpleColorDisplay[data-color="#ffffff"] {
  border-color: #d9e0e3;
}
.simpleColorDisplay[data-color="transparent"]:after,
.simpleColorDisplay[data-color="#ffffff"]:after {
  color: #9eb0b8;
}
.simpleColorDisplay[data-color="transparent"] {
  overflow: hidden;
  background: #000 !important;
  text-align: center;
  font-weight: 300;
}
.simpleColorDisplay[data-color="transparent"]:before {
  display: block;
  font-size: 33px;
  line-height: 32px;
  color: #DB2A4A;
  content: "|";
  vertical-align: middle;
  position: relative;
  left: 2px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.simpleColorChooser {
  z-index: 9999;
  background: #fff;
  width: 245px;
  margin-top: 8px;
  padding: 8px;
  border: none;
  position: absolute;
  top: 36px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.simpleColorCell {
  border: 1px solid transparent;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 1px;
  cursor: pointer;
}
.simpleColorCell#transparent,
.simpleColorCell#ffffff {
  border-color: #d9e0e3;
}
.simpleColorCell#transparent {
  overflow: hidden;
  background: #000 !important;
  text-align: center;
}
.simpleColorCell#transparent:before {
  display: block;
  font-size: 33px;
  line-height: 32px;
  color: #DB2A4A;
  content: "|";
  vertical-align: middle;
  position: relative;
  left: 2px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.light .select2_theme_dark .select2-input,
.light .select2_theme_dark .select2-chosen {
  color: #020f49;
}
.light .select2_theme_dark .select2-choice .select2-arrow b:before {
  color: #020f49 !important;
}
.light .select2_theme_dark .select2-dropdown-open .select2-choice .select2-arrow b:before {
  color: #010a30 !important;
}
.light .select2_theme_dark .select2-choice {
  color: #020f49;
  background-color: #f5f6fc;
  border-color: #f5f6fc;
}
.light .select2_theme_dark .select2-container:hover .select2-choice {
  border-color: #e9e9e9;
}
.light .select2_theme_dark .select2-drop-active {
  color: #010a30;
  background-color: #e9e9e9;
}
.light .select2_theme_dark .select2-results .select2-result.select2-highlighted {
  color: #000000;
  background-color: #e2e2e2;
}
.select2_theme_green .select2-choice .select2-arrow b:before {
  color: #fff !important;
}
.select2_theme_green .select2-dropdown-open .select2-choice .select2-arrow b:before {
  color: #eee !important;
}
.select2_theme_green .select2-choice {
  color: #fff;
  background-color: #00a7e5 !important;
  border-color: #00a7e5 !important;
}
.select2_theme_green .select2-container:hover .select2-choice {
  border-color: #00a7e5 !important;
}
.select2_theme_green.select2-drop-active {
  color: #fff;
  background-color: #00a7e5 !important;
}
.select2_theme_green .select2-results .select2-result.select2-highlighted {
  color: #fff;
  background-color: #1ec2ff;
}
.ui-radio-group {
  /** Copy pasted the styles from somewhere, we need to edit this to make the look blend with the UI colors **/
}
.ui-radio-group input[type="radio"] {
  opacity: 0;
  display: none;
  margin: 0;
}
.ui-radio-group input[type="radio"] + label {
  cursor: pointer;
  padding: 5px 10px;
  color: #fff;
  background: -moz-linear-gradient(top, #485357 0%, #222228 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #485357), color-stop(100%, #222228));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #485357 0%, #222228 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #485357 0%, #222228 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #485357 0%, #222228 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #485357 0%, #222228 100%);
  /* W3C */
}
.ui-radio-group input[type="radio"]:checked + label {
  /* style for the checked/selected state */
  color: #fff;
  background: -moz-linear-gradient(top, #313137 0%, #1e1e24 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #313137), color-stop(100%, #1e1e24));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #313137 0%, #1e1e24 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #313137 0%, #1e1e24 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #313137 0%, #1e1e24 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #313137 0%, #1e1e24 100%);
  /* W3C */
}
.light .custom-results .select2-result {
  padding: 0;
}
.light .custom-results .select2-result .component-summary .name,
.light .custom-results .select2-result .component-summary .description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.light .custom-results .select2-result .component-summary .name {
  font-weight: 600;
}
.light .custom-results .select2-result .component-summary .node-icon,
.light .custom-results .select2-result .component-summary .icon {
  float: left;
  font-size: 2.25em;
  line-height: 30px;
  padding-right: 8px;
  color: #020f49;
}
.light .custom-results .select2-result .component-summary .node-icon:before,
.light .custom-results .select2-result .component-summary .icon:before {
  vertical-align: middle;
}
.light .custom-results.type .select2-result,
.light .custom-results.template .select2-result {
  border: none;
}
.light .custom-results.type .select2-result .component-summary,
.light .custom-results.template .select2-result .component-summary {
  padding: 0;
}
.light .custom-results.type .select2-result .component-summary .name,
.light .custom-results.template .select2-result .component-summary .name {
  font-weight: 400;
}
.light .custom-results.type .select2-result .component-summary .node-icon,
.light .custom-results.template .select2-result .component-summary .node-icon {
  display: none;
}
.highcharts-container {
  overflow: visible !important;
}
.highcharts-container {
  position: inherit !important;
}
.highcharts-tooltip {
  z-index: 9998;
  pointer-events: none;
}
#content.iframe {
  padding-top: 0 !important;
}
#content.iframe #dashboard .visualizations {
  margin: 0 !important;
}
#content.iframe #dashboard .visualizations .page.grid-component {
  margin-bottom: 0;
}
.materialize .ui-timepicker-list.collection .collection-item {
  padding: 2px 8px;
}
.materialize .ui-timepicker-list.collection .collection-item.ui-timepicker-selected {
  background-color: #00a7e5 !important;
}
.ui-datepicker .ui-datepicker-calendar {
  background-color: white;
}
.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
  height: auto;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
}
.ui-datepicker .ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/lib/vendor/images/ui-icons_222222_256x240.png);
}
.ui-datepicker .ui-widget-content .ui-icon {
  background-image: url(/lib/vendor/images/ui-icons_222222_256x240.png);
}
.ui-datepicker .ui-widget-header .ui-icon {
  background-image: url(/lib/vendor/images/ui-icons_222222_256x240.png);
}
.ui-datepicker .ui-datepicker-prev-hover {
  top: 2px;
  left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  right: 2px;
}
.items-list {
  width: 358px;
  /* Styles for select2 as list item */
}
.items-list .addField {
  border: 1px solid #d7d7d7;
  display: block;
  padding: 5px 5px 5px 15px;
  border-top: 0;
}
.items-list .addField .add {
  cursor: pointer;
  color: #00a7e5;
}
.items-list .list,
.items-list .empty-message {
  padding: 10px 5px 0 10px;
  background-color: white;
  border: 1px solid #d7d7d7;
}
.items-list .list .lineItem {
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}
.items-list .list .lineItem:last-child {
  border-bottom: none;
}
.items-list .lineItem input {
  display: inline-block;
}
.items-list .lineItem a {
  display: inline-block;
}
.items-list .empty-message {
  text-align: center;
  padding-bottom: 10px;
}
.items-list .select2-control.lineItem {
  line-height: 0;
}
.items-list .select2-control.lineItem .close-btn {
  line-height: 30px;
}
.items-list .select2-control.lineItem .select2-choice {
  width: 100%;
}
.light .sidebar .tql-editor .CodeMirror,
.light .flow-designer .tql-editor .CodeMirror {
  width: 350px;
}
.light .sidebar .tql-editor .heading .heading-right,
.light .flow-designer .tql-editor .heading .heading-right {
  margin-left: auto;
  flex-direction: column;
}
.light .sidebar .tql-editor .heading .toggle-full-screen,
.light .flow-designer .tql-editor .heading .toggle-full-screen,
.light .sidebar .tql-editor .heading .toggle-help,
.light .flow-designer .tql-editor .heading .toggle-help {
  font-size: 26px;
  line-height: 26px;
  color: #22343b;
}
.light .sidebar .tql-editor .heading .toggle-full-screen .material-icons,
.light .flow-designer .tql-editor .heading .toggle-full-screen .material-icons,
.light .sidebar .tql-editor .heading .toggle-help .material-icons,
.light .flow-designer .tql-editor .heading .toggle-help .material-icons {
  align-items: center;
  justify-content: center;
  font-size: inherit;
  margin-left: 8px;
}
.light #flowDesignerContainer .tql-editor .CodeMirror {
  height: auto;
}
.light #flowDesignerContainer .tql-editor.full-screen .toggle-help {
  margin-top: -5px;
}
.light #flowDesignerContainer .tql-editor.full-screen .info {
  position: absolute;
  bottom: 25px;
  z-index: 10;
  width: 100%;
}
.light #flowDesignerContainer .tql-editor .info {
  display: none;
}
.light #flowDesignerContainer .tql-editor .heading {
  padding: 16px;
  display: flex;
}
.light #flowDesignerContainer .tql-editor .heading label {
  font-size: 14px;
  font-weight: 600;
}
.light .tql-editor {
  width: 350px;
  font-size: 12px;
}
.light .tql-editor.full-screen {
  width: 100%;
}
.light .tql-editor.full-screen .heading {
  border: none;
  border-bottom: 1px solid #d9e0e3;
  margin-bottom: 0;
}
.light .tql-editor .heading {
  margin-bottom: -1px;
  margin-top: 27px;
  display: flex;
  border: 1px solid #d9e0e3;
  padding: 8px;
  background-color: #eeeeee;
}
.light .tql-editor .heading label {
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .tql-editor .heading span.asterisk {
  padding: 0 2px;
}
.light .tql-editor .info {
  background-color: #010a30;
  color: white;
  padding: 8px 16px;
  position: relative;
}
.light .tql-editor .info ol {
  margin: 0 1em;
  display: inline-block;
}
.light .tql-editor .info ol li {
  list-style: inside decimal;
  line-height: normal;
}
.light .tql-editor .info ol li:only-child {
  list-style: none;
}
.light .tql-editor .info .close {
  position: absolute;
  cursor: pointer;
  top: 7px;
  right: 10px;
  font-size: 19px;
}
.light .license-info i {
  position: absolute;
  cursor: pointer;
  margin-left: 4px;
}
.select2-control input {
  border: none !important;
}
.select2-control .select2-search-choice {
  padding: 5px 9px 5px 8px !important;
  margin: 4px 0 3px 3px !important;
}
.select2-control .actions-container .error-message {
  color: #dd3711;
  line-height: 20px;
  font-weight: 400;
}
.select2-control .select2-container-active ~ .actions-container {
  border: 1px solid #00a7e5;
}
.actions-container {
  margin-top: 3px;
}
.light .fields-list {
  width: 358px;
  max-height: 330px;
  /*.fields {
      table {
        display: grid;

        tbody,
        thead {
          display: block;

          tr {
            display: grid;
            grid-template-columns: [key] 36px [field] 105px [alias] 75px [type] 116px [action] auto;
          }
        }

        .grid-key,
        .grid-field,
        .grid-alias,
        .grid-type,
        .grid-action {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .grid-key {
          grid-area: key;

          .checkbox {
            width: 30px;
            padding: 0 14px;
          }

          .checkbox.disabled {
            background: none;
          }
        }

        .grid-field {
          grid-area: field;
        }

        .grid-alias {
          grid-area: alias;
        }

        .grid-type {
          grid-area: type;
        }

        .grid-action {
          grid-area: action;
        }

        tbody {
          display: block;
          max-height: 228px;
          overflow-x: hidden;
          overflow-y: auto;

          &::-webkit-scrollbar {
            width: 0;
          }
        }

        .drag-handle {
          padding: 0;
        }

        td {
          padding-right: 2px;
          padding-left: 2px;
        }

        th {
          padding-right: 2px;
          padding-left: 2px;
        }

        tbody td {
          border-top: 0;
        }

        th,
        td {
          border-bottom: 1px solid @c_light_border_color;
        }
      }
    }*/
}
.light .fields-list a {
  cursor: pointer;
}
.light .fields-list .addField {
  border: 1px solid #d7d7d7;
}
.light .fields-list .addField a {
  color: #00a7e5;
}
.light .fields-list .action-controls .drag-handle {
  font-size: 20px;
  vertical-align: inherit;
  margin: 0 !important;
}
.light .fields-list .action-controls .icon-close {
  font-size: 17px;
}
.light .fields-list .action-controls .icon-close {
  cursor: pointer;
}
.light .fields-list .select2-container {
  min-width: 110px !important;
  max-width: 110px !important;
}
.light .fields-list .addField {
  display: block;
  padding: 5px 5px 5px 10px;
  border-top: 0;
}
.light .type-field-select .select2-results {
  max-height: 300px;
}
.light .columns-list {
  /*width: 480px;
    min-height: 140px;
    max-height: 650px;*/
  /*.addColumn,
    .columns-errors {
      border: 1px solid @c_light_border_color;

      a {
        color: @c_primary;
      }
    }*/
}
.light .columns-list a {
  cursor: pointer;
}
.light .columns-list .action-controls {
  width: 60px;
}
.light .columns-list .action-controls .drag-handle {
  font-size: 20px;
  vertical-align: inherit;
}
.light .columns-list .action-controls .icon-close {
  font-size: 17px;
  margin-right: 5px;
}
.light .columns-list .addColumn {
  display: block;
  padding: 5px 5px 5px 10px;
  border-top: 0;
}
.light .columns-list .columns {
  position: relative;
  /*table {
        border: 1px solid @c_light_border_color !important;

        tbody,
        thead {
          display: block;

          tr {
            display: grid;
            grid-template-columns: [grid-col1] 212px [grid-col2] 212px [grid-col3] auto;
          }

          &.grid-with-functions {
            tr {
              grid-template-columns: [grid-col1] 140px [grid-col2] 142px [grid-col3] 142px [grid-col4] auto;
            }

            &.without-col3 {
              tr {
                grid-template-columns: [grid-col1] 212px [grid-col2] 212px [grid-col4] auto;

                .grid-col3 {
                  display: none;
                }
              }
            }
          }

          &.without-col1 {
            tr {
              grid-template-columns: [grid-col2] 424px [grid-col3] auto;

              .grid-col1 {
                display: none;
              }
            }
          }

          &.without-col2 {
            tr {
              grid-template-columns: [grid-col1] 424px [grid-col3] auto;

              .grid-col2 {
                display: none;
              }
            }
          }
        }

        tbody {
          max-height: 210px;
          overflow-y: auto;
        }

        .grid-col1,
        .grid-col2,
        .grid-col3,
        .grid-col4 {
          display: flex;
          align-items: center;
          justify-content: center;

          & > * {
            width: 100%;
          }
        }

        .grid-col1 {
          grid-area: grid-col1;
        }

        .grid-col2 {
          grid-area: grid-col2;
        }

        .grid-col3 {
          grid-area: grid-col3;
        }

        .grid-col4 {
          grid-area: grid-col4;
        }

        .drag-handle {
          padding: 0;
        }

        td {
          padding-right: 5px;
          padding-left: 5px;
        }

        tbody td {
          border-top: 0;
        }

        th,
        td {
          border-bottom: 1px solid @c_light_border_color;
        }
      }*/
}
.light .columns-list .columns .loader {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 5px;
  top: 3px;
}
.light .columns-list .columns .column-enricher .CodeMirror {
  max-width: 100%;
}
.light .columns-list .columns .column-enricher .CodeMirror pre {
  color: #010a30;
  font-size: 14px;
  font-weight: 400;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.light .typeEditor {
  width: 358px;
}
.light .typeEditor.global-message,
.light .typeEditor.implicit-message {
  max-height: inherit;
}
.light .typeEditor .type-preview > .label {
  width: 32px;
  margin-right: 8px;
}
.light .typeEditor .type-preview .type-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 70px);
  flex: 1;
}
.light .typeEditor .type-preview .type-name .select2-control-container.select2-container {
  min-width: inherit !important;
}
.light .typeEditor a {
  cursor: pointer;
}
.light .typeEditor label {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 107px;
  font-weight: normal;
  color: #010a30;
}
.light .typeEditor .toggleDetails {
  display: inline-block;
  margin: auto 5px;
}
.light .typeEditor .type-preview {
  padding: 0 0 8px 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: -1px;
  margin-top: 8px;
  align-items: center;
}
.light .typeEditor > .fields-list-container {
  margin-bottom: 8px;
}
.light .typeEditor > .fields-list-container > .fields-list table:not(.plain):not(.dg-options):not(.wa-table) {
  border-top-style: none;
}
.light .typeEditor .save-actions {
  margin-top: 8px;
}
.light .typeEditor .info {
  padding: 5px 5px 5px 10px;
  color: #d0dde2;
  background-color: #000208;
  border: 1px solid #e1e1e1;
  border-top: 0;
}
.light .typeEditor .select2-choice {
  padding: 0 8px !important;
}
.light .typeEditor input {
  padding: 0 8px !important;
}
.body .interval-control {
  line-height: 32px;
}
.body .interval-control .row {
  display: flex;
  margin-left: 0;
}
.type-and-field {
  position: relative;
  margin: 0;
  margin-right: 20px;
  padding: 0;
  border-radius: 0;
}
.type-and-field .select2-container {
  width: 100% !important;
  min-width: inherit;
}
.type-and-field .field-header {
  background: #fff;
  line-height: normal;
}
.type-and-field .field-header .typeEditor {
  position: relative;
  width: inherit;
}
.type-and-field .field-header .typeEditor .info {
  display: none !important;
}
.type-and-field .field-header .typeEditor .type-preview {
  background: inherit;
  padding: 10px;
}
.type-and-field .field-header .typeEditor .type-preview label {
  font-weight: normal;
  width: 100px;
  margin: 0;
}
.type-and-field .field-header .typeEditor .select2-container {
  background: inherit;
}
.type-and-field .field-header .typeEditor .select2-container a {
  display: block;
}
.type-and-field .field-header .typeEditor .fields-list {
  width: inherit;
}
.type-and-field .field-header .typeEditor .fields-list .addField {
  padding: 10px;
}
.type-and-field .field-header .typeEditor .fields-list table {
  border: none;
  border-top: 1px solid #d9e0e3;
}
.type-and-field .field-section {
  background: #fff;
  margin-top: -1px;
  padding: 10px 0;
}
.type-and-field .field-section label {
  display: inline-block;
  font-weight: normal;
  width: 100px;
  margin: 0;
}
.type-and-field .field-section .field {
  display: inline-block;
  max-width: calc(100% - 70px) !important;
  width: 100% !important;
  padding: 0;
  min-height: inherit;
}
.type-and-field .field-section .field a {
  display: block;
}
.save-actions {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
  border: 1px solid #d9e0e3;
  border-top: none;
}
.save-actions a {
  margin-left: 10px;
}
.light .select2-choice .icon,
.light .select2-chosen .icon {
  color: #000208;
  line-height: 45px;
  margin-right: 8px;
}
.light .new-or-existing-selector {
  width: 360px;
}
.light .new-or-existing-selector .existingError {
  background-color: #a4290d;
  color: #e9eff1;
}
.light .new-or-existing-selector .select2-container {
  width: 100% !important;
  min-width: inherit;
}
.light .new-or-existing-selector .group {
  padding: 8px;
  margin-top: -1px;
}
.light .new-or-existing-selector .group.active label.radio {
  padding-bottom: 8px;
}
.light .new-or-existing-selector .group.active label > span {
  font-weight: 600;
}
.light .new-or-existing-selector .group label.radio {
  display: block;
  padding-left: 10px;
}
.light .new-or-existing-selector .group label.radio input {
  margin-right: 5px !important;
}
.light .new-or-existing-selector .group-control {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.light .new-or-existing-selector label input[type="radio"] {
  display: none;
}
.multiple-stream-selector a {
  color: #00a7e5;
}
.text-only {
  font-weight: bold;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"] {
  -moz-appearance: textfield;
}
.light .window-size .size-group {
  margin-top: -1px;
}
.light .window-size .size-group.active {
  padding-bottom: 10px;
  background: transparent;
}
.light .window-size .size-group .field-row .head {
  width: 100px;
}
.light .window-size .size-group .field-row .head h4 {
  margin-top: -5px;
}
.light .window-size .size-group label.radio {
  display: block;
  padding-left: 25px;
  padding-top: 9px;
  padding-bottom: 8px;
}
.light .window-size .size-group label.radio input {
  margin-right: 5px !important;
}
.light .window-size .size-group label input[type="radio"] {
  display: none;
}
.light .window-size .size-group .group {
  margin: 0 16px;
}
.light .window-size .size-group .group .meta-object-editor {
  padding-bottom: 0 !important;
}
.light .window-size input[disabled] {
  cursor: not-allowed;
}
.light .interval-control {
  line-height: inherit;
}
.light .interval-control .unit {
  padding-left: 10px !important;
  flex-grow: 1;
}
.light .interval-control .row {
  display: flex;
}
.light li.collection-item {
  border-bottom: 1px solid #e1e1e1;
}
.light li.collection-item .material-icons {
  position: relative;
  top: 5px;
}
.waction-store-persistence a {
  cursor: pointer;
  color: #00a7e5;
  padding-top: 10px;
}
.waction-store-persistence .field-row .head {
  padding-top: 2px !important;
}
.property-template .help-link {
  display: inline-block;
  line-height: 1px;
}
.property-template .additional-action {
  float: right;
  translate: -19px -64px;
}
.property-template .additional-action i {
  font-size: 16px;
}
.property-template .handler .controls .field-row label {
  font-weight: 900;
  color: black;
}
.property-template .show-hide-optional-properties {
  margin-top: 3px !important;
}
.deployment-plan-list-form .tbl .cell {
  float: left;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
}
.deployment-plan-list-form .tbl .tbl-name {
  width: 37%;
  font-size: 14px;
  color: #819197;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.deployment-plan-list-form .tbl .tbl-dg {
  width: 37%;
}
.deployment-plan-list-form .tbl .tbl-dg .select2-control {
  padding-left: 3px;
  padding-right: 3px;
}
.deployment-plan-list-form .tbl .tbl-nodes {
  width: 26%;
}
.deployment-plan-list-form .tbl .tbl-nodes .select2-control {
  padding-left: 3px;
  padding-right: 3px;
}
.deployment-plan-list-form .lineItem {
  padding-right: 10px;
}
.deployment-plan-list-form .headerLine {
  padding-right: 10px;
}
.deployment-plan-list-form .headerLine .cell {
  color: inherit;
  font-weight: bold;
}
.date-range-picker a.active {
  color: #39abe0;
}
.date-range-picker .mb-dropdown {
  width: 335px !important;
}
.date-range-picker .mb-dropdown ul.options li {
  padding: 0;
}
.date-range-picker .mb-dropdown ul.options li a {
  padding: 8px 16px;
  display: block;
}
.date-range-picker .mb-dropdown ul.options li a:hover {
  opacity: 0.9;
}
.date-range-picker .custom-range-picker .inner {
  display: flex;
  flex-direction: column;
  margin: 0 16px;
}
.date-range-picker .custom-range-picker .inner .date-picker-control {
  margin-right: 8px;
}
.date-range-picker .custom-range-picker .inner h4 {
  width: 56px;
  text-align: left;
  margin: 0;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.date-range-picker .custom-range-picker .inner .row {
  display: flex;
  width: 100%;
  padding: 8px;
}
.date-range-picker .custom-range-picker .inner .dash {
  display: flex;
  margin: 0 8px;
  align-items: center;
  justify-content: center;
  line-height: inherit;
}
.ui-timepicker-wrapper.event-log {
  position: fixed !important;
}
.light .date-range-picker .custom-range-picker .inner input {
  background-color: #f7f8f8;
  color: #020f49;
}
.light .ui-datepicker.ui-widget-content .ui-state-default {
  color: #02166c;
}
.light table.ui-datepicker-calendar th {
  color: #02166c;
}
.light table.ui-datepicker-calendar td a.ui-state-default {
  background-color: #fff;
}
.smtp-connection-control .row,
.teams-connection-control .row {
  margin-top: 8px;
}
.smtp-connection-control .row .input-field > label,
.teams-connection-control .row .input-field > label {
  position: relative;
}
.smtp-connection-control .row.smtp-auth,
.teams-connection-control .row.smtp-auth,
.smtp-connection-control .row.checker,
.teams-connection-control .row.checker {
  padding-bottom: 0px;
}
.smtp-connection-control .row.validate-connection-input,
.teams-connection-control .row.validate-connection-input {
  margin-bottom: 16px;
}
.smtp-connection-control .connection-url span,
.teams-connection-control .connection-url span {
  width: 15%;
  display: inline-block;
}
.smtp-connection-control .connection-url input,
.teams-connection-control .connection-url input {
  display: inline;
}
.smtp-connection-control .connection-url input.url,
.teams-connection-control .connection-url input.url {
  width: 50% !important;
}
.smtp-connection-control .connection-url input.port,
.teams-connection-control .connection-url input.port {
  width: 20% !important;
}
.smtp-connection-control .smtp-config-input span,
.teams-connection-control .smtp-config-input span {
  display: inline-block;
  width: 15%;
}
.smtp-connection-control .smtp-config-input input,
.teams-connection-control .smtp-config-input input {
  display: inline-block;
  width: 70% !important;
}
.smtp-connection-control .smtp-config-input a.send-test-email,
.teams-connection-control .smtp-config-input a.send-test-email {
  padding: 0px 10px;
}
.smtp-connection-control .message-box,
.teams-connection-control .message-box {
  display: flex;
  align-items: center;
  background-color: #FAEDEF;
  border: 1px solid #F5DADF;
  border-radius: 8px;
  gap: 8px;
  padding: 16px;
}
.smtp-connection-control .message-box span,
.teams-connection-control .message-box span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
}
.smtp-connection-control .info-box,
.teams-connection-control .info-box {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #EBF2FA;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  gap: 8px;
  padding: 16px;
}
.smtp-connection-control .info-box span,
.teams-connection-control .info-box span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
}
.smtp-connection-control .checker,
.teams-connection-control .checker,
.smtp-connection-control .smtp-auth,
.teams-connection-control .smtp-auth {
  padding-bottom: 16px;
}
.smtp-connection-control .checker > div,
.teams-connection-control .checker > div,
.smtp-connection-control .smtp-auth > div,
.teams-connection-control .smtp-auth > div {
  display: inline-block;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #4e5c62;
  margin-right: 8px !important;
}
.teams-connection-control .message-box {
  color: #ff0000;
  display: flex;
  align-items: center;
  background-color: #FAEDEF;
  border: 1px solid #F5DADF;
  border-radius: 8px;
  gap: 8px;
  padding: 16px;
}
.teams-connection-control .message-box span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
}
.light .from-control-container-Transaction_Policy .meta-object-editor .controls li .body {
  width: 100%;
}
.light .from-control-container-Transaction_Policy .meta-object-editor .controls li .body .value {
  width: 60%;
}
.light .from-control-container-Transaction_Policy .meta-object-editor .controls li .body .unit {
  width: 40%;
}
.light .from-control-container-Transaction_Policy .meta-object-editor .controls li .from-control-container-Enabled .body {
  width: 50px;
}
.light .from-control-container-Time {
  height: 75px;
}
.light .transaction-policy-form .meta-object-editor .controls li .body .select2-container {
  width: 100% !important;
}
.light .transaction-policy-form {
  padding: 0 10px 10px 10px;
  background: #fdfdfd;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
}
.light .meta-object-editor .controls li .head {
  width: 100px;
}
.show-hide-toggle label {
  display: flex;
  align-items: center;
}
.condition .less {
  display: flex;
}
.condition .more {
  display: none;
}
.condition.groupCollapsed .condition-root {
  display: none;
}
.condition.groupCollapsed .less {
  display: none;
}
.condition.groupCollapsed .more {
  display: flex;
}
.condition a {
  color: #22343b;
}
.condition .expander {
  display: flex;
}
.condition .group-header {
  text-transform: uppercase;
  padding: 8px 16px 16px 0;
  width: 100%;
  display: flex;
  align-content: space-between;
  align-items: center;
}
.condition .condition-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px;
}
.condition .condition-header .expander {
  margin-right: 2px;
  padding-right: 8px;
}
.condition .condition-header .action-controls {
  display: flex;
}
.condition .condition-header .action-controls .deleteCondition {
  border-left: 1px solid #d7d7d7;
  padding-left: 4px;
  align-items: center;
}
.condition .condition-header .action-controls .deleteCondition span {
  width: 24px;
}
.condition .brief {
  padding: 16px;
}
.condition .brief .brief-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
}
.condition .brief .configured-info {
  display: none;
}
.condition .brief .not-configured-info {
  display: block;
}
.condition .brief.configured .configured-info {
  display: block;
}
.condition .brief.configured .not-configured-info {
  display: none;
}
.condition .brief .brief-conditions {
  padding: 0 8px;
  background-color: #ebf2fa;
  color: #6e7d8c;
  border-radius: 10px;
}
.condition .brief .stream-name {
  padding: 0 8px;
  background-color: #ebf2fa;
  color: #6e7d8c;
  border-radius: 10px;
}
.condition .details {
  padding: 16px;
}
.condition .details label {
  margin-bottom: 8px;
  display: block;
}
.condition .condition-root {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}
.condition .condition-root .less {
  display: none;
}
.condition .condition-root .more {
  display: flex;
}
.condition .condition-root.grouped {
  margin-left: 24px;
}
.condition .condition-root .details {
  display: none;
}
.condition .condition-root .brief {
  display: block;
  padding-top: 0px;
}
.condition .condition-root.expanded .condition-header {
  border-top: 0;
  border-bottom: 1px solid #d7d7d7;
}
.condition .condition-root.expanded .details {
  display: block;
}
.condition .condition-root.expanded .brief {
  display: none;
  padding-top: 16px;
}
.condition .condition-root.expanded .less {
  display: flex;
}
.condition .condition-root.expanded .more {
  display: none;
}
.router-condition-editor .header {
  display: flex;
  align-content: space-between;
  align-items: center;
}
.router-condition-editor .header a {
  color: #22343b;
}
.router-condition-editor .header span {
  font-size: 12px;
}
.router-condition-editor .header .heading-right {
  margin-left: auto;
  margin-top: 4px;
}
.router-condition-editor .customize {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  margin-bottom: 16px;
  background-color: #ebf2fa;
  color: #6e7d8c;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.router-condition-editor .customize .header {
  display: flex;
}
.router-condition-editor .customize .header span {
  margin-left: 8px;
  font-weight: bolder;
}
.router-condition-editor .conditions .addCondition {
  margin-top: 8px;
  margin-bottom: 16px;
  font-weight: bolder;
}
.router-condition-editor .when {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.router-condition-editor .when span {
  font-size: 14px;
  font-weight: 400;
}
.router-condition-editor.full-screen {
  padding: 24px;
  background-color: white;
  height: 100%;
}
.router-condition-editor.full-screen .toggle-full-screen .material-icons {
  font-size: 24px;
}
.router-condition-editor.full-screen .tql-editor {
  width: 100%;
}
.router-condition-editor.full-screen .tql-editor .toggle-full-screen {
  display: none;
}
.light .control-label .tooltipster-content {
  max-height: 408px;
  overflow-y: scroll;
}
.light .control-label .tooltipster-content::-webkit-scrollbar-thumb {
  background-color: #9d9ea1;
}
.light .control-label .tooltipster-content::-webkit-scrollbar-thumb:hover {
  background-color: #838488;
}
.light .properties-editor .add-item {
  display: inline-block;
  line-height: 1em;
  margin: 8px 0 16px;
  border-bottom: 1px solid transparent;
  color: #089BEE;
  white-space: nowrap;
}
.light .properties-editor .add-item i {
  margin-right: 8px;
}
.light .properties-editor .add-item:hover {
  color: #0674B2;
}
.light .properties-editor .flow-inline {
  display: inline-block;
  padding: 0 16px 0 0;
  vertical-align: middle;
}
.light .properties-editor .flow-inline > .field-row.custom-layout > .head {
  width: auto;
}
.light .properties-editor .label-heading > .field-row.custom-layout > .head {
  float: none;
}
.light .properties-editor .label-heading > .field-row.custom-layout > .head label {
  white-space: nowrap;
}
.light .properties-editor .collection .collection-item {
  position: relative;
}
.light .properties-editor .collection .collection-item:nth-child(odd) {
  background: #ededed;
}
.light .properties-editor .collection .collection-item:nth-child(even) {
  background: #fcfcfc;
}
.light .properties-editor .collection .collection-item .collection-item-body {
  display: inline-block;
}
.light .properties-editor .collection .collection-item .remove {
  right: 5px;
  top: 0;
  position: absolute;
  margin-left: 8px;
  display: inline-block;
  vertical-align: top;
}
.light .properties-editor .collection .collection-item .field-row .head {
  width: 120px;
}
.light .properties-editor .collection .collection-item .field-row .body {
  width: auto;
}
.light .properties-editor .collection .collection-item .field-row .body .items {
  margin-left: -5px;
}
.light .properties-editor .field-row .icon {
  margin-top: -1px;
  vertical-align: top;
  display: inline-block;
  font-size: 18px;
}
.light .properties-editor .field-row:first-child {
  margin-top: 0;
}
.light .properties-editor .field-row.custom-layout .body {
  width: auto;
}
.light .properties-editor .field-row.custom-layout .head {
  width: 220px;
}
.light .properties-editor .field-row.custom-layout .head.full {
  width: auto;
  float: none;
}
.light .light.select2-drop,
.light .light.select2-choices {
  border: none;
}
.light .light.select2-drop .select2-input,
.light .light.select2-choices .select2-input {
  border-color: rgba(182, 202, 210, 0.5);
}
.light .light.select2-drop .select2-results .select2-highlighted,
.light .light.select2-choices .select2-results .select2-highlighted {
  color: #010a30;
  background-color: #e5f8ff;
}
.light .dark.select2-drop,
.light .dark.select2-choices {
  border: none;
}
.light .dark.select2-drop .select2-results .select2-highlighted,
.light .dark.select2-choices .select2-results .select2-highlighted {
  background-color: #e5f8ff;
}
.light .meta-object-editor *:disabled,
.light .meta-object-editor .disabled:not(.toggle) {
  cursor: not-allowed;
  color: #c5cfd3;
}
.light .meta-object-editor *:disabled:after,
.light .meta-object-editor .disabled:not(.toggle):after {
  opacity: 1;
}
.light .meta-object-editor *:disabled:after:hover,
.light .meta-object-editor .disabled:not(.toggle):after:hover {
  opacity: 1;
}
.light .meta-object-editor label.disabled:not(.toggle) {
  background-color: initial;
}
.light .meta-object-editor .head .disabled,
.light .meta-object-editor .heading .disabled {
  background-color: transparent;
}
.light .meta-object-editor .editor-notice-bottom {
  line-height: 80px;
  position: fixed;
  bottom: 0;
  background-color: #010a30;
  text-align: center;
}
.light .meta-object-editor h1 {
  line-height: 30px;
}
.light .meta-object-editor h2 {
  line-height: 30px;
}
.light .meta-object-editor h3 {
  text-transform: uppercase;
  line-height: 30px;
}
.light .meta-object-editor p:not([class*="errorFormHelperText"]):not(.Mui-error) {
  color: #010a30 !important;
}
.light .meta-object-editor .controls {
  margin: 0;
  padding: 16px;
}
.light .meta-object-editor .controls.sidebar-box li .head.header.wactionheader {
  position: relative;
  margin-top: -21px;
}
.light .meta-object-editor .controls.sidebar-box li .head.header.persistenceheader {
  margin-top: -8px;
  margin-bottom: -9px;
}
.light .meta-object-editor .controls li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.light .meta-object-editor .controls li .field-row {
  width: 100%;
  margin: 0;
}
.light .meta-object-editor .controls li .field-row.from-control-container-validationContainer .body .MuiCardHeader-root {
  padding: 8px 16px;
}
.light .meta-object-editor .controls li .settingsTitle {
  padding: 16px 0 0 0;
}
.light .meta-object-editor .controls li .header-with-icon {
  display: flex;
  margin-bottom: 8px;
}
.light .meta-object-editor .controls li .header-with-icon h2.component-title {
  padding: 0;
  align-content: center;
}
.light .meta-object-editor .controls li .header-with-icon .link {
  position: absolute;
  right: 26px;
  bottom: 0;
}
.light .meta-object-editor .controls li .header-with-icon .link .component-title {
  overflow: hidden;
  color: #1E1E5C;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto 0;
  margin-top: 4px;
}
.light .meta-object-editor .controls li .from-control-container-Enabled,
.light .meta-object-editor .controls li .from-control-container-Enable_Encryption {
  display: flex;
  align-items: center;
}
.light .meta-object-editor .controls li .from-control-container-Enabled .head,
.light .meta-object-editor .controls li .from-control-container-Enable_Encryption .head,
.light .meta-object-editor .controls li .from-control-container-Enabled .body,
.light .meta-object-editor .controls li .from-control-container-Enable_Encryption .body {
  width: auto;
}
.light .meta-object-editor .controls li .from-control-container-title .icon {
  font-size: 30px;
  float: left;
  padding-right: 16px;
}
.light .meta-object-editor .controls li .from-control-container-Created {
  padding-top: 0;
}
.light .meta-object-editor .controls li .from-control-container-Created h2 {
  height: 32px;
  padding-top: 8px;
  line-height: normal;
}
.light .meta-object-editor .controls li .component-validation-header {
  padding-bottom: 10px;
  display: table;
  width: 100%;
}
.light .meta-object-editor .controls li .component-validation-header > div {
  display: table-cell;
  vertical-align: top;
}
.light .meta-object-editor .controls li .component-validation-header .chip.error {
  color: #dd3711;
}
.light .meta-object-editor .controls li .component-validation-header .chip.in-progress {
  color: #00a7e5;
}
.light .meta-object-editor .controls li .component-validation-header .last-validation-container {
  font-style: italic;
  font-size: 11px;
}
.light .meta-object-editor .controls li .component-validation-header .last-validation-container > div {
  display: inline-block;
}
.light .meta-object-editor .controls li .validation-result {
  padding: 24px;
  margin-top: 24px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}
.light .meta-object-editor .controls li .validation-result > h3 {
  padding: 0;
  margin: 0 0 16px 0;
}
.light .meta-object-editor .controls li .validation-result > h3 .drivers-icon {
  float: left;
  margin-right: 16px;
  width: 32px;
  display: inline-block;
}
.light .meta-object-editor .controls li .ehandlers .head {
  padding: 0;
}
.light .meta-object-editor .controls li .head {
  display: inline-block;
  margin: 12px 0 0 0;
  width: 100%;
  padding: 0;
}
.light .meta-object-editor .controls li .head.addon {
  /* used when addon indicator is displayed nex to header */
}
.light .meta-object-editor .controls li .head.addon h4,
.light .meta-object-editor .controls li .head.addon h5 {
  display: inline-block;
}
.light .meta-object-editor .controls li .head.exception-status label {
  font-size: 12px;
}
.light .meta-object-editor .controls li .head span {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
}
.light .meta-object-editor .controls li .head span.asterisk {
  margin-top: 0 !important;
}
.light .meta-object-editor .controls li .head .tooltipstered {
  cursor: pointer;
  margin-top: 4px;
}
.light .meta-object-editor .controls li .head label {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  vertical-align: top;
  color: #010a30;
}
.light .meta-object-editor .controls li .head label .lastWord {
  line-height: inherit;
  white-space: nowrap;
}
.light .meta-object-editor .controls li .head label .lastWord .description {
  height: 16px;
}
.light .meta-object-editor .controls li .head label .description {
  line-height: inherit;
  vertical-align: top;
}
.light .meta-object-editor .controls li .head.header label {
  text-transform: uppercase;
}
.light .meta-object-editor .controls li .head.header label .description {
  vertical-align: sub;
}
.light .meta-object-editor .controls li .head.header {
  padding-top: 8px;
}
.light .meta-object-editor .controls li .head.header.persistenceheader {
  margin-bottom: -9px;
}
.light .meta-object-editor .controls li.no-label > .field-row {
  height: auto;
  width: 100%;
}
.light .meta-object-editor .controls li.no-label > .field-row > .body {
  padding: 0;
  margin: 0;
  width: 100%;
}
.light .meta-object-editor .controls li .body {
  width: 100%;
  padding: 0;
  margin: 0;
}
.light .meta-object-editor .controls li .body .connection-text-field .fa-check {
  color: #0f9e59;
}
.light .meta-object-editor .controls li .body .connection-text-field .validation-error {
  color: #dd3711;
  font-weight: bold;
  font-size: 17px;
  line-height: 1;
  vertical-align: middle;
}
.light .meta-object-editor .controls li .body .connection-text-field .loader {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  margin-top: -3px;
}
.light .meta-object-editor .controls li .body .typeEditor .basic .select {
  width: 180px;
}
.light .meta-object-editor .controls li .body .typeEditor .details {
  margin-left: -120px;
}
.light .meta-object-editor .controls li .body .select2-control-container {
  width: 100% !important;
  min-width: inherit;
}
.light .meta-object-editor .controls li .body .select2-container .select2-choice {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.light .meta-object-editor .controls li .body .select2-container-disabled .select2-choice,
.light .meta-object-editor .controls li .body .select2-container-disabled .select2-arrow {
  background-color: #e4e6e6;
}
.light .meta-object-editor .controls li .body .select2-container-disabled .select2-arrow b:before {
  transition: none 200ms;
  -webkit-transition: none 200ms;
  -moz-transition: none 200ms;
  -o-transition: none 200ms;
}
.light .meta-object-editor .controls li .body .select2-container.select2-container-disabled:hover .select2-choice .select2-arrow b:before {
  color: #c5cfd3;
  font-weight: normal;
}
.light .meta-object-editor .controls li .body .CodeMirror {
  border: 1px solid #d7d7d7;
}
.light .meta-object-editor .controls li .body .CodeMirror .CodeMirror-code pre {
  outline: none;
}
.light .meta-object-editor .controls li.master-control > .field-row .controls {
  padding: 0;
}
.light .meta-object-editor .controls li.master-control > .field-row > .head,
.light .meta-object-editor .controls li.master-control > .field-row > .body {
  width: 100%;
}
.light .meta-object-editor .controls li #open-process-list {
  display: block;
  background: #f7f8f8;
  padding: 8px;
  margin-top: 16px;
}
.light .meta-object-editor .controls li .process-component-loader {
  width: 100%;
}
.light .meta-object-editor .controls li .process-component-loader .buttons {
  margin-top: 8px;
}
.light .meta-object-editor .controls .line-break {
  margin-top: 16px;
  margin-left: -24px;
  border-bottom: 1px solid #d9e0e3;
}
.light .meta-object-editor .actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 8px;
  height: 64px;
  margin: 0;
  border-top: 1px solid #d9e0e3;
}
.light .meta-object-editor .actions .delete-button {
  display: inline-block;
  cursor: pointer;
  color: #DB2A4A !important;
  height: 34px;
  line-height: 34px;
  font-weight: 500;
}
.light .meta-object-editor .actions button {
  float: right;
  min-width: 88px;
  margin-top: 6px;
}
.light .meta-object-editor .actions button.submit {
  margin-right: 16px;
  margin-left: 16px;
}
.light .meta-object-editor .actions .icon {
  box-sizing: border-box;
  font-size: 24px;
  cursor: pointer;
  margin-top: 6px;
}
.light .meta-object-editor .actions .icon.icon-del {
  border: 1px solid #808a97;
  background-color: rgba(0, 0, 0, 0);
  color: #808a97;
  margin-left: 24px;
  margin-right: 16px;
}
.light .meta-object-editor .actions .icon.icon-del:hover {
  color: #3d3d3d;
  border: 1px solid #3d3d3d;
}
.light .meta-object-editor .actions .icon.icon-del:active {
  color: #808a97;
  border: 1px solid #808a97;
}
.light .meta-object-editor .actions .icon.disabled,
.light .meta-object-editor .actions .icon.disabled:hover {
  color: #b6cad2;
  border-color: #b6cad2;
}
.light .meta-object-editor > div > ul.controls {
  overflow-y: auto;
  overflow-x: hidden;
}
.light .meta-object-editor .from-control-container-configureUsingWizard > .head {
  display: none !important;
}
.light .meta-object-editor .from-control-container-mapAndFilter > .head {
  display: none !important;
}
.light .meta-object-editor .from-control-container-mapAndFilter > .body {
  width: 100% !important;
}
.light .meta-object-editor .from-control-container-mapAndFilter .controls {
  padding: 1px;
}
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-map .tbl > div,
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-filter .tbl > div {
  float: left;
}
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-map .tbl > :nth-child(1),
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-filter .tbl > :nth-child(1) {
  width: 30%;
}
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-map .tbl :nth-child(2),
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-filter .tbl > :nth-child(2) {
  width: 30%;
}
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-map .tbl :nth-child(3),
.light .meta-object-editor .from-control-container-mapAndFilter .source-side-filter .tbl > :nth-child(3) {
  width: 40%;
}
.light .meta-object-editor .from-control-container-mapAndFilter .add-custom-map,
.light .meta-object-editor .from-control-container-mapAndFilter .add-custom-filter {
  color: #00a7e5;
  margin: 5px;
  cursor: pointer;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-Field_Name .head,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-expression .head,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-Data_Type .head {
  display: none !important;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-Field_Name .body,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-expression .body,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-Data_Type .body {
  width: 95% !important;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-Field_Name {
  width: 30% !important;
  float: left;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-expression {
  width: 40% !important;
  float: left;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-Data_Type {
  width: 30% !important;
  float: left;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-operationType .head,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-operator .head,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-value .head {
  display: none !important;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-operationType .body,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-operator .body,
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-value .body {
  width: 95% !important;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-operationType {
  width: 30% !important;
  float: left;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-operator {
  width: 30% !important;
  float: left;
}
.light .meta-object-editor .from-control-container-mapAndFilter .from-control-container-value {
  width: 40% !important;
  float: left;
}
.light .meta-object-editor .from-control-container-Partition_by .select2-search-field,
.light .meta-object-editor .from-control-container-Partition_by .select2-input {
  width: 100% !important;
}
.master-detail-layout {
  height: 400px;
}
.master-detail-layout .empty-detail-view {
  width: 80%;
  margin: auto;
  padding: 31px;
  text-align: center;
  margin-top: 50px;
  border: 1px solid;
  font-size: 1.2em;
}
.master-detail-layout .master {
  width: 30%;
  height: 100%;
  float: left;
}
.master-detail-layout .master > div {
  overflow-y: hidden;
  width: 100%;
}
.master-detail-layout .detail {
  width: 70%;
  height: 100%;
  float: left;
  overflow-y: auto;
  padding: 10px;
}
.master-detail-layout .detail .all-tables-list {
  position: relative;
}
.master-detail-layout .detail .all-tables-list div {
  margin-bottom: 8px;
}
.master-detail-layout .detail .all-tables-list .disabledSelection {
  display: flex;
  width: fit-content;
  gap: 8px;
}
.master-detail-layout .master-list-item-view {
  cursor: pointer;
  display: flex;
}
.master-detail-layout .master-list-item-view .arrow {
  float: right !important;
  margin: 0 !important;
}
.master-detail-layout .master-list-item-view .fa-caret-right {
  float: right;
  line-height: 26px;
}
.cdc-container .header {
  align-items: center;
}
.cdc-container h2 {
  display: inline-block;
  margin: 0;
}
.cdc-container button.btn-default {
  margin-right: 36px;
  background-color: #00a7e5;
  border: 1px solid #00a7e5;
  font-size: 1em;
  cursor: pointer;
  box-shadow: none;
}
.cdc-container .master-detail-layout .master > div {
  padding-top: 15px;
}
.cdc-container .master-detail-layout .detail .meta-object-editor .controls {
  padding: 5px 0 5px 7px;
}
.cdc-container .master-detail-layout .master-list-item-view .fa-angle-right {
  float: right;
  line-height: 26px;
  font-weight: bold;
  font-size: larger;
}
.modal-region {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9998;
  display: flex;
  position: fixed;
  height: 100%;
}
.modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  text-align: center;
  background: black;
  background: rgba(0, 5, 23, 0.6);
  z-index: 9997;
  top: 0;
  left: 0;
}
.modal-proxy {
  position: absolute;
  z-index: 9999;
}
.striim-modal {
  position: absolute;
  z-index: 9999;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.striim-modal.modal-hidden {
  position: absolute;
  z-index: 0 !important;
  left: 0px !important;
  top: -9999px !important;
}
.striim-modal .blur-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 5, 23, 0.35);
}
.striim-modal.flexible {
  width: auto;
}
.striim-modal.flexible.min-width {
  min-width: 590px;
}
.striim-modal p {
  margin: 12px 0;
}
.striim-modal p:first-child {
  margin-top: 0;
}
.striim-modal p:last-child {
  margin-bottom: 0;
}
.striim-modal strong {
  font-weight: 600;
}
.striim-modal table:not(.plain):not(:first-child) {
  margin: 12px 0;
}
.striim-modal .notification {
  position: relative !important;
  top: 0 !important;
  width: 100%;
}
.striim-modal .notification div {
  padding: 6px 12px !important;
}
.striim-modal .notification div a {
  color: #006489;
}
.striim-modal .notification.top {
  padding: 8px 0 16px;
}
.striim-modal .tab-nav {
  clear: both;
  line-height: 30px;
  background: #fff;
  border-top: 1px solid #d9e0e3;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
.striim-modal .tab-nav ul {
  margin: 0 12px;
}
.striim-modal .tab-nav ul li a {
  color: #9eb0b8;
  padding: 0 12px;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 1px;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.striim-modal .tab-nav ul li a:hover {
  text-decoration: none;
}
.striim-modal .tab-nav ul li a.active,
.striim-modal .tab-nav ul li a:hover {
  color: #39abe0;
}
.striim-modal .tab-nav ul li a.active {
  background: #f6f6f6;
}
.striim-modal .columns {
  min-width: 0;
}
.striim-modal header,
.striim-modal footer {
  display: flex !important;
  position: relative;
  z-index: 0;
  background: #fff;
  padding: 16px 24px;
}
.striim-modal header .inner,
.striim-modal footer .inner {
  padding: 0 32px;
  line-height: 60px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: auto;
  margin: 0 -12px;
  float: none;
}
.striim-modal header .inner:before,
.striim-modal footer .inner:before,
.striim-modal header .inner:after,
.striim-modal footer .inner:after {
  content: "";
  display: table;
}
.striim-modal header .inner:after,
.striim-modal footer .inner:after {
  clear: both;
}
.striim-modal header .heading,
.striim-modal footer .heading {
  display: flex;
  align-items: center;
}
.striim-modal header .heading h3,
.striim-modal footer .heading h3 {
  margin: 0;
}
.striim-modal header .heading .h2,
.striim-modal footer .heading .h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}
.striim-modal header .controls,
.striim-modal footer .controls {
  margin: auto 0;
  line-height: 36px;
}
.striim-modal header .controls .cancel,
.striim-modal footer .controls .cancel {
  font-weight: 600;
  color: #4e5c62;
}
.striim-modal header .controls .submit,
.striim-modal footer .controls .submit {
  font-weight: 400;
}
.striim-modal header .inner .message,
.striim-modal footer .inner .message {
  padding-top: 4px;
  padding-bottom: 4px;
}
.striim-modal header .inner .object-type,
.striim-modal footer .inner .object-type,
.striim-modal header .inner .secondary,
.striim-modal footer .inner .secondary {
  font-size: 0.75em;
  color: #9eb0b8;
  text-transform: uppercase;
}
.striim-modal header .inner .placeholder,
.striim-modal footer .inner .placeholder {
  color: #c5cfd3;
}
.striim-modal header .controls .button {
  cursor: pointer;
  border: none;
  background: #fff;
  color: #50646d;
  height: 60px;
  line-height: 60px;
  border-left: 1px solid #d9e0e3;
  min-width: 70px;
  padding: 0 16px;
  display: block;
  float: left;
  font-size: 1.1em;
  text-align: center;
  font-size: 15px;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.striim-modal header .controls .button i {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.striim-modal header .controls .button.cancel i {
  font-size: 28px;
  font-style: normal;
}
.striim-modal header .controls .button.cancel:hover {
  color: #0094cc;
  background: #f6f8f9;
}
.striim-modal footer .controls .action,
.striim-modal footer .controls .button {
  float: left;
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
}
.striim-modal footer .controls .action {
  display: inline-block;
  margin: 14px 16px 0 0;
}
.striim-modal footer .controls .button {
  margin: 14px 16px 0 0;
  font-size: 15px;
  background-color: #ffffff;
  border: 1px solid #00a7e5;
  color: #00a7e5;
  display: inline-block;
  text-transform: uppercase;
  min-width: 88px;
  cursor: pointer;
  text-align: center;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.striim-modal footer .controls .button i {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.striim-modal footer .controls .button.has-text i {
  margin-right: 6.4px;
}
.striim-modal footer .controls .button.submit {
  background-color: #00a7e5;
  color: #ffffff;
  border-color: #00a7e5;
}
.striim-modal footer .controls .button.submit i {
  font-size: 18px;
}
.striim-modal footer .controls .button.submit:hover {
  opacity: 0.9;
}
.striim-modal footer .controls .button.submit.disabled {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  color: #bdbdbd;
  cursor: not-allowed;
}
.striim-modal footer .controls .button.cancel {
  background-color: #ffffff;
  border-color: #00a7e5;
  color: #00a7e5;
}
.striim-modal footer .controls .button.cancel i {
  font-size: 28px;
  font-style: normal;
}
.striim-modal footer .controls .button.cancel:hover {
  opacity: 0.9;
}
.striim-modal header {
  border-width: 0 0 1px;
  z-index: 2;
  justify-content: space-between;
}
.striim-modal header h2 {
  margin: 0px !important;
}
.striim-modal footer {
  border-width: 1px 0 0;
  z-index: 2;
  justify-content: flex-end;
}
.striim-modal .modal-body {
  overflow-wrap: break-word;
  z-index: 1;
  position: relative;
}
.striim-modal .modal-body .inner {
  height: 100%;
  padding: 0 24px;
  word-break: break-word;
  border-width: 3px 0;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 24px;
  color: #4e5c62;
  font-weight: 400;
}
.striim-modal .modal-body .inner.flush {
  padding-left: 0;
  padding-right: 0;
}
.striim-modal.draggable header {
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.striim-modal.draggable:active header,
.striim-modal.draggable.dragging header {
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.striim-modal.small {
  width: 590px;
}
.striim-modal.options {
  min-width: 630px;
}
.striim-modal.options footer {
  display: none;
}
.striim-modal.options .modal-body {
  -ms-word-break: break-all;
  word-break: break-all;
  overflow: hidden;
  background: #fff;
}
.striim-modal.options .modal-body .inner {
  padding: 0;
}
.striim-modal.options .modal-body .inner:before,
.striim-modal.options .modal-body .inner:after {
  content: " ";
  display: table;
}
.striim-modal.options .modal-body .inner:after {
  clear: both;
}
.striim-modal.options .modal-body .option {
  font-size: 1.1em;
  font-weight: 300;
  text-align: center;
  line-height: 1.4em;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  width: calc(100% / 12*6);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 20px;
}
.striim-modal.options .modal-body .option h2 {
  font-weight: 300;
  margin: 0 0 16px 0;
  word-break: break-word;
}
.striim-modal.options .modal-body .option .select2-container,
.striim-modal.options .modal-body .option input {
  margin: 0 0 24px 0;
}
.striim-modal.options .modal-body .option .select2-container,
.striim-modal.options .modal-body .option input {
  width: 100% !important;
}
.striim-modal.options .modal-body .option img {
  max-width: 100%;
}
.striim-modal.options .modal-body .option img {
  max-width: 100%;
}
.striim-modal.options .modal-body .option:last-child {
  border-left: 1px solid #d9e0e3;
}
.striim-modal.options .modal-body .option.custom {
  display: flex;
  flex-direction: column;
}
.striim-modal.options .modal-body .option.custom .btn {
  margin: auto auto 8px auto;
}
.striim-modal.options .modal-body .option .button {
  background: #0d874c;
  line-height: 36px;
  border: none;
  transition-property: background, color;
  transition-duration: 200ms, 200ms;
  -webkit-transition-property: background, color;
  -webkit-transition-duration: 200ms, 200ms;
  -moz-transition-property: background, color;
  -moz-transition-duration: 200ms, 200ms;
  -o-transition-property: background, color;
  -o-transition-duration: 200ms, 200ms;
  transition: background color;
  -webkit-transition: background color;
  -moz-transition: background color;
  -o-transition: background color;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  box-shadow: 2px 2px 0 #d9e0e3;
  -webkit-box-shadow: 2px 2px 0 #d9e0e3;
  -moz-box-shadow: 2px 2px 0 #d9e0e3;
  -o-box-shadow: 2px 2px 0 #d9e0e3;
  font-size: 1em;
  padding: 1px 30px;
  margin: 8px 0;
}
.striim-modal.options .modal-body .option .button i {
  color: #fff;
  margin-right: 5.6px;
}
.striim-modal.options .modal-body .option .button:hover {
  background: #0c7944;
}
.striim-modal.options .modal-body .option .button:active {
  -webkit-transform: translate(1px, 1px);
  -ms-transform: translate(1px, 1px);
  transform: translate(1px, 1px);
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.striim-modal.options .modal-body .option .button.existing {
  background: #00a7e5;
}
.striim-modal.options .modal-body .option .button.existing:hover {
  background: #009cd6;
}
.striim-modal > :first-child {
  border-radius: 8px 8px 0 0;
}
.striim-modal > :last-child {
  border-radius: 0 0 8px 8px;
}
.options-menu {
  color: #dfe8ec;
}
.options-menu ul {
  margin: 0;
}
.options-menu li {
  display: block;
  line-height: 34px;
  cursor: pointer;
  padding: 0 16px 0 12px;
  border-bottom: 1px solid #010a30;
}
.options-menu li:last-child {
  border-bottom: none;
}
.options-menu li.no-icon .icon-container {
  display: none;
}
.options-menu li:not(.disabled) {
  color: #dfe8ec;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.options-menu li:not(.disabled):hover {
  color: #00a7e5;
  background: rgba(0, 0, 0, 0.25);
}
.options-menu li:not(.disabled):hover[data-option="delete"] {
  color: #dd3711;
}
.options-menu li.disabled {
  color: #618c9e;
  cursor: default;
}
.options-menu li.hidden {
  display: none;
}
.options-menu li .icon {
  margin-right: 5.6px;
  display: inline-block;
  width: 12px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.confirm-dialog {
  z-index: 10001;
}
.confirm-dialog-content {
  width: 350px;
}
.modal-confirm {
  z-index: 10000;
}
.deleteModal .controls .submit {
  background-color: #dd3711;
}
.common-sidebar {
  position: fixed;
  z-index: 1000;
}
.common-sidebar.normal-width {
  width: 400px;
}
.common-sidebar.full-width {
  width: -webkit-fill-available;
  width: -moz-available;
  right: unset !important;
}
.common-sidebar.left {
  top: 0;
  left: 0;
  bottom: 0;
}
.common-sidebar.right {
  top: 0;
  right: 0;
  bottom: 0;
}
.common-sidebar.bottom {
  left: 0;
  right: 0;
  bottom: 0;
}
.common-sidebar.top {
  left: 0;
  right: 0;
  top: 0;
  height: 100px;
}
.common-sidebar .sidebar-content {
  height: 100%;
  width: 100%;
}
.common-sidebar.hidden {
  display: none;
}
.tooltipster-base {
  background: #22343b;
}
.tooltipster-base h3 {
  color: #fefeff;
}
.tooltipster-base.dropdown-small {
  margin-left: 0;
}
.tooltipster-base .striim-dropdown-content .disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.tooltipster-base.indicator-hint {
  margin-left: -15px;
}
.tooltipster-base.indicator-hint.bottom {
  margin-top: 30px;
}
.tooltipster-base.indicator-hint.top {
  margin-top: -15px;
}
.tooltipster-base.indicator-hint .tooltipster-arrow-top-left span,
.tooltipster-base.indicator-hint .tooltipster-arrow-bottom-left span {
  left: 16px;
}
.tooltipster-base.indicator-hint a {
  color: #00a7e5;
  text-decoration: underline;
}
.app-indicator {
  font-size: 22px;
  display: inline-block;
  margin-right: 8px;
}
.app-indicator.clickable {
  cursor: pointer;
}
.app-indicator .symbol {
  display: inline-block;
  text-align: center;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transition: background 200ms;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -o-transition: background 200ms;
}
.app-indicator .symbol .warning-icon {
  display: none;
  font-size: 22px;
  margin-top: -7px;
  margin-left: -3px;
}
.app-indicator .symbol .recovering {
  display: none;
  position: absolute;
  top: -2px;
  right: -5px;
  color: #c5310f;
  font-size: 22px;
  text-shadow: -2px 0 0 #a4290d;
}
.app-indicator .symbol .edit-icon {
  display: none;
  font-size: 10px;
  vertical-align: middle;
}
.app-indicator .symbol .progress-icon {
  display: none;
  vertical-align: top;
  font-size: 16px;
}
.app-indicator[data-status="created"] .symbol {
  background: rgba(13, 20, 23, 0.45);
}
.app-indicator[data-status="deployed"] .symbol,
.app-indicator[data-status="stopped"] .symbol,
.app-indicator[data-status="recovering_sources"] .symbol,
.app-indicator[data-status="starting_sources"] .symbol,
.app-indicator[data-status="quiesced"] .symbol,
.app-indicator[data-status="completed"] .symbol {
  background: #00a7e5;
}
.app-indicator[data-status="running"] .symbol {
  background: #0d874c;
}
.app-indicator[data-status="running"] .progress-icon {
  display: block;
  color: #0d874c;
}
.app-indicator[data-status="starting_sources"] .symbol {
  background: transparent;
}
.app-indicator[data-status="starting_sources"] .progress-icon {
  display: block;
  color: #0d874c;
}
.app-indicator[data-status="recovering_sources"] .symbol {
  background: transparent;
}
.app-indicator[data-status="recovering_sources"] .recovering {
  display: block;
}
.app-indicator[data-status="recovering_sources"] .progress-icon {
  display: none;
  color: #b72e0e;
}
.app-indicator[data-status="invalid"] {
  color: #dd3711;
}
.app-indicator[data-status="invalid"] .warning-icon {
  display: block;
}
.app-indicator[data-status="deploy_failed"] {
  color: #dd3711;
}
.app-indicator[data-status="deploy_failed"] .warning-icon {
  display: block;
}
.app-indicator[data-status="crash"] .symbol,
.app-indicator[data-status="terminated"] .symbol,
.app-indicator[data-status="not_enough_servers"] .symbol {
  background: #dd3711;
}
.app-indicator[data-status="halt"] .symbol {
  background: #f9a825;
}
.app-control {
  display: none;
}
.app-control .value {
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 1px;
}
.app-control .inner i.warning-icon {
  color: #dd3711 !important;
  font-size: 15px;
}
.app-control .label {
  display: none;
  margin-right: 6px;
  font-weight: 400;
  text-transform: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.1em;
  text-shadow: none;
}
.app-control-content {
  color: #c5cfd3;
}
.app-control-content .status-desc {
  padding: 12px;
  line-height: 1em;
  font-weight: 300;
}
.app-control-content .status-desc .status-value {
  font-weight: 600;
}
.app-control-content .options a {
  display: block;
  line-height: 34px;
  cursor: pointer;
  padding: 0 16px 0 12px;
  border-bottom: 1px solid #010a30;
}
.app-control-content .options a:last-child {
  border-bottom: none;
}
.app-control-content .options a:not(.disabled) {
  color: #c5cfd3;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.app-control-content .options a:not(.disabled):hover {
  color: #00a7e5;
  background: rgba(0, 0, 0, 0.25);
}
.app-control-content .options a:not(.disabled):hover[data-option="delete"] {
  color: #dd3711;
}
.app-control-content .options a.disabled {
  color: rgba(197, 207, 211, 0.5);
  cursor: default;
}
.app-control-content .options a i {
  margin-right: 5.6px;
  display: inline-block;
  width: 12px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.striim-modal.deploy-dialog .validate-connection > div {
  display: inline-block;
  float: right;
}
.striim-modal.deploy-dialog .validate-connection .switch label .lever {
  margin-right: 0;
}
.striim-modal.deploy-dialog .modal-body .inner {
  overflow-x: hidden;
  overflow-y: hidden;
}
.striim-modal.deploy-dialog table .heading.row-head > span {
  display: block;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.striim-modal.deploy-dialog table .heading .dg-unbroken {
  word-break: keep-all;
}
.striim-modal.deploy-dialog .dg-options td.dg {
  text-align: center;
}
.modal.deploy-dialog {
  /*
  .group-input {
      display: inline-block;
      margin: 0 @g;
      vertical-align: middle;
  }
  .flow-name {
      display: inline;
      font-weight: 600;
  }
  .flow-settings {
      padding: @g @g*3;
      border-bottom: 1px solid @color_lt_border;
  }
  */
}
.modal.deploy-dialog .download-agent {
  padding: 10px;
}
.modal.deploy-dialog .download-agent h4 {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.modal.deploy-dialog .download-agent a {
  color: #00a7e5;
}
.modal.deploy-dialog .modal-body .inner {
  padding-left: 0;
  padding-right: 0;
  -ms-word-break: break-all;
  word-break: break-all;
}
.modal.deploy-dialog .validate-connection > div {
  display: inline-block;
  float: right;
}
.modal.deploy-dialog table .heading {
  font-weight: 600;
}
.modal.deploy-dialog table .heading.row-head > span {
  max-width: 170px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.modal.deploy-dialog table.dg-options {
  margin-bottom: 24px;
  background: transparent;
  border: 1px solid transparent;
}
.modal.deploy-dialog table.dg-options .select2-container {
  min-width: 120px;
}
.modal.deploy-dialog table.dg-options td:not(.col-head) {
  padding-top: 6px;
  padding-bottom: 6px;
}
.modal.deploy-dialog table.dg-options th:not(.dg) {
  border-color: transparent;
}
.modal.deploy-dialog table.dg-options td.dg {
  background-color: #fff;
}
.modal.deploy-dialog table.dg-options .dg {
  text-align: center;
  white-space: nowrap;
}
.modal.deploy-dialog table.dg-options .dg input[type="radio"] {
  display: block;
  margin: 0 auto;
}
.modal.deploy-dialog table.dg-options .row-head {
  padding-left: 16px;
}
.modal.deploy-dialog table.dg-options .flow-name {
  width: auto;
  padding-right: 24px;
}
.modal.deploy-dialog table.dg-options .strategy {
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
}
.message {
  display: none;
  margin: 0 0 8px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  text-align: left;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.message.show {
  display: block;
}
.message i {
  margin-right: 4.8px;
}
.message.inline.show {
  display: inline-block;
}
.message.dismissable {
  cursor: pointer;
  transition: margin 200ms;
  -webkit-transition: margin 200ms;
  -moz-transition: margin 200ms;
  -o-transition: margin 200ms;
}
.message.dismissable:hover {
  margin-bottom: -2.4px;
}
.message.status {
  font-size: 16px;
  z-index: 10;
  padding: 10px 17px 15px;
  border-bottom: none !important;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 24px;
  background: #f6f6f6;
  color: #50646d;
  border-color: #eeeeee;
}
.message.stage {
  font-size: 16px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 140px;
  z-index: 1;
  text-align: center;
  line-height: 1.5em;
  font-weight: 300;
  margin-top: 48px;
}
.message.stage h1 {
  font-weight: 300;
  font-size: 1.75em;
  margin-bottom: 12px;
}
.message.stage strong {
  font-weight: 600;
}
.message.error {
  background-color: transparent !important;
}
.message.error .message-box {
  display: flex;
  align-items: center;
  background-color: #FAEDEF;
  border: 1px solid #F5DADF;
  border-radius: 8px;
  gap: 8px;
  padding: 16px;
}
.message.error .message-box span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
}
.message.error.has-arrow:after {
  bottom: -18px;
  left: 12px;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 9px solid rgba(255, 29, 34, 0);
  border-top-color: #dd3711;
  margin-left: -5px;
}
.message.error.has-arrow.arrow-left {
  margin-bottom: 0;
  margin-left: 8px;
}
.message.error.has-arrow.arrow-left:after {
  left: auto;
  bottom: auto;
  right: 100%;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 5px solid rgba(255, 29, 34, 0);
  border-right-color: #e43d00;
  margin-top: -5px;
  margin-right: 4px;
}
.message.success {
  background: #0d874c;
  color: #fff;
  border-radius: 4px;
}
.message.info {
  border-color: #00a7e5;
}
.message.warning {
  background: #f9a825;
  color: #fff;
  border-color: #f9a41b;
  border-radius: 4px;
}
.message.bottom {
  margin: 8px 0 0 0;
}
.message pre,
.message code {
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 11px;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.message .button-sample {
  margin: 0 4px;
}
.helpable-container .helpable-button {
  margin-left: 4px;
}
.helpable-container .helpable-button:before {
  vertical-align: middle;
}
.helpable-button-hover {
  cursor: hand;
  color: #00a7e5;
}
.seg-chip {
  height: 20px;
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  white-space: nowrap;
  border-radius: 16px;
  vertical-align: middle;
  justify-content: center;
  text-decoration: none;
  padding: 0px 8px 0px 4px;
  font-size: 12px;
  font-weight: 600;
}
.seg-chip svg {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.added-chip {
  background-color: rgba(13, 135, 76, 0.1);
  color: #0D874C;
}
.added-chip svg {
  fill: #0D874C;
}
.addOn-chip {
  background-color: rgba(250, 188, 60, 0.1);
  color: #fabc3c;
}
.addOn-chip svg {
  fill: #fabc3c;
}
.enterprise-chip {
  background-color: rgba(0, 167, 229, 0.1);
  color: #00a7e5;
}
.enterprise-chip svg {
  fill: #00a7e5;
}
.enterprisePlus-chip {
  background-color: rgba(166, 31, 224, 0.1);
  color: #a61fe0;
}
.enterprisePlus-chip svg {
  fill: #a61fe0;
}
.addOn-chip {
  color: inherit;
}
.seg-circle {
  display: inline-flex;
  box-sizing: border-box;
  justify-content: space-around;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  margin-right: 16px;
}
.seg-circle svg {
  width: 20px;
  height: 20px;
}
.seg-circle.addOn-circle svg,
.seg-circle.enterprisePlus-circle svg {
  width: 40px;
  height: 40px;
}
.seg-circle.addOn-circle.OPENPROCESSOR svg circle,
.seg-circle.enterprisePlus-circle.OPENPROCESSOR svg circle,
.seg-circle.addOn-circle.EXCEPTION_STORE svg circle,
.seg-circle.enterprisePlus-circle.EXCEPTION_STORE svg circle,
.seg-circle.addOn-circle.ALERTMANAGER svg circle,
.seg-circle.enterprisePlus-circle.ALERTMANAGER svg circle,
.seg-circle.addOn-circle.PERSISTENTSTREAMS svg circle,
.seg-circle.enterprisePlus-circle.PERSISTENTSTREAMS svg circle,
.seg-circle.addOn-circle.PARTITIONEDSTREAMS svg circle,
.seg-circle.enterprisePlus-circle.PARTITIONEDSTREAMS svg circle,
.seg-circle.addOn-circle.EVENT_TABLE svg circle,
.seg-circle.enterprisePlus-circle.EVENT_TABLE svg circle,
.seg-circle.addOn-circle.EXTERNAL_CACHE svg circle,
.seg-circle.enterprisePlus-circle.EXTERNAL_CACHE svg circle,
.seg-circle.addOn-circle.MON_TIMESERIES_REPORT svg circle,
.seg-circle.enterprisePlus-circle.MON_TIMESERIES_REPORT svg circle,
.seg-circle.addOn-circle.WACTION_STORE svg circle,
.seg-circle.enterprisePlus-circle.WACTION_STORE svg circle,
.seg-circle.addOn-circle.MLFUNCTIONS svg circle,
.seg-circle.enterprisePlus-circle.MLFUNCTIONS svg circle,
.seg-circle.addOn-circle.DATAVALIDATION svg circle,
.seg-circle.enterprisePlus-circle.DATAVALIDATION svg circle,
.seg-circle.addOn-circle.FLM svg circle,
.seg-circle.enterprisePlus-circle.FLM svg circle,
.seg-circle.addOn-circle.PARTITIONEDWINDOWS svg circle,
.seg-circle.enterprisePlus-circle.PARTITIONEDWINDOWS svg circle {
  display: none;
}
.seg-circle.addOn-circle.OPENPROCESSOR svg path:first-of-type,
.seg-circle.enterprisePlus-circle.OPENPROCESSOR svg path:first-of-type,
.seg-circle.addOn-circle.EXCEPTION_STORE svg path:first-of-type,
.seg-circle.enterprisePlus-circle.EXCEPTION_STORE svg path:first-of-type,
.seg-circle.addOn-circle.ALERTMANAGER svg path:first-of-type,
.seg-circle.enterprisePlus-circle.ALERTMANAGER svg path:first-of-type,
.seg-circle.addOn-circle.PERSISTENTSTREAMS svg path:first-of-type,
.seg-circle.enterprisePlus-circle.PERSISTENTSTREAMS svg path:first-of-type,
.seg-circle.addOn-circle.PARTITIONEDSTREAMS svg path:first-of-type,
.seg-circle.enterprisePlus-circle.PARTITIONEDSTREAMS svg path:first-of-type,
.seg-circle.addOn-circle.EVENT_TABLE svg path:first-of-type,
.seg-circle.enterprisePlus-circle.EVENT_TABLE svg path:first-of-type,
.seg-circle.addOn-circle.EXTERNAL_CACHE svg path:first-of-type,
.seg-circle.enterprisePlus-circle.EXTERNAL_CACHE svg path:first-of-type,
.seg-circle.addOn-circle.MON_TIMESERIES_REPORT svg path:first-of-type,
.seg-circle.enterprisePlus-circle.MON_TIMESERIES_REPORT svg path:first-of-type,
.seg-circle.addOn-circle.WACTION_STORE svg path:first-of-type,
.seg-circle.enterprisePlus-circle.WACTION_STORE svg path:first-of-type,
.seg-circle.addOn-circle.MLFUNCTIONS svg path:first-of-type,
.seg-circle.enterprisePlus-circle.MLFUNCTIONS svg path:first-of-type,
.seg-circle.addOn-circle.DATAVALIDATION svg path:first-of-type,
.seg-circle.enterprisePlus-circle.DATAVALIDATION svg path:first-of-type,
.seg-circle.addOn-circle.FLM svg path:first-of-type,
.seg-circle.enterprisePlus-circle.FLM svg path:first-of-type,
.seg-circle.addOn-circle.PARTITIONEDWINDOWS svg path:first-of-type,
.seg-circle.enterprisePlus-circle.PARTITIONEDWINDOWS svg path:first-of-type {
  display: none;
}
.seg-circle.addOn-circle.BIDIRECTIONAL svg circle,
.seg-circle.enterprisePlus-circle.BIDIRECTIONAL svg circle,
.seg-circle.addOn-circle.BIDIRECTIONAL svg rect,
.seg-circle.enterprisePlus-circle.BIDIRECTIONAL svg rect {
  display: none;
}
.added-circle {
  background-color: rgba(13, 135, 76, 0.1);
  color: #0D874C;
}
.added-circle svg {
  fill: #0D874C;
}
.addOn-circle {
  background-color: rgba(250, 188, 60, 0.1);
  color: #fabc3c;
}
.addOn-circle svg {
  fill: #fabc3c;
}
.enterprise-circle {
  background-color: rgba(0, 167, 229, 0.1);
  color: #00a7e5;
}
.enterprise-circle svg {
  fill: #00a7e5;
}
.enterprisePlus-circle {
  background-color: rgba(166, 31, 224, 0.1);
  color: #a61fe0;
}
.enterprisePlus-circle svg {
  fill: #a61fe0;
}
.seg-indicator-component-view.seg-indicator svg {
  padding: 1px;
  position: absolute;
  height: 23px;
  width: 23px;
  bottom: -8px;
  right: -8px;
  border-radius: 12px;
  background-color: white;
}
.seg-indicator-component-view.seg-indicator.seg-indicator-added svg {
  fill: #0D874C;
}
.seg-indicator-component-view.seg-indicator.seg-indicator-addOn svg {
  fill: #fabc3c;
}
.seg-indicator-component-view.seg-indicator.seg-indicator-enterprise svg {
  fill: #00a7e5;
}
.seg-indicator-component-view.seg-indicator.seg-indicator-enterprisePlus svg {
  fill: #a61fe0;
}
.seg-indicator-top-bar-action.seg-indicator svg {
  position: absolute;
  height: 12px;
  width: 12px !important;
  top: 20px;
  right: 4px;
  border-radius: 6px;
  background-color: white;
}
.seg-indicator-top-bar-action.seg-indicator.seg-indicator-added svg {
  fill: #0D874C !important;
}
.seg-indicator-top-bar-action.seg-indicator.seg-indicator-addOn svg {
  fill: #fabc3c !important;
}
.seg-indicator-top-bar-action.seg-indicator.seg-indicator-enterprise svg {
  fill: #00a7e5 !important;
}
.seg-indicator-top-bar-action.seg-indicator.seg-indicator-enterprisePlus svg {
  fill: #a61fe0 !important;
}
.segmentation-tooltip {
  background: #fff;
  color: #010a30;
}
.segmentation-tooltip h2 {
  display: flex;
  align-items: center;
}
.segmentation-tooltip .tooltipster-content {
  padding: 16px;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
}
.segmentation-tooltip .tooltipster-content .footer {
  padding-top: 64px;
  float: right;
}
.segmentation-tooltip .tooltipster-content .footer a {
  cursor: pointer;
}
.segmentation-tooltip .tooltipster-content .footer .cancel {
  color: #010a30;
  margin-right: 8px;
}
.segmentation-tooltip .tooltipster-arrow {
  display: none;
}
#page-content {
  flex: 1;
}
/* Custom Components
----------------------------------------------------------------------------------------------------------------------*/
.light #login {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: -48px;
}
.light #login #form-container {
  height: 100vh;
  display: flex;
  overflow-y: auto;
  justify-content: center;
  background: #F7FBFF;
  border: none;
  border-radius: 0;
}
.light #login .logo-container {
  position: relative;
  border: none;
  color: white;
  height: 100vh;
  display: flex;
  background: #1E1E5C;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/app/images/illustration.png);
}
.light #login .logo-container .logo-bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  background-image: url("/app/images/striim-logo.svg");
}
.light #login .logo-container .right-footer,
.light #login .logo-container a {
  color: #8D8DC2;
  font-family: Inter, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.24px;
  margin-bottom: 32px;
  text-align: center;
}
.light #login .wrapper {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.light #login .card {
  margin: 0;
}
.light #login .card .form-content {
  width: 350px;
  margin: auto;
}
.light #login .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  height: unset !important;
}
.light #login .logo img {
  margin-right: 10px;
}
.light #login .logo span {
  color: #1E1E5C;
  font-family: Nunito;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.light #login form .field-row {
  margin: 0;
}
.light #login form .field-row .button-container {
  text-align: center;
}
.light #login form .field-row .body.full {
  padding: 0;
  position: relative;
}
.light #login form .field-row .body.full i {
  top: 12px;
  left: 12px;
  position: absolute;
  color: #4e5c62;
}
.light #login form .field-row .body.full input {
  padding: 9.6px 16px;
  padding-left: 45px;
  width: 100%;
  height: auto;
}
.light #login form .field-row .body.full button {
  height: 36px;
  width: 238px;
  position: relative;
}
.light #login form .field-row .body.full .buttonlabel {
  left: 0;
  margin: 0 11px;
  position: relative;
}
.light #login form .field-row .body.full .buttonloader {
  top: 5px;
  color: #fff;
  font-size: 14px;
  animation: loading 2s linear infinite;
  display: none;
}
.light #login form .field-row .body.full button.loading .buttonlabel {
  left: 11px;
}
.light #login form .field-row .body.full button.loading .buttonloader {
  display: block;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#session-ended-page {
  margin: 100px;
  text-align: center;
}
.btn {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 8px;
  user-select: none;
  box-shadow: none;
  letter-spacing: 0.14px;
  color: #F7FBFF;
  background-color: #089BEE;
  border: 1px solid #0785CC;
  height: 36px;
  line-height: 34px;
}
.btn i {
  font-size: 20px;
}
.btn i.left {
  margin-right: 8px;
}
.btn i.right {
  margin-left: 8px;
}
.btn:hover {
  background-color: #0785CC;
  border-color: #0674B2;
}
.btn:focus,
.btn:active {
  border-color: #045380;
  background-color: #056499;
}
.btn.disabled {
  background-color: #D8E4F0 !important;
  border: 1px solid #A7B7C7 !important;
  color: #A7B7C7 !important;
}
.btn:disabled {
  border-color: #A7B7C7;
}
.btn.icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  color: #48525C;
}
.btn.icon:hover,
.btn.icon:focus {
  background-color: #EBF2FA;
  border-color: transparent;
}
.btn.icon:active {
  background-color: #BCC9D6;
  border-color: transparent;
}
.btn.icon:disabled,
.btn.icon.disabled,
.btn.icon[disabled] {
  color: #A7B7C7 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.icon:disabled:hover,
.btn.icon.disabled:hover,
.btn.icon[disabled]:hover {
  background-color: transparent;
}
.btn.icon.secondary {
  background-color: #D8E4F0;
  border-color: #BCC9D6;
  color: #48525C;
}
.btn.icon.secondary:hover,
.btn.icon.secondary:focus {
  background-color: #BCC9D6;
  border-color: #A7B7C7;
}
.btn.icon.secondary:active {
  background-color: #91A3B8;
  border-color: #8091A3;
}
.btn.dropdown {
  border: 1px solid #0785CC !important;
}
.btn.secondary {
  background-color: #D8E4F0;
  color: #48525C;
  border-color: #BCC9D6 !important;
}
.btn.secondary:hover {
  background-color: #BCC9D6;
  color: #48525C;
  border-color: #A7B7C7 !important;
}
.btn.secondary:active {
  background-color: #91A3B8;
  color: #48525C;
  border-color: #8091A3 !important;
}
.btn.secondary.dropdown {
  border-color: #BCC9D6 !important;
}
.btn.secondary.dropdown:hover {
  border-color: #8091A3 !important;
}
.btn.secondary.dropdown:active {
  border-color: #8091A3 !important;
}
.btn.icon,
.btn.btn-small,
.btn.btn-large {
  padding: 0;
}
.btn.striimline-icon {
  font-size: 0;
}
.btn.critical {
  background-color: #DB2A4A;
  border-color: #C52643;
}
.btn.critical:hover {
  background-color: #C52643;
  border-color: #AF223B;
}
.btn.critical:focus,
.btn.critical:active {
  background-color: #991D34;
  border-color: #83192C;
}
.btn-flat {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 8px;
  user-select: none;
  box-shadow: none;
  color: #089BEE;
  border: none;
  height: 36px;
  line-height: 36px;
}
.btn-flat i {
  font-size: 20px;
}
.btn-flat i.left {
  margin-right: 8px;
}
.btn-flat i.right {
  margin-left: 8px;
}
.btn-flat:hover,
.btn-flat:focus {
  background-color: #EBF2FA;
  color: #0674B2;
}
.btn-flat:active {
  background-color: #BCC9D6;
  color: #045380;
}
.btn-flat.disabled {
  background-color: transparent;
  color: #A7B7C7;
}
.btn-flat.secondary {
  color: #6E7D8C;
}
.btn-flat.secondary:hover,
.btn-flat.secondary:focus,
.btn-flat.secondary:active {
  color: #48525C;
}
.btn-flat.critical {
  color: #DB2A4A;
  background-color: transparent;
  border-color: transparent;
}
.btn-flat.critical:hover {
  color: #C52643;
  background-color: #FAEDEF;
  border-color: transparent;
}
.btn-flat.critical:focus,
.btn-flat.critical:active {
  color: #991D34;
  background-color: #F590A2;
  border-color: transparent;
}
.btn-flat.icon {
  padding: 0 8px;
  display: inline-flex;
  color: #6E7D8C;
}
.btn-flat.icon span {
  margin-left: 4px;
}
.btn-flat.icon .striimline-icon {
  background-size: 20px;
  width: 20px;
  height: 20px;
  position: relative;
  top: 8px;
  display: flex;
}
.btn-txt {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #089BEE;
}
.btn-txt:hover,
.btn-txt:focus {
  color: #0674B2;
}
.btn-txt:active {
  color: #045380;
}
.btn-txt.disabled {
  color: #A7B7C7;
}
.waves-effect .waves-ripple,
.waves-effect .waves-blue {
  background-color: transparent;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined', serif;
  height: inherit;
}
.material-icons {
  font-family: 'Material Icons', serif;
}
.C1 {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
}
.C3 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
}
.p-text {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #02166c;
}
.p2-text {
  font-size: 14px;
  line-height: 24px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #02166c;
}
.p3-text {
  font-size: 12px;
  line-height: 22px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #02166c;
}
.light {
  /*html.flow {
        #content {
          margin-top: 0;
          padding-top: 90px;
        }
      }*/
}
.light .cta-link {
  color: #00a7e5;
  cursor: pointer;
}
.light #export-button.cta-link,
.light .action.bold {
  font-weight: 600;
}
.light .flow-designer-root .toolbar {
  /* not used? */
}
.light .flow-designer-root .toolbar .content {
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
}
.light .flow-designer-root .toolbar .content .left {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}
.light .flow-designer-root .toolbar .content .center {
  flex: 0.3;
  display: flex;
  justify-content: center;
}
.light .flow-designer-root .toolbar .content .right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.light .flow-designer-root .toolbar .group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .flow-designer-root .toolbar .group ul {
  margin: 0;
  display: inline-block;
}
.light .flow-designer-root .toolbar .group ul li {
  display: flex;
  padding-left: 4px;
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons {
  display: flex;
  flex-wrap: wrap;
  padding-right: 16px;
  color: #00a7e5;
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons #ai-insights .marionette-wrapper-for-react,
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons #ai-insights .marionette-wrapper-for-react > div {
  display: flex;
  align-items: center;
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons #ai-insights .marionette-wrapper-for-react img:hover,
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons #ai-insights .marionette-wrapper-for-react > div img:hover {
  cursor: pointer;
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li {
  padding-left: 8px;
  height: 32px;
  position: relative;
  /*a.material-icons,
            a.material-icons-outlined {
              font-size: 21px;

              &#action-paste {
                cursor: auto;
                color: @color_icon_disabled;

                &.active {
                  cursor: pointer;
                  color: @color_icon;
                }
              }

              &#action-delete,
              &#action-autoLayout {
                pointer-events: none;
                color: @color_icon_disabled;
              }

              &#action-autoLayout {
                &.active {
                  pointer-events: unset;
                  color: @color_icon;
                }
              }

              &#action-cut,
              &#action-copy {
                color: @color_icon_disabled;
                cursor: auto;

                &.active {
                  color: @color_icon;
                  cursor: pointer;
                }
              }

              &#action-cut,
              &#action-copy,
              &#action-paste {
                &:not(.active) {
                  pointer-events: none;

                  &:hover {
                    background: none;
                  }
                }
              }
            }*/
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li span {
  display: inline-block;
  float: right;
  color: inherit;
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li .exceptions-count {
  width: 25px;
  text-align: center;
  border-radius: 10px;
  line-height: 15px;
  position: absolute;
  left: 24px;
  user-select: none;
  cursor: pointer;
  z-index: 10;
  background: #dd3711;
  color: white;
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons li .exceptions-count.success {
  background: #0d874c;
}
.light .flow-designer-root .toolbar .group.toolbar-graph-menu ul.menu-icons.toolbar-enabled li a.material-icons-outlined#action-delete {
  pointer-events: unset;
  cursor: pointer;
  color: #22343b;
}
.light .flow-designer-root .toolbar .group.app {
  padding: 0;
}
.light .flow-designer-root .toolbar .group.app > div.p2-text {
  line-height: 32px;
  height: 32px;
  vertical-align: middle;
  font-size: 0;
}
.light .flow-designer-root .toolbar .group.app .icon {
  display: inline-block;
  padding: 0 4px;
}
.light .flow-designer-root .toolbar .group.app .icon::before {
  font-size: 24px;
  line-height: 32px;
  vertical-align: middle;
}
.light .flow-designer-root .toolbar .group.app .flow-dropdown-trigger {
  cursor: pointer;
  display: block;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  padding-left: 8px;
  margin-left: -8px;
}
.light .flow-designer-root .toolbar .group.app .flow-dropdown-trigger .app-name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 20vw;
  display: inline-block;
  vertical-align: bottom;
}
.light .flow-designer-root .toolbar .group.app .flow-dropdown-trigger.read-only {
  cursor: default;
}
.light .flow-designer-root .toolbar .group.app .flow-dropdown-trigger:hover,
.light .flow-designer-root .toolbar .group.app .flow-dropdown-trigger.active {
  background: rgba(13, 20, 23, 0.08);
}
.light .flow-designer-root .toolbar .group.app .flow-dropdown-trigger #arrow {
  transition: none;
  margin-bottom: 4px;
}
.light .flow-designer-root .toolbar .flow-dropdown-trigger.active #arrow {
  transform: rotate(180deg);
}
.light .flow-designer-root .toolbar .group.app-status .locked .menu {
  color: #b6cad2;
}
.light .flow-designer-root .toolbar .group.app-status ul li span.symbol {
  width: 19px;
  height: 19px;
  display: flex;
  margin: auto;
}
.light .flow-designer-root .toolbar .group.app-status ul li .icon {
  font-size: 19px;
}
.light .flow-designer-root .toolbar .group.app-status ul li span.progress-icon {
  font-size: 19px;
}
.light .flow-designer-root .toolbar .group.app-status ul li.status-icon {
  cursor: default;
}
.light .flow-designer-root .toolbar .group.app-status ul li.status-icon span {
  float: left;
  display: inline-block;
}
.light .flow-designer-root .toolbar .group.app-status ul li.status-icon.active {
  cursor: pointer;
}
.light .flow-designer-root .toolbar .group.app-status ul li.status-icon.revert {
  cursor: pointer;
}
.light .flow-designer-root .toolbar .breadcrumbs ul {
  margin: 0;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li {
  font-weight: 300;
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 0;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li img {
  max-width: 100%;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li .link {
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  cursor: pointer;
  color: #02166c;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li .link:hover {
  color: #00a7e5;
  text-decoration: underline;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li .divider {
  color: #020f49;
  padding-left: 8px;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li .current .link {
  cursor: default;
  color: #02166c;
  font-weight: 400;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li .current .link:hover {
  color: #02166c;
  border: none;
  text-decoration: none;
}
.light .flow-designer-root .toolbar .breadcrumbs ul li .current .divider {
  display: none;
}
.light .flow .left-sidebar {
  position: fixed;
  z-index: 900;
}
.light .flow .nodes-content {
  height: 100%;
}
.light .flow .no-components-flow {
  position: relative;
  top: 100px;
  text-align: center;
}
.light .flow .toolbar {
  overflow: hidden;
}
.light .flow .toolbar + .row {
  position: relative;
}
.light .flow .empty-view {
  height: 100%;
  display: flex;
  justify-content: center;
}
.light .flow .empty-view.hidden {
  display: none;
}
.light .flow .emptyDesigner {
  width: 550px;
  cursor: default;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 100px;
  box-sizing: border-box;
}
.light .flow .emptyDesigner .empty {
  width: 150px;
  height: 155px;
  margin: 0 auto 24px auto;
}
.light .flow .emptyDesigner .icon-app {
  color: #b6cad2;
}
.light .flow .emptyDesigner,
.light .flow .emptyDesigner h3 {
  color: #010a30;
}
.light .flow .emptyDesigner-rightMargin {
  width: 105px;
}
.light .flow .flow-designer {
  position: relative;
  flex: 1;
}
.light .flow .flow-designer .flow-designer-container.selection-mode .node.active {
  border-color: #00a7e5;
}
.light .flow .right-content {
  position: absolute;
  top: 112px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: #f5f6fc;
  outline: transparent solid 0;
}
.light .flow .right-content.with-progress-bar {
  top: 300px;
}
.light .flow .right-content.with-left-menu {
  left: 499px;
}
.light .flow .right-content #exception-msg-box .marionette-wrapper-for-react {
  margin: 8px;
}
.light .flow .right-content #exception-msg-box .marionette-wrapper-for-react [data-testid="striim-message-box"] {
  border-radius: 8px;
  border: 1px solid #FFF1CC;
  background: #FFF8E5;
}
.light .flow .right-content.with-sidebar,
.light .flow .right-content.with-myObjects-sidebar {
  right: 408px;
  display: flex;
  flex-direction: column;
}
.light .flow .right-content.with-sidebar.with-myObjects-sidebar {
  right: 816px;
}
.light .flow .right-content.with-preview-data {
  bottom: 339px;
}
.light .flow .new-component h3 {
  padding: 16px 0 16px 24px;
}
.light .flow .new-component .new-component-separator {
  width: 208px;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  color: #020f49;
}
.light .flow .new-component .existing-component {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.light .flow .new-component .node {
  border-top: 1px solid #d7d7d7;
  background-color: #f5f6fc;
  color: #b6cad2;
  padding-left: 24px;
  height: 64px;
  vertical-align: middle;
}
.light .flow .new-component .node span {
  font-size: 16px;
  line-height: 64px;
  display: inline-block;
}
.light .flow .new-component .node span.title {
  padding-left: 16px;
}
.light .flow .new-component .node span.title span {
  display: inline;
}
.light .flow .new-component .node span.icon {
  font-size: 0;
  line-height: 0;
  float: left;
}
.light .flow .new-component .node span.icon::before {
  font-size: 32px;
  line-height: 64px;
}
.light .flow .new-component .node.enabled {
  cursor: pointer;
  color: #010a30;
}
.light .flow .new-component .node.enabled span.title span {
  font-weight: bold;
  color: #020f49;
}
.light .flow .new-component .node.enabled:hover {
  background-color: #e9e9e9;
}
.light .flow .new-component .available-nodes {
  border-bottom: 1px solid #d7d7d7;
}
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.toolbar-enabled a.icon.icon-cut.active:hover,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.toolbar-enabled a.icon.icon-duplicate.active:hover {
  color: #020f49;
}
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.toolbar-enabled a.icon.icon-cut:active,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.toolbar-enabled a.icon.icon-duplicate:active {
  cursor: pointer;
  color: #02166c;
}
.light .flow .toolbar .group.toolbar-graph-menu ul.menu-icons li a.icon.icon-duplicate,
.light .flow .toolbar .group.toolbar-graph-menu ul.menu-icons li a.icon.icon-cut,
.light .flow .toolbar .group.toolbar-graph-menu ul.menu-icons li a.icon.icon-paste {
  color: #b6cad2;
  cursor: auto;
}
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a span,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a.icon.icon-autolayout,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a.icon.icon-setting-w-arrow,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a.icon.icon-del,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a.icon.icon-cut,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a.icon.icon-duplicate,
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a.icon.icon-paste {
  color: #b6cad2;
  cursor: auto;
}
.light .flow.node-selected .toolbar .group.toolbar-graph-menu .menu-icons.locked a.icon.icon-objects span {
  color: #02166c;
  cursor: pointer;
}
.light .app-status {
  line-height: 32px;
}
.light .app-status #action-status-wrapper.disabled {
  cursor: not-allowed;
}
.light .app-status #action-status-wrapper.disabled #action-status #appStatusMenu .app-status-text {
  color: #6E7D8C;
}
.light .app-status #action-status-wrapper.disabled .link-arrow {
  display: none;
}
.light .app-status #action-status {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  border-radius: 4px 4px 0 0;
  background-color: #f7f8f8;
  cursor: pointer;
}
.light .app-status #action-status.active,
.light .app-status #action-status:hover {
  background-color: rgba(13, 20, 23, 0.08);
  transition: 0.3s ease-out;
}
.light .app-status #action-status.active .link-arrow {
  transform: rotate(180deg);
}
.light .app-status #action-status #appStatusMenu .app-status-text {
  color: #0d1417;
  align-self: center;
  font-weight: 400;
}
.light .app-status #action-status #appStatusMenu .link-arrow {
  font-size: 16px;
  color: #4e5c62;
  align-self: center;
}
.light .app-status .recovering.icon {
  top: -7px;
  right: -7px;
}
.light .app-status #appIndicator {
  display: flex;
  margin: auto 16px auto auto;
}
.light .app-status #appIndicator .app-indicator {
  margin: 0;
}
.light .app-status .status-icon .icon {
  padding: 0 4px 0 0;
}
.light .app-status .icon {
  line-height: inherit;
}
.light .app-status .icon.icon-arrow-expanded {
  line-height: 32px;
  font-size: 14px !important;
}
.light .app-status #appStatusPreloader {
  display: flex;
}
.light .app-status #appStatusPreloader img {
  margin: auto 16px auto auto;
  width: 19px;
  height: 19px;
}
.light .app-status .menu {
  display: flex;
  align-self: center;
}
.light .app-status .menu .app-status-text {
  line-height: 14px;
}
.light .app-status .menu .link-arrow {
  margin: auto 0 auto 4px;
  font-size: inherit;
}
.light .app-status-dropdown {
  background-color: #fff;
  margin-top: 4px;
}
.light .app-status-dropdown .options-menu {
  background-color: #fff;
  color: #010a30;
  border: 1px solid rgba(215, 215, 215, 0.5);
}
.light .app-status-dropdown .options-menu > ul {
  padding: 8px 0;
}
.light .app-status-dropdown .options-menu li {
  color: #010a30;
  border: none;
  min-width: 120px;
}
.light .app-status-dropdown .options-menu li:hover:not(.disabled) {
  background-color: #b2eaff;
}
.light .app-status-dropdown .tooltipster-arrow {
  height: 2px;
  z-index: 1;
}
.light .app-status-dropdown .tooltipster-arrow span.tooltipster-border {
  border-top-color: rgba(215, 215, 215, 0.5);
  border-bottom-color: rgba(215, 215, 215, 0.5);
  top: -8px;
}
.light .app-status-dropdown .tooltipster-arrow span.tooltipster-background {
  top: -7px;
  border-top-color: #f5f6fc;
  border-bottom-color: #f5f6fc;
}
.light #flow-map {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.light #flow-map-dropdown {
  cursor: default;
  color: #50646d;
  border: 1px solid #d9e0e3;
  border-top: none;
}
.light #flow-map-dropdown .flow-map-container {
  height: 350px;
  min-width: 350px;
  max-width: 630px;
  position: relative;
  overflow-y: auto;
  padding: 16px 24px;
}
.light #flow-map-dropdown .flow-map-container .flow-node {
  z-index: 11;
}
.light #flow-map-dropdown .heading {
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.light #flow-map-dropdown .heading a {
  cursor: pointer;
}
.light #flow-map-dropdown #app-flow-reload {
  margin-right: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 600px;
}
.light #flow-map-dropdown .flow-node {
  width: 128px;
  font-size: 0.9em;
  cursor: pointer;
  margin: 8px;
}
.light #flow-map-dropdown .flow-node > div {
  display: table;
  padding: 0 8px;
  height: 32px;
}
.light #flow-map-dropdown .flow-node > div > span {
  display: table-cell;
  vertical-align: middle;
}
.light #flow-map-dropdown .flow-node > div .icon {
  font-size: 0;
  line-height: 0;
  width: 32px;
  text-align: center;
}
.light #flow-map-dropdown .flow-node > div .icon::before {
  font-size: 24px;
  line-height: 24px;
}
.light #flow-map-dropdown .flow-node:hover {
  background-color: #e9e9e9;
}
.light #flow-map-dropdown .flow-node.active {
  background-color: #00a7e5;
  border-color: #00a7e5;
  color: #f5f6fc;
}
.light .app-configuration-dropdown {
  /*border-top: 1px solid black;*/
  margin-top: 9px;
  background: #fff;
}
.light .app-configuration-dropdown .options-menu {
  background-color: #fff;
  color: #010a30;
  border: 1px solid rgba(215, 215, 215, 0.5);
}
.light .app-configuration-dropdown .options-menu > ul {
  padding: 8px 0;
}
.light .app-configuration-dropdown .options-menu .no-icon {
  color: #010a30;
  border: none;
}
.light .app-configuration-dropdown .options-menu li:hover:not(.disabled) {
  background-color: #b2eaff;
}
.light .app-configuration-dropdown .tooltipster-arrow {
  height: 2px;
  z-index: 1;
}
.light .app-configuration-dropdown .tooltipster-arrow span.tooltipster-border {
  border-top-color: rgba(215, 215, 215, 0.5);
  border-bottom-color: rgba(215, 215, 215, 0.5);
  top: -8px;
}
.light .app-configuration-dropdown .tooltipster-arrow span.background {
  border-top-color: #fff;
  border-bottom-color: #fff;
  top: -6px;
}
.light .flow-designer-root table tr {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.light .flow-designer-root table tr th,
.light .flow-designer-root table tr td {
  letter-spacing: normal;
}
.light .flow-designer-root table tr th {
  color: #02166c;
  text-transform: none;
  font-size: 14px;
}
.light .flow-designer-root table tr td {
  color: #020f49;
}
.light .flow-designer-root .instruction-message {
  position: absolute;
  left: 50%;
  bottom: 48px;
  display: none;
}
.light .flow-designer-root .instruction-message > div {
  position: relative;
  left: -50%;
  padding: 0 24px 0 24px;
  background-color: #f5f6fc;
  color: #000000;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  vertical-align: middle;
  z-index: 20;
}
.light .flow-designer-root.dragDropActive .right-content {
  cursor: copy;
}
.light .flow-designer-root.dragDropActive .flow-designer-container .node.dnd-active {
  cursor: copy;
}
.light .flow-designer-root.dragDropActive .instruction-message {
  display: block;
}
.light .selection {
  position: absolute;
  border: 2px solid #b6cad2;
  background-color: #d9e0e3;
}
.light .new-flow-dialog {
  width: 350px;
}
.light .new-flow-dialog .head {
  width: 20%;
}
.light .new-flow-dialog .footer {
  border-top: 1px solid #d9e0e3;
}
.light .new-flow-dialog .inputLabel {
  pointer-events: none;
}
.light .new-flow-dialog .input-field {
  margin-top: 0;
}
.light .connection-test-dialog {
  width: 500px;
}
.light .connection-test-dialog .form .label {
  width: 160px;
  display: inline-block;
}
.light .connection-test-dialog .form span:not(.label) {
  font-weight: bold;
}
.light .connection-test-dialog .form .control {
  display: inline-block;
}
.light .connection-test-dialog .test-result {
  color: #0f9e59;
  margin-left: 160px;
  font-size: 1.1em;
}
.light .connection-test-dialog .test-result.error {
  color: #dd3711;
  margin-left: 0;
}
.light .connection-test-dialog .test-result.with-padding {
  padding: 20px 0;
}
.light .connection-test-dialog .button.submit .fa-check {
  display: none;
}
.light .source-config-dialog .select-template-layout-container.dialog .app-wizard-item-template .icon.to-image {
  height: 48px;
  margin-left: auto;
  margin-right: auto;
}
.light .source-config-dialog .select-template-layout-container.dialog .app-wizard-item-template .template-description {
  width: initial;
  margin-top: 0;
  margin-left: 0;
  padding: 0 8px;
}
.light .source-config-dialog .select-template-layout-container.dialog .select-template-container {
  width: 960px;
}
.light .source-config-dialog .select-template-layout-container.dialog .select-template-container .flow-designer-wizard-item {
  font-size: 40px;
  line-height: 40px;
  margin: 8px 0;
  position: relative;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}
.light .source-config-dialog .select-template-layout-container.dialog.dialog .app-wizard-item-template {
  width: 11%;
  min-width: 120px;
  padding-left: 0;
  padding-right: 0;
}
.light .source-config-dialog .select-template-layout-container.dialog.dialog .app-wizard-item-template .template-image {
  min-width: 120px;
}
.light .source-config-dialog .select-template-layout-container.dialog footer .button.cancel {
  text-transform: capitalize;
}
.light .data-type-validation-dialog table thead {
  display: block;
}
.light .data-type-validation-dialog table tbody {
  display: block;
  max-height: 400px;
  overflow-y: auto;
}
.light .data-type-validation-dialog table tbody tr:first-child td {
  border-top: none;
}
.light .data-type-validation-dialog table th {
  width: 100px;
}
.light .data-type-validation-dialog table th:last-of-type {
  width: 250px;
}
.light .data-type-validation-dialog table td {
  word-break: break-all;
  width: 100px;
}
.light .data-type-validation-dialog table td.error-message {
  word-break: normal;
  width: 250px;
}
.light .data-type-validation-dialog table td a {
  cursor: pointer;
  color: #00a7e5;
}
.light .delete-application-dialog {
  width: 560px;
}
.light .delete-application-dialog .inner {
  padding: 0 24px;
}
.light .delete-application-dialog input[type="checkbox"] {
  margin-right: 8px;
  float: left;
  margin-top: 2px;
}
.light .delete-application-dialog .delete-exceptions-container a {
  margin-left: 4px;
}
.light .delete-application-dialog .delete-exceptions-container label {
  color: #4e5c62;
}
.light .delete-application-dialog .controls .submit {
  background-color: #dd3711;
}
.light .flow-designer-root {
  /* Line over */
}
.light .flow-designer-root .line-over {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  font-weight: 100;
  line-height: 2.8rem;
}
.light .flow-designer-root .line-over:after,
.light .flow-designer-root .line-over:before {
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 48.5%, #e9e9e9 48.5%, #e9e9e9 51.5%, rgba(255, 255, 255, 0) 51.5%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 48.5%, #e9e9e9 48.5%, #e9e9e9 51.5%, rgba(255, 255, 255, 0) 51.5%);
}
.light .flow-designer-root .line-over:after {
  margin-left: 21.3px;
}
.light .flow-designer-root .line-over:before {
  margin-right: 21.3px;
}
.light .jsplumb-endpoint {
  z-index: 10;
}
@media only screen and (max-width: 1280px) {
  .light .flow-designer-root .toolbar .group.app,
  .light .flow-designer-root .toolbar .group.app-status {
    width: auto;
  }
}
@-webkit-keyframes AnimationGradient {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 50% 0;
  }
}
@-moz-keyframes AnimationGradient {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 50% 0;
  }
}
@keyframes AnimationGradient {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 50% 0;
  }
}
.application-progress-container-bold h3 {
  font-weight: 700;
}
.application-progress-container-bold h2 {
  font-weight: 800;
}
.application-progress-container-bold .title {
  font-weight: 600;
  color: #808a97;
  font-size: 16px;
}
.application-progress-container-bold .large {
  font-weight: 400;
}
.application-progress-container-bold .menu-button {
  float: right;
}
.refresh-container {
  display: flex;
  align-items: center;
}
.refresh-container .refresh-text {
  color: #91A3B8;
}
.application-progress-container {
  position: absolute;
  left: 0;
  right: 0;
}
.application-progress-container .graph-container,
.application-progress-container .io-table {
  border-bottom: 1px solid #D8E4F0;
  color: #1E1E5C;
}
.application-progress-container .graph-container .header,
.application-progress-container .io-table .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.application-progress-container .graph-container .header .left div,
.application-progress-container .io-table .header .left div {
  color: #6E7D8C;
}
.application-progress-container .graph-container .header .legend-container,
.application-progress-container .io-table .header .legend-container {
  display: flex;
  align-items: baseline;
}
.application-progress-container .graph-container .header .legend-container .legend,
.application-progress-container .io-table .header .legend-container .legend {
  color: #6E7D8C;
  width: 80px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.application-progress-container .graph-container .header .legend-container .legend .output,
.application-progress-container .io-table .header .legend-container .legend .output {
  background-color: #2E8071;
}
.application-progress-container .graph-container .header .legend-container .legend .input,
.application-progress-container .io-table .header .legend-container .legend .input {
  background-color: #346CC2;
}
.application-progress-container .graph-container .header .legend-container .legend .color,
.application-progress-container .io-table .header .legend-container .legend .color {
  width: 12px;
  height: 4px;
  border-radius: 4px;
}
.application-progress-container .inner {
  padding: 0 !important;
}
.application-progress-container .sources-and-targets-container {
  padding: 24px;
}
.application-progress-container .sources-and-targets-container > div {
  width: 100%;
}
.application-progress-container .master-detail-layout {
  width: 1024px;
}
.application-progress-container .detail-view-container {
  width: 99%;
  padding: 8px;
}
.application-progress-container .detail {
  padding-top: 0;
}
.application-progress-container .detail .well {
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.application-progress-container .stats-top-bar .stat {
  padding: 3px;
}
.application-progress-container .stats-top-bar .helpLink_container {
  display: flex;
  justify-content: center;
}
.application-progress-container .stats-top-bar .helpLink_container .text {
  margin: 0 4px;
}
.application-progress-container .stats-top-bar .helpLink_container .helpIcon {
  display: flex;
  align-self: center;
}
.application-progress-container .stats-top-bar .well {
  display: block;
  height: 100%;
}
.application-progress-container .stats-top-bar .well .blue-color {
  color: #346CC2 !important;
}
.application-progress-container .stats-top-bar .well .green-color {
  color: #2E8071 !important;
}
.application-progress-container .stats-top-bar .well .red-color {
  color: #dd3711 !important;
}
.application-progress-container .stats-top-bar .well .grey-color {
  color: #808a97 !important;
}
.application-progress-container .progress-list .progressbar-container {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  height: 20px;
  color: white;
}
.application-progress-container .progress-list .progressbar-container .text {
  position: absolute;
  line-height: 20px;
  padding-left: 5px;
  text-transform: capitalize;
}
.application-progress-container .progress-list .progressbar-container .source-progress-bar {
  background: linear-gradient(-45deg, #008cbb, #3eb6e0, #008cbb, #3eb6e0, #008cbb, #3eb6e0, #008cbb, #3eb6e0);
  background-size: 200% 200%;
  height: 20px;
}
.application-progress-container .progress-list .progressbar-container .target-progress-bar {
  background: linear-gradient(-45deg, #b6d954, #93c016, #b6d954, #93c016, #b6d954, #93c016, #b6d954, #93c016);
  background-size: 200% 200%;
  height: 20px;
}
.application-progress-container .progress-list .progressbar-container .animate {
  -webkit-animation: AnimationGradient 1s normal infinite;
  -moz-animation: AnimationGradient 1s normal infinite;
  animation: AnimationGradient 1s normal infinite;
  -webkit-transition: width 1s;
  /* Safari */
  transition: width 1s;
}
.application-progress-container .large {
  font-size: 22px !important;
  line-height: 24px !important;
}
.application-progress-container.lite h4 {
  display: inline-block;
}
.application-progress-container.lite .data-migration-success-box {
  display: inline-block;
  padding: 3px;
  border-radius: 16px;
}
.MuiTooltip-popper {
  z-index: 15000 !important;
}
.light .preview-data {
  position: fixed;
  width: -webkit-fill-available;
  width: -moz-available;
  bottom: 0;
  z-index: 1000;
}
.light .preview-data .subnav {
  text-align: initial;
}
.light .preview-data.full-screen {
  top: 114px;
}
.light .preview-data.full-screen > div {
  height: auto;
  top: 0;
}
.light .preview-data.full-screen > div .preview-table {
  max-height: 589px;
  min-height: 589px;
  height: 589px;
}
.light .preview-data > div {
  width: 100%;
  height: 339px;
  position: absolute;
  bottom: 0;
  z-index: 30;
  background-color: #f5f6fc;
  border-top: 1px solid #d7d7d7;
}
.light .preview-data > div .preview-table {
  max-height: 288px;
  min-height: 288px;
  height: 288px;
  overflow-x: inherit;
  overflow-y: auto;
}
.light .preview-data > div .preview-table table {
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-color: #f5f6fc;
  border-top: 1px solid #b6cad2;
}
.light .preview-data > div .preview-table table th {
  border-width: 0;
  border-bottom: 1px solid #b6cad2;
}
.light .preview-data > div .preview-table table th,
.light .preview-data > div .preview-table table td {
  padding: 0 24px 0 0;
  height: 48px;
}
.light .preview-data > div .preview-table table th.header-cell,
.light .preview-data > div .preview-table table td.header-cell {
  padding-left: 24px;
  padding-right: 0;
  width: 90px;
  max-width: 90px;
}
.light .preview-data > div .header span {
  font-size: 14px;
  display: inline-block;
}
.light .preview-data > div .header .actions {
  text-align: right;
}
.light .preview-data > div .header .actions .loader {
  display: inline-block;
  height: 24px;
  width: 24px;
}
.light .preview-data > div .header .actions .loader.hidden {
  display: none;
}
.light .preview-data > div .header .actions .icon {
  font-size: 0;
  width: 32px;
  cursor: pointer;
  text-align: center;
  margin-left: 16px;
}
.light .preview-data > div .header .actions .icon::before {
  font-size: 24px;
  line-height: 36px;
}
.light .preview-data > div .header .actions .icon.hidden {
  display: none;
}
.light .preview-data > div .header .actions .icon.icon-spinner {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  margin-left: 0;
  animation: infinite-spinning 800ms infinite linear;
  -o-animation: infinite-spinning 1s infinite linear;
  -ms-animation: infinite-spinning 1s infinite linear;
  -moz-animation: infinite-spinning 1s infinite linear;
  -webkit-animation: infinite-spinning 800ms infinite linear;
  transform-origin: 50% 45%;
  -o-transform-origin: 50% 39%;
  -ms-transform-origin: 50% 39%;
  -moz-transform-origin: 50% 39%;
  -webkit-transform-origin: 50% 50%;
}
.light .preview-data > div .header .actions .icon.icon-spinner:before {
  font-size: 24px;
  line-height: 24px;
}
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.metadata-template table:not(.plain):not(:first-child) {
  margin: 0;
}
.light .flow .sidebar {
  position: fixed;
  top: 109px;
  bottom: 0;
  padding: 0;
  z-index: 900;
  width: 408px;
}
.light .flow .sidebar.hidden {
  display: none;
}
.light .flow .sidebar .sidebar-flex-container {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.light .flow .sidebar .sidebar-box {
  display: flex;
  flex-direction: column;
}
.light .flow .sidebar .controls.sidebar-box {
  overflow-y: auto;
  overflow-x: hidden;
}
.light .flow .sidebar .sidebar-actions {
  position: absolute;
  bottom: 0;
}
.light .flow .sidebar .editors {
  flex: 1;
}
.light .flow .sidebar.secondary {
  right: 408px;
}
.light .flow .sidebar .preview-button,
.light .flow .sidebar .metadata-modal-button {
  display: none;
}
.light .flow .sidebar .from-control-container-Name h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.light .flow .sidebar .field-row h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  margin-top: 10px;
}
.light .flow .sidebar .field-row h3 {
  padding-top: 16px;
}
.light .flow .sidebar .field-row .type-preview {
  padding-top: 0;
}
.light .flow .sidebar .with-preview-button,
.light .flow .sidebar .with-metadata-modal-button {
  overflow: hidden;
}
.light .flow .sidebar .with-preview-button .preview-button,
.light .flow .sidebar .with-metadata-modal-button .preview-button,
.light .flow .sidebar .with-preview-button .metadata-modal-button,
.light .flow .sidebar .with-metadata-modal-button .metadata-modal-button {
  float: right;
  display: block;
  margin-right: 16px;
  position: relative;
  padding-right: 20px;
}
.light .flow .sidebar .with-preview-button .preview-button .seg-indicator,
.light .flow .sidebar .with-metadata-modal-button .preview-button .seg-indicator,
.light .flow .sidebar .with-preview-button .metadata-modal-button .seg-indicator,
.light .flow .sidebar .with-metadata-modal-button .metadata-modal-button .seg-indicator {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 0;
  line-height: 0;
}
.light .flow .sidebar .from-control-container-Input_Stream {
  margin: 8px 0 -9px 0;
  width: 358px;
  color: 1px solid #d7d7d7;
  padding-top: 13px;
  padding-bottom: 13px;
}
.light .flow .sidebar .from-control-container-Input_Stream .head {
  padding-left: 1px;
  margin-top: -11px;
}
.light .flow .sidebar .from-control-container-Input_Stream .body {
  width: 230px;
}
.light .flow .sidebar .hidden {
  display: none;
}
.light .flow .sidebar .htmlDiv {
  overflow: scroll;
  padding: 0 8px;
}
.light .flow .sidebar .htmlDiv img {
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
}
.light .flow .sidebar .htmlDiv p {
  color: black;
}
.light .flow .sidebar .htmlDiv .responseHtml {
  position: relative;
  min-width: 720px;
}
.light .flow .sidebar .exceptions-container {
  position: fixed;
  bottom: 64px;
  padding: 0 25px;
  background: #010a30;
  color: #e9eff1;
}
.light .flow .sidebar .exceptions-container .clear-button {
  position: absolute;
  top: 16px;
  right: 16px;
  color: white;
}
.light .flow .sidebar .exceptions-container .exception-summary {
  margin: 4px;
}
.light .flow .sidebar .exceptions-container .exception {
  display: flex;
  flex-direction: column;
}
.light .flow .sidebar .exceptions-container .exception .text-with-icon {
  height: 24px;
  line-height: 43px;
}
.light .flow .sidebar .exceptions-container .exception h1,
.light .flow .sidebar .exceptions-container .exception h3,
.light .flow .sidebar .exceptions-container .exception h4 {
  color: white !important;
}
.light .flow .sidebar .exceptions-container .exception .exception-info,
.light .flow .sidebar .exceptions-container .exception .exception-title {
  display: flex;
}
.light .flow .sidebar .exceptions-container .exception .exception-btn-wrap {
  display: flex;
  margin: auto 0 auto auto;
}
.light .flow .sidebar .exceptions-container .exception .exception-icon {
  font-size: 15px;
  width: 18px;
  height: 18px;
  padding: 0 8px;
  display: inline;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  border-radius: 50%;
  color: #fefeff;
  background-color: #a4290d;
}
.light .flow .sidebar .exceptions-container .exception .exception-icon:before {
  content: "!";
  font-weight: 600;
}
.light .flow .sidebar .exceptions-container .exception .exception-message {
  max-height: 100px;
  overflow: auto;
  overflow-wrap: anywhere;
}
.light .flow .sidebar .exceptions-container .exception .exception-message.expanded {
  max-height: unset;
}
.light .flow .sidebar .exceptions-container .details {
  display: none;
}
.light .flow .sidebar .exceptions-container .details h4 {
  color: white;
}
.light .flow .sidebar .exceptions-container .details .details-content {
  overflow-wrap: anywhere;
}
.light .flow .sidebar .exceptions-container .crud-exception-view {
  padding: 10px 0 30px 10px;
}
.light .flow .sidebar .exceptions-container .crud-exception-view .details {
  padding-top: 10px;
}
.light .flow .sidebar .meta-object-editor.component-openprocessor .from-control-container-Input_Stream {
  width: 100%;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 0;
}
.light .flow .sidebar .meta-object-editor.component-openprocessor .from-control-container-Input_Stream .head {
  padding-left: 0;
}
.light .flow .sidebar .meta-object-editor.component-openprocessor .from-control-container-Input_Stream .body {
  width: 240px;
}
.light .flow .sidebar .meta-object-editor.component-router .from-control-container-Input_Stream .body {
  width: 100%;
}
.light .flow a {
  cursor: pointer;
}
.light .flow.CRASH .sidebar .exceptions-container,
.light .flow.TERMINATED .sidebar .exceptions-container {
  bottom: 0;
}
.unsupported-editor {
  height: calc(100vh - 200px);
  text-align: center;
}
.unsupported-editor h3 {
  top: 30%;
  position: absolute;
  padding: 8px;
}
.flow.CQ .right-content.with-sidebar,
.flow.CQ .right-content.with-myObjects-sidebar {
  right: 528px;
}
.flow.CQ .right-content.with-sidebar.with-myObjects-sidebar {
  right: 528px;
}
.flow.CQ .sidebar {
  width: 528px;
}
.flow.CQ .sidebar.secondary {
  width: 408px;
  right: 528px;
}
.flow.CQ .sidebar .tql-editor {
  margin-top: 8px;
  width: 100%;
}
.flow.CQ .sidebar .tql-editor .CodeMirror {
  width: 100%;
}
.flow.CQ .sidebar .new-or-existing-selector {
  width: 100%;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar {
  right: 0;
  top: 109px !important;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-side-menu {
  width: auto;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-side-menu .obj-list-data {
  position: absolute;
  height: auto;
  /* top: 218px;*/
  bottom: 0;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .sliding-div {
  transform: initial;
  transition: initial;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details {
  right: -410px;
  height: 100%;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details.mb-sm-obj-details {
  right: 947px;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor {
  width: 350px;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .tql-editor .CodeMirror {
  width: 350px;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .mb-container .mb-obj-details .new-or-existing-selector {
  width: 350px;
}
.light .flow-designer-root .metadatabrowser-container.right-sidebar .fields-list .addField {
  color: #00a7e5;
}
.app-errors header .sub-header .text-button {
  color: #00a7e5;
  font-weight: bold;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.app-errors header .validate-again {
  float: right;
}
.app-errors header .validate-again .loader {
  width: 16px;
  height: 16px;
  display: none;
}
.light .app-errors {
  color: #010a30;
}
.light .app-errors header {
  margin: 0;
  overflow-y: auto;
  padding: 8px 16px 8px 16px;
}
.light .app-errors header .clear-btn {
  float: right;
}
.light .app-errors header .clear-btn .loader {
  width: 16px;
  height: 16px;
  display: none;
}
.light .app-errors ul.app-exceptions {
  overflow: auto;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d9e0e3;
}
.light .app-errors ul.app-exceptions li {
  padding: 16px;
  border-bottom: 1px solid #d9e0e3;
}
.light .app-errors ul.app-exceptions .exception {
  position: relative;
}
.light .app-errors ul.app-exceptions .exception .exception-icon {
  display: block !important;
  top: 0 !important;
  left: 0 !important;
}
.light .app-errors ul.app-exceptions .exception .exception-message {
  overflow-wrap: break-word;
  margin: 8px;
  white-space: pre-line;
}
.light .app-errors ul.app-exceptions .exception .exception-title-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.light .app-errors ul.app-exceptions .exception .img-container {
  align-items: center;
  display: inline-flex;
  column-gap: 8px;
}
.light .app-errors ul.app-exceptions .exception .node-link {
  cursor: pointer;
  text-decoration: underline;
}
.light .app-errors ul.app-exceptions .details {
  display: none;
  word-wrap: break-word;
  color: #010a30;
}
.light .app-errors ul.app-exceptions .details .details-content {
  margin: 0 8px;
}
.light .app-errors.reloading a {
  cursor: default;
  color: #b6cad2;
}
.light .app-errors.reloading a .loader {
  display: inline-block;
}
.light .left-menu.sidebar {
  position: fixed;
  bottom: 0;
  padding: 0;
  display: inline-block;
  top: 109px;
  width: 325px;
}
.light .left-menu.sidebar.hidden {
  display: none;
}
.light .left-menu.sidebar .m-lr-24 {
  margin: 0 24px;
}
.light .left-menu.sidebar .component-search {
  padding: 16px;
  position: relative;
}
.light .left-menu.sidebar .component-search input {
  border: 1px solid #d7d7d7;
  width: 100%;
  padding: 0 32px;
}
.light .left-menu.sidebar .component-search input[disabled] {
  cursor: not-allowed;
}
.light .left-menu.sidebar .component-search .search-icon {
  position: absolute;
  left: 24px;
  top: 24px;
}
.light .left-menu.sidebar .component-groups {
  position: relative;
}
.light .left-menu.sidebar .component-groups .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.light .left-menu.sidebar .component-groups .group.active .group-header {
  font-weight: 600;
}
.light .left-menu.sidebar .component-groups .group.active .collapsible-body {
  display: block;
}
.light .left-menu.sidebar .component-groups .group.active .material-icons {
  -moz-transform: rotate(0) !important;
  -webkit-transform: rotate(0) !important;
  -o-transform: rotate(0) !important;
  transform: rotate(0) !important;
}
.light .left-menu.sidebar .component-groups .group.hidden {
  display: none;
}
.light .left-menu.sidebar .component-groups .group .group-header {
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  align-items: center;
  font-weight: 400;
  color: #0d1417;
}
.light .left-menu.sidebar .component-groups .group .group-header .material-icons {
  margin-right: 8px;
  -moz-transform: rotate(-0.25turn);
  -webkit-transform: rotate(-0.25turn);
  -o-transform: rotate(-0.25turn);
  transform: rotate(-0.25turn);
  transition-duration: 0.2s;
}
.light .left-menu.sidebar .component-groups .group .group-header .arrow {
  float: right;
}
.light .left-menu.sidebar .component-groups .group .group-header .arrow::before {
  font-size: 18px;
  line-height: 16px;
}
.light .left-menu.sidebar .component-groups .group .items {
  position: relative;
  padding: 8px;
}
.light .left-menu.sidebar .component-groups .group .items .component {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px;
  width: 112px;
  height: 112px;
  float: left;
  text-align: center;
  cursor: move;
  position: relative;
  margin: 4px 0 0 4px;
  border: 0;
  border-radius: 4px;
}
.light .left-menu.sidebar .component-groups .group .items .component.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.light .left-menu.sidebar .component-groups .group .items .component.hidden {
  display: none;
}
.light .left-menu.sidebar .component-groups .group .items .component .icon {
  font-size: 40px;
  line-height: 40px;
  margin: 8px 0;
  display: flex;
  flex-direction: column;
}
.light .left-menu.sidebar .component-groups .group .items .component.odd {
  margin-left: 0;
  margin-right: 4px;
}
.light .left-menu.sidebar .component-groups .group .items .component > span {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2%;
  display: flex;
  flex: 1;
  font-weight: 400;
  color: #4e5c62;
  align-items: center;
  justify-content: center;
}
.light .left-menu.sidebar .component-groups .group .items :last-child {
  border-bottom: none;
}
.light .left-menu div.active .component-groups .group .component {
  cursor: pointer;
}
.light .left-menu div.active .component-groups .group .component:hover {
  border-color: #00a7e5;
}
.light .flow-designer-root.dragDropActive .predefined-component-proxy {
  position: absolute;
  font-size: 36px;
  z-index: 1000;
  margin-top: 3px;
  margin-left: 3px;
}
.light .flow-designer-root.dragDropActive .predefined-component-proxy .icon-maker.component-icon {
  width: 64px;
  height: 64px;
}
.light .flow-designer-root.dragDropActive .predefined-component-proxy > span {
  display: inline-block;
  width: 200px;
  position: absolute;
  left: -68px;
  font-size: 12px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sidebar .exceptions-sidebar {
  overflow-wrap: break-word;
  overflow-y: scroll;
}
.sidebar .exceptions-sidebar .title-bar,
.sidebar .exceptions-sidebar .filters,
.sidebar .exceptions-sidebar .exceptions-details-container .top-bar-info,
.sidebar .exceptions-sidebar .exceptions-details-container .event-details {
  padding: 0 24px;
}
.sidebar .exceptions-sidebar {
  padding: 20px 0;
}
.sidebar .exceptions-sidebar .title-bar {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 16px;
}
.sidebar .exceptions-sidebar .title-bar > div {
  display: table-cell;
  width: 25%;
}
.sidebar .exceptions-sidebar .title-bar > div.actions {
  text-align: right;
}
.sidebar .exceptions-sidebar .title-bar > div .icon {
  font-size: 14px;
  margin-top: -2px;
  padding-top: 2px;
  color: #6E7D8C !important;
}
.sidebar .exceptions-sidebar .title-bar > div .icon.context-menu {
  padding: 0 16px;
}
.sidebar .exceptions-sidebar .title-bar .header {
  width: 50%;
}
.sidebar .exceptions-sidebar .title-bar .header h3 {
  font-weight: 600;
}
.sidebar .exceptions-sidebar .title-bar .header h3 .icon {
  margin-top: 3px;
  float: left;
}
.sidebar .exceptions-sidebar .title-bar .header .details-title {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.sidebar .exceptions-sidebar .title-bar .header .details-title .icon-back {
  font-weight: 500;
  color: #22343b;
}
.sidebar .exceptions-sidebar .title-bar .header .details-title .sidebar-title {
  margin-left: 8px;
  color: #1E1E5C;
}
.sidebar .exceptions-sidebar .no-exceptions {
  text-align: center;
  user-select: none;
  padding: 48px 24px 0 24px;
}
.sidebar .exceptions-sidebar .no-exceptions img {
  width: 128px;
}
.sidebar .exceptions-sidebar .no-exceptions h2 {
  padding-top: 16px;
}
.sidebar .exceptions-sidebar .no-exceptions ul {
  text-align: left;
  list-style: disc;
  margin: 0;
  padding: 16px 36px 0;
}
.sidebar .exceptions-sidebar .no-exceptions ul li {
  padding-bottom: 8px;
  line-height: 20px;
}
.sidebar .exceptions-sidebar .exceptions-not-active {
  margin-top: 100px;
  text-align: center;
  padding: 0 24px;
}
.sidebar .exceptions-sidebar .exceptions-not-active h3 {
  font-size: 16px;
  font-weight: 600;
}
.sidebar .exceptions-sidebar .exceptions-not-active img {
  width: 128px;
}
.sidebar .exceptions-sidebar .exceptions-not-active img,
.sidebar .exceptions-sidebar .exceptions-not-active h3,
.sidebar .exceptions-sidebar .exceptions-not-active p {
  padding: 0;
  margin: 0 0 16px;
}
.sidebar .exceptions-sidebar .exceptions-not-active .warning .icon {
  width: 24px;
  display: inline-block;
}
.sidebar .exceptions-sidebar .exceptions-not-active .warning .icon svg {
  fill: #f2c40f;
}
.sidebar .exceptions-sidebar .exceptions-not-active .text {
  display: inline-block;
  padding-left: 8px;
  vertical-align: top;
  text-align: left;
}
.sidebar .exceptions-sidebar .filters .top-info {
  line-height: 20px;
}
.sidebar .exceptions-sidebar .filters .search-field {
  position: relative;
}
.sidebar .exceptions-sidebar .filters .search-field .fa-search {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 18px;
  color: rgba(13, 20, 23, 0.45);
}
.sidebar .exceptions-sidebar .filters .search-field input {
  width: 100%;
  padding-left: 40px !important;
}
.sidebar .exceptions-sidebar .filters .filter {
  margin-top: 24px;
}
.sidebar .exceptions-sidebar .filters .filter a {
  font-weight: 600;
}
.sidebar .exceptions-sidebar .filters .filter-box-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.time-filter,
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.component-filter {
  width: 49%;
  background-color: #fff;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  margin-top: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
}
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.time-filter span,
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.component-filter span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #5E6B78;
}
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.time-filter .input-wrapper,
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.component-filter .input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 0px;
}
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.time-filter .striimline-icon.select-arrow,
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.component-filter .striimline-icon.select-arrow {
  display: flex;
  width: 24px;
  height: 24px;
}
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.time-filter:hover,
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.component-filter:hover {
  cursor: pointer;
  border-color: #BCC9D6;
}
.sidebar .exceptions-sidebar .filters .filter-box-wrapper .filter.filter-box.component-filter .text-search.dropdown-text {
  padding-left: 32px;
}
.sidebar .exceptions-sidebar .filters .application-history-filter {
  display: inline-block;
}
.sidebar .exceptions-sidebar .filters .application-history-filter .app-history-filter-text .icon-arrow-small-dn {
  float: right;
  margin-top: 3px;
  font-size: 0;
  line-height: 0;
}
.sidebar .exceptions-sidebar .filters .application-history-filter .app-history-filter-text .icon-arrow-small-dn:before {
  font-size: 13px;
}
.sidebar .exceptions-sidebar .filters .filter-box {
  display: inline-block;
  padding: 8px 16px;
  position: relative;
  width: 50%;
  background-color: #f7f8f8;
  color: #0d1417;
  border-radius: 4px 4px 0 0;
  font-weight: normal;
}
.sidebar .exceptions-sidebar .filters .filter-box.time-filter {
  width: 49%;
}
.sidebar .exceptions-sidebar .filters .filter-box.time-filter .mb-dropdown .collection li:hover {
  background-color: unset;
}
.sidebar .exceptions-sidebar .filters .filter-box .mb-dropdown {
  left: 0;
}
.sidebar .exceptions-sidebar .filters .filter-box .mb-dropdown:before {
  left: 10px;
}
.sidebar .exceptions-sidebar .filters .filter-box .mb-dropdown .arrow {
  left: 10px;
}
.sidebar .exceptions-sidebar .filters .filter-box .icon-arrow-small-dn {
  margin-left: 4px;
  margin-top: 4px;
  float: right;
  line-height: 0;
}
.sidebar .exceptions-sidebar .filters .filter-box .component-dropdown .mb-dropdown {
  left: -135px;
}
.sidebar .exceptions-sidebar .filters .filter-box .component-dropdown .mb-dropdown:before {
  left: 150px;
}
.sidebar .exceptions-sidebar .filters .filter-box .component-dropdown .mb-dropdown .arrow {
  left: 150px;
}
.sidebar .exceptions-sidebar .filters .exceptions-number {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
  margin-top: 24px;
}
.sidebar .exceptions-sidebar .exceptions-groups {
  overflow-x: hidden;
  height: 100px;
  position: relative;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group {
  padding-top: 24px;
  border-bottom: 1px solid #e1e1e1;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .group-date {
  padding-left: 24px;
  padding-bottom: 8px;
  text-transform: uppercase;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #e1e1e1;
  width: 100%;
  cursor: pointer;
  line-height: 20px;
  color: #0d1417;
  padding: 12px 24px;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item:hover {
  background-color: rgba(0, 167, 229, 0.08);
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item:active {
  background-color: rgba(0, 167, 229, 0.16);
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item .icon {
  font-size: 16px;
  color: #6E7D8C;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item .list-item-info .item-label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item .list-item-info .item-date {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item .list-item-info .item-sub-label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
}
.sidebar .exceptions-sidebar .exceptions-groups .exceptions-group .exception-list-item .list-item-amount {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
}
.sidebar .exceptions-sidebar .details .label {
  line-height: 20px;
}
.sidebar .exceptions-sidebar .details .label.number-of-events {
  display: table;
  width: 100%;
}
.sidebar .exceptions-sidebar .details .label.number-of-events > span {
  display: table-cell;
  text-align: right;
}
.sidebar .exceptions-sidebar .details .label.number-of-events > span.bolder {
  text-align: left;
}
.sidebar .exceptions-sidebar .details .text-with-icon {
  line-height: 20px;
}
.sidebar .exceptions-sidebar .details .text-with-icon span {
  line-height: 20px;
}
.sidebar .exceptions-sidebar .details .text-with-icon .icon svg {
  width: 20px;
  fill: #010a30;
  float: left;
  margin-right: 4px;
  opacity: 0.45;
}
.sidebar .exceptions-sidebar .details .single-event-container {
  overflow-x: hidden;
  height: 100px;
  position: relative;
}
.sidebar .exceptions-sidebar .details .events {
  overflow-x: hidden;
  height: 100px;
  position: relative;
  padding-top: 16px;
}
.sidebar .exceptions-sidebar .details .events .event-details {
  border-top: 1px solid #c0c0c0;
}
.sidebar .exceptions-sidebar .details .events .event-details .expanded {
  position: relative;
  overflow-wrap: break-word;
}
.sidebar .exceptions-sidebar .details .events .event-details .expanded > pre {
  width: 75%;
  margin: 16px 0;
}
.sidebar .exceptions-sidebar .details .events .event-details .collapsed {
  position: relative;
  width: 100%;
}
.sidebar .exceptions-sidebar .details .events .event-details .collapsed > div {
  width: 75%;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 16px 0;
}
.sidebar .exceptions-sidebar .details .events .event-details .action {
  position: absolute;
  top: 0;
  right: 0;
  color: #00a7e5;
  font-weight: 600;
}
.sidebar .exceptions-sidebar .exceptions-details-container .details .top-bar-info .info-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 16px;
}
.sidebar .exceptions-sidebar .exceptions-details-container .details .top-bar-info .info-row .label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  min-width: 100px;
}
.sidebar .exceptions-sidebar .exceptions-details-container .details .top-bar-info .info-row .value {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #48525C;
  overflow-wrap: anywhere;
}
.sidebar .exceptions-sidebar .exceptions-details-container .details .top-bar-info .number-of-events {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 16px;
}
.sidebar .exceptions-sidebar .exceptions-details-container .details .top-bar-info .number-of-events .label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  min-width: 100px;
}
.sidebar .exceptions-sidebar .exceptions-details-container .details .top-bar-info .number-of-events .value {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
}
.exceptions-menu {
  min-width: 170px;
}
.exceptions-menu .options-menu {
  background-color: #fff;
  color: #010a30;
  border: 1px solid rgba(215, 215, 215, 0.5);
}
.exceptions-menu .options-menu .no-icon {
  color: #010a30;
  border: none;
}
.exceptions-menu .options-menu > ul {
  padding: 8px 0;
}
.exceptions-menu .options-menu li:hover {
  color: #010a30;
  background-color: #b2eaff;
}
.exceptions-menu .tooltipster-arrow {
  height: 2px;
  z-index: 1;
}
.exceptions-menu .tooltipster-arrow span.tooltipster-border {
  border-top-color: rgba(215, 215, 215, 0.5);
  border-bottom-color: rgba(215, 215, 215, 0.5);
  top: -8px;
}
.exceptions-menu .tooltipster-arrow span.background {
  border-top-color: #f5f6fc;
  border-bottom-color: #f5f6fc;
  top: -6px;
}
.confirm-dialog-content.turn-off-logs {
  width: 355px;
}
.light .manage-history-dialog {
  width: 330px;
}
.light .manage-history-dialog .select2-control-container {
  width: 150px !important;
  min-width: inherit;
}
.light .node.flow-node {
  background: #f5f6fc;
  color: #020f49;
  border: 1px solid #d9e0e3;
  font-size: 1.1em;
  white-space: nowrap;
  border-radius: 30px;
  height: inherit;
  width: 208px;
  box-sizing: border-box;
  line-height: 2.75em;
}
.light .node.flow-node span {
  display: inline-block;
  vertical-align: middle;
}
.light .node.flow-node span.node-name {
  max-width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.light .flow-designer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.light .flow-designer .flow-designer-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f5f6fc;
}
.light .flow-designer .flow-designer-container .node {
  cursor: pointer;
  position: absolute;
  box-sizing: border-box;
  z-index: 20;
  background: #f5f6fc;
}
.light .flow-designer .flow-designer-container .node:hover {
  background: #e9e9e9;
}
.light .flow-designer .flow-designer-container .node.graph-node.external,
.light .flow-designer .flow-designer-container .node.external {
  background: #b6cad2 !important;
  border-color: #02166c;
  color: #02166c;
}
.light .flow-designer .flow-designer-container .node.graph-node.external .node-container .text .name,
.light .flow-designer .flow-designer-container .node.external .node-container .text .name {
  color: #02166c;
}
.light .flow-designer .flow-designer-container .node.graph-node.external .node-container .text .description,
.light .flow-designer .flow-designer-container .node.external .node-container .text .description {
  color: #02166c;
}
.light .flow-designer .flow-designer-container .node.graph-node.external.graph-node:hover .node-container .text .description,
.light .flow-designer .flow-designer-container .node.external.graph-node:hover .node-container .text .description {
  background-color: transparent;
}
.light .flow-designer .flow-designer-container .node.missing {
  background: #ff4f0e !important;
  border-color: #ff4f0e !important;
  color: #f5f6fc;
}
.light .flow-designer .flow-designer-container .node.missing .description {
  display: none !important;
}
.light .flow-designer .flow-designer-container .node .node-icon-invalid,
.light .light .app-errors ul.app-exceptions .exception .exception-icon {
  display: none;
  position: absolute;
  top: 15px;
  left: 7px;
  font-size: 13px;
  width: 18px;
  height: 18px;
  padding: 0 7px;
  border-radius: 50%;
  color: white;
  background-color: #ff4f0e;
}
.light .flow-designer .flow-designer-container .node .node-icon-invalid:before,
.light .light .app-errors ul.app-exceptions .exception .exception-icon:before {
  content: "!";
}
.light .flow-designer .flow-designer-container .node.invalid .node-icon-invalid {
  display: block;
}
.light .flow-designer .flow-designer-container .node.flow-node {
  height: 60px;
  padding: 12px 0 8px 16px;
  line-height: 32px;
}
.light .flow-designer .flow-designer-container .node.flow-node div {
  font-size: 0;
}
.light .flow-designer .flow-designer-container .node.flow-node div .icon {
  font-size: 32px;
  margin-right: 16px;
}
.light .flow-designer .flow-designer-container .node.flow-node div span.node-name {
  max-width: 120px;
  font-size: 14px;
}
.light .flow-designer .flow-designer-container .node.stream-node {
  font-family: "webaction-icons", serif;
  width: 30px;
  height: 30px;
  border: 3px solid #567281;
  border-radius: 50%;
  text-align: center;
  color: #dfe8ec;
  background-color: #567281;
  /* // Dragging new component
          &.dnd-not-allowed,
          &.component-cut {
            .icon-stream {
              margin-top: 2px;
              margin-left: 1px;
              color: @c_light_text-light-background;
            }
          }*/
}
.light .flow-designer .flow-designer-container .node.stream-node.back-pressured {
  color: #dfe8ec;
  background-color: #dd3711;
  border: 2px solid #b6cad2;
}
.light .flow-designer .flow-designer-container .node.stream-node.back-pressured > :first-child {
  margin-top: -1px;
}
.light .flow-designer .flow-designer-container .node.stream-node.back-pressured:hover {
  color: #dfe8ec;
  background-color: #c5310f;
  border-color: #b6cad2;
}
.light .flow-designer .flow-designer-container .node.stream-node:hover {
  background-color: #CDCDCD;
  border-color: #BCC9D6;
}
.light .flow-designer .flow-designer-container .node.stream-node:hover.component-cut .icon-stream {
  color: unset;
}
.light .flow-designer .flow-designer-container .node.stream-node.selected {
  border-color: #515050;
  background-color: #515050;
}
.light .flow-designer .flow-designer-container .node.stream-node.selected .counter {
  display: none;
}
.light .flow-designer .flow-designer-container .node.stream-node.selected.component-cut .icon-stream {
  color: unset;
}
.light .flow-designer .flow-designer-container .node.stream-node .node-container {
  margin-top: -3px;
}
.light .flow-designer .flow-designer-container .node.stream-node .node-container .icon {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
}
.light .flow-designer .flow-designer-container .node.stream-node .node-container .icon:before {
  line-height: 30px;
}
.light .flow-designer .flow-designer-container .node.stream-node .node-icon-invalid {
  top: -5px;
  left: -7px;
}
.light .flow-designer .flow-designer-container .node.stream-node .counter {
  position: absolute;
  left: 100%;
  top: 0;
  height: 30px;
  cursor: default;
  display: none;
  width: 90px;
  margin-left: 8px;
  text-align: left;
  align-items: center;
  justify-content: left;
  font-size: 12px;
  line-height: 22px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #02166c;
  color: #00a7e5;
}
.light .flow-designer .flow-designer-container .node.stream-node .counter.counter-visible {
  display: flex;
}
.light .flow-designer .flow-designer-container .node.stream-node.selected .counter.counter-visible {
  display: none;
}
.light .flow-designer .flow-designer-container .node.stream-node .connect-new-node {
  top: -6px;
}
.light .flow-designer .flow-designer-container .node.stream-node .preview-on-run {
  font-size: 24px;
  top: 1px;
}
.light .flow-designer .flow-designer-container .node.graph-node {
  width: 240px;
  height: 58px;
  border-radius: 12px;
  padding: 8px;
  color: #575d62;
  background-color: #EFEFEF;
  border: 2px solid #bcc9d6;
}
.light .flow-designer .flow-designer-container .node.graph-node .name {
  color: #262626;
}
.light .flow-designer .flow-designer-container .node.graph-node.selected {
  border-color: #515050;
  background-color: #515050;
}
.light .flow-designer .flow-designer-container .node.graph-node.selected .name {
  color: #ffffff;
}
.light .flow-designer .flow-designer-container .node.graph-node.selected .description {
  color: rgba(255, 255, 255, 0.6);
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container {
  display: flex;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .icon-container {
  display: flex;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text {
  width: 170px;
  font-size: 12px;
  font-weight: normal;
  margin-left: 8px;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .name,
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .description {
  display: block;
  overflow: hidden;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .name {
  font-size: 14px;
  width: 90%;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .name p {
  margin: 0;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .description {
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status {
  display: flex;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status.validation-success {
  display: flex;
  color: #2AAC5E;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status.validation-failed {
  display: flex;
  color: #DB2A4A;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status .status-text {
  float: left;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status .status-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  width: 18px;
  height: 18px;
  padding: 0 7px;
  margin-left: 4px;
  border-radius: 50%;
  color: white;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status .status-icon.status-icon-failed {
  background-color: #DB2A4A;
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status .status-icon.status-icon-failed:before {
  content: "!";
}
.light .flow-designer .flow-designer-container .node.graph-node .node-container .text .validation-status .status-icon.icon-check {
  background-color: #2AAC5E;
  padding: 0 3px;
}
.light .flow-designer .flow-designer-container .node.graph-node .counter {
  position: absolute;
  right: 0;
  top: -22px;
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #02166c;
  color: #00a7e5;
  display: none;
}
.light .flow-designer .flow-designer-container .node.graph-node .counter.counter-visible {
  display: inline-block;
}
.light .flow-designer .flow-designer-container .node .connect-new-node,
.light .flow-designer .flow-designer-container .node .preview-on-run {
  position: absolute;
  right: -35px;
  top: 15px;
  color: #00a7e5;
  font-size: 32px;
  display: none;
}
.light .flow-designer .flow-designer-container .node.dnd-active {
  border-color: #00a7e5;
}
.light .flow-designer .flow-designer-container .node.dnd-active.active {
  background-color: #D8E4F0;
}
.light .flow-designer .flow-designer-container .node.dnd-not-allowed {
  cursor: not-allowed;
}
.light .flow-designer .flow-designer-container .node.dnd-not-allowed,
.light .flow-designer .flow-designer-container .node.component-cut,
.light .flow-designer .flow-designer-container .node.component-cut .node-container .text {
  background-color: #e9e9e9;
  border-color: #d7d7d7;
  color: #b6cad2;
  border-width: 1px;
}
.light .flow-designer .flow-designer-container .node.component-cut .node-container .text {
  background-color: unset;
}
.light .flow-designer .flow-designer-container .node.component-cut .node-container .text .name,
.light .flow-designer .flow-designer-container .node.component-cut .node-container .text .description,
.light .flow-designer .flow-designer-container .node.component-cut .node-container .icon-container .icon svg {
  color: #4e5c62;
}
.light .flow-designer .flow-designer-container .node.component-cut.selected .node-container .text .name,
.light .flow-designer .flow-designer-container .node.component-cut.selected .node-container .icon-container .icon svg {
  color: #fefeff;
}
.light .flow-designer .flow-designer-container .node.component-cut.selected .node-container .text .description {
  color: #bcc2c4;
}
.light .flow-designer .flow-designer-container .application-info {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 14px;
  line-height: 24px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #02166c;
  z-index: 30;
}
.light .flow-designer .flow-designer-container .application-info .application-name {
  color: #02166c;
}
.light .flow.CREATED .flow-designer-container .selected .connect-new-node,
.light .flow.DEPLOY_FAILED .flow-designer-container .selected .connect-new-node,
.light .flow.INVALID .flow-designer-container .selected .connect-new-node {
  display: block;
  width: 31px;
  height: 31px;
  background-size: 31px;
  top: 13px;
}
.light .flow.CREATED .flow-designer-container #temp-node .connect-new-node,
.light .flow.DEPLOY_FAILED .flow-designer-container #temp-node .connect-new-node,
.light .flow.INVALID .flow-designer-container #temp-node .connect-new-node {
  display: none;
}
.light .flow.RUNNING .flow-designer-container .selected .preview-on-run,
.light .flow.STOPPED .flow-designer-container .selected .preview-on-run,
.light .flow.DEPLOYED .flow-designer-container .selected .preview-on-run,
.light .flow.QUIESCED .flow-designer-container .selected .preview-on-run {
  display: block;
}
.light .flow.node-selected #progressBar {
  width: calc(100% - 400px);
}
.light .tooltipster-base.dropdown.flow-dropdown {
  background: #ffffff;
  z-index: 1001;
  margin-top: 6px;
}
.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span {
  left: 56px;
  position: relative;
}
.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span:after,
.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span:after {
  top: -10px;
  left: -9px;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
}
.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span:before {
  top: -13px;
  left: -10px;
  border-width: 11px;
  border-color: transparent transparent #d7d7d7 transparent;
}
.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span.tooltipster-border {
  top: -9px;
  border-top-color: #d7d7d7;
  border-bottom-color: #d7d7d7;
}
.light .tooltipster-base.dropdown.flow-dropdown .tooltipster-arrow span.tooltipster-background {
  top: -7px;
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.light .select2-header-placeholder .new-shield-profile {
  padding: 4px;
  border-bottom: 1px solid #d7d7d7;
}
.light .select2-header-placeholder .new-shield-profile a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.confirm-dialog-content.delete-component {
  width: 370px;
}
#dashboard .plus-button {
  line-height: 25px;
  display: inline-block;
  margin: 5.6px;
  padding: 0 6px;
}
#dashboard .plus-button .icon {
  font-size: 1.2em;
}
#dashboard .modal-region {
  top: -50px;
  position: relative;
}
#dashboard .striim-modal.dashboard-edit-visualization {
  margin: 20px;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
#dashboard .striim-modal.dashboard-edit-visualization .dataseries-editor {
  padding: 24px;
}
#dashboard .striim-modal.dashboard-edit-visualization .editor-body {
  overflow: auto;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row .head label {
  font-size: 1em;
  word-break: break-word;
  font-weight: 500;
}
#dashboard .striim-modal.dashboard-edit-visualization .items .collection {
  margin: initial;
  overflow: inherit;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .head {
  padding-left: 10px;
  padding-right: 10px;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .head:not(.full) .series-nav {
  height: auto;
  min-height: unset;
  line-height: inherit;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .head label {
  line-height: 16px;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .body {
  padding: 0 10px 8px 10px;
  line-height: 36px;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .body > a.add-item {
  margin-left: 8px;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .body .items .collection {
  margin: initial;
  overflow: inherit;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .body .items .collection .collection-item {
  padding: 5px 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-row > .body .items .collection .collection-item .field-row {
  margin-bottom: 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel {
  margin: 16px 0;
  border-top: 1px solid #D8E4F0;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel:first-child {
  border-top: none;
  margin-top: calc(8px * -3);
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav {
  float: right;
  height: auto;
  line-height: unset;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .description {
  display: inline-block;
  margin-right: 12px;
  font-size: 1.2em;
  font-weight: 300;
  color: #02166c;
  vertical-align: middle;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .indicators {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .series-indicator,
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: calc(8px * 2.5);
  height: calc(8px * 2.5);
  line-height: calc(8px * 2.5 - 2);
  text-align: center;
  margin: 0 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #e9eff1;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .series-indicator.active,
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item.active {
  border-color: #00a7e5;
  color: #00a7e5;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item {
  line-height: 25px;
  display: inline-block;
  margin: 5.6px;
  padding: 0 6px;
  width: calc(8px * 2.5);
  height: calc(8px * 2.5);
  background: #009cd6;
  background: transparent;
  color: #00a7e5;
  border: 1px solid #0094cc;
  line-height: calc(8px * 2.5 - 2);
  padding: 0;
  font-size: 1em;
  transition-property: color, border;
  transition-duration: 200ms, 200ms;
  -webkit-transition-property: color, border;
  -webkit-transition-duration: 200ms, 200ms;
  -moz-transition-property: color, border;
  -moz-transition-duration: 200ms, 200ms;
  -o-transition-property: color, border;
  -o-transition-duration: 200ms, 200ms;
  transition: color border;
  -webkit-transition: color border;
  -moz-transition: color border;
  -o-transition: color border;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item .icon {
  font-size: 1.2em;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item .icon {
  vertical-align: middle;
  margin-top: -2px;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel .series-nav .add-item:hover {
  background: transparent;
  border-color: #0089bc;
  color: #00688e;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel.single .delete-series,
#dashboard .striim-modal.dashboard-edit-visualization .carousel.single .series-nav {
  display: none;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row {
  margin: 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .head {
  border-bottom: 1px solid #d7d7d7;
  background: rgba(215, 215, 215, 0.3);
  padding: 8px 16px;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .head:before,
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .head:after {
  content: " ";
  display: table;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .head:after {
  clear: both;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .head .label {
  float: left;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .head .label label {
  font-weight: 300;
  font-size: 1.3em;
  padding-left: 5px;
}
#dashboard .striim-modal.dashboard-edit-visualization .carousel > .field-row > .body {
  padding: 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config {
  line-height: 50px;
  margin-bottom: 40px;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .series-config-section {
  padding: 0 8px;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .series-config-section .head {
  font-weight: 600;
  font-size: 1em;
  width: 120px;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .series-config-section .body {
  width: auto;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .series-config-section .head,
#dashboard .striim-modal.dashboard-edit-visualization .series-config .series-config-section .body {
  line-height: 32px;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config:before,
#dashboard .striim-modal.dashboard-edit-visualization .series-config:after {
  content: " ";
  display: table;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config:after {
  clear: both;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config input {
  min-width: 300px;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .series-id {
  display: inline-block;
  vertical-align: middle;
  color: #50646d;
  font-size: 1.5em;
  margin-right: 8px;
  font-weight: 300;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .delete-series {
  display: inline-block;
  vertical-align: middle;
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  color: #dd3711;
  text-decoration: underline;
  cursor: pointer;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .delete-series img {
  max-width: 100%;
}
#dashboard .striim-modal.dashboard-edit-visualization .series-config .category-config {
  clear: both;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-tile {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-tile:active {
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-tile.lifted {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#dashboard .striim-modal.dashboard-edit-visualization .field-tile.dropstart.yAxis .inner {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#dashboard .striim-modal.dashboard-edit-visualization .field-tile.proxy {
  z-index: 999;
  position: fixed;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor .select2-container.dd-field-select {
  min-width: 300px;
}
#dashboard .striim-modal.dashboard-edit-visualization .select2-dropdown-open.dd-field-select .select2-choice {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
#dashboard .striim-modal.dashboard-edit-visualization .dd-field-select .select2-chosen {
  margin-right: 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .select2-container.droppable-field.drop .select2-chosen {
  transition-property: margin, opacity;
  transition-duration: 200ms, 200ms;
  -webkit-transition-property: margin, opacity;
  -webkit-transition-duration: 200ms, 200ms;
  -moz-transition-property: margin, opacity;
  -moz-transition-duration: 200ms, 200ms;
  -o-transition-property: margin, opacity;
  -o-transition-duration: 200ms, 200ms;
  transition: margin opacity;
  -webkit-transition: margin opacity;
  -moz-transition: margin opacity;
  -o-transition: margin opacity;
}
#dashboard .striim-modal.dashboard-edit-visualization .select2-container.droppable-field.dropstart .select2-chosen {
  margin-top: 40px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#dashboard .striim-modal.dashboard-edit-visualization .select2-container .select2-choice.select2-default .select2-chosen {
  display: none;
}
#dashboard .striim-modal.dashboard-edit-visualization #vis-form {
  position: relative;
}
#dashboard .striim-modal.dashboard-edit-visualization #vis-form > .properties-editor > div > .field-row > .head > label {
  font-weight: 600;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor-container.zAxis {
  margin-top: 16px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor-container .axis-config .head {
  width: 35%;
  text-align: left;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor {
  text-align: center;
  width: 300px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor .axis-name {
  width: 300px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.zAxis-config {
  width: auto;
  text-align: left;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.xAxis-config {
  position: relative;
  left: 50%;
  margin-left: -45px;
  margin-top: 32px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.xAxis-config .axis-config {
  margin-top: 10px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor .axis-field-container {
  margin-top: 13px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config {
  position: absolute;
  left: -60px;
  top: 150px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .axis-names {
  -ms-transform-origin: 50% 50%;
  /* IE 9 */
  -webkit-transform-origin: 50% 50%;
  /* Chrome, Safari, Opera */
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  z-index: 3;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .axis-types {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  z-index: 2;
  -ms-transform-origin: 176px 23px;
  /* IE 9 */
  -webkit-transform-origin: 176px 23px;
  /* Chrome, Safari, Opera */
  transform-origin: 176px 23px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .axis-types.with-names {
  -ms-transform-origin: 177px -21px;
  /* IE 9 */
  -webkit-transform-origin: 177px -21px;
  /* Chrome, Safari, Opera */
  transform-origin: 177px -21px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .axis-types .axis-type-editor {
  float: right;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .head {
  padding-left: 15px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .datetime-format {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  z-index: 2;
  display: inline-block;
  -ms-transform-origin: 106px -47px;
  /* IE 9 */
  -webkit-transform-origin: 106px -47px;
  /* Chrome, Safari, Opera */
  transform-origin: 106px -47px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .datetime-format.with-names {
  -ms-transform-origin: 109px -92px;
  /* IE 9 */
  -webkit-transform-origin: 109px -92px;
  /* Chrome, Safari, Opera */
  transform-origin: 109px -92px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .axis-field-container {
  position: absolute;
  z-index: 1;
  top: -135px;
  left: 80px;
  margin-top: 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .dd-field-select.dropstart .select2-chosen {
  margin-top: 0;
  margin-left: 40px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .dd-field-select .select2-choice {
  width: 42px;
  height: 300px;
}
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .dd-field-select .select2-choice .select2-chosen,
#dashboard .striim-modal.dashboard-edit-visualization .axis-editor.yAxis-config .dd-field-select .select2-choice .droppable-placeholder {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 285px;
  width: 285px;
  -ms-transform-origin: 0% 0%;
  /* IE 9 */
  -webkit-transform-origin: 0% 0%;
  /* Chrome, Safari, Opera */
  transform-origin: 0% 0%;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview-container {
  margin: 16px 0;
  position: relative;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview {
  height: 400px;
  margin-left: 185px;
  position: relative;
  z-index: 3;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout {
  height: 100%;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .chart-container {
  position: relative;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .chart-container .chart {
  height: 100%;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .legend-container {
  padding: 8px 8px 0;
  overflow-y: auto;
  display: none;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .legend-container .legend-message {
  color: #b6cad2;
  text-align: center;
  display: none;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .legend-container .legend-item {
  padding-left: 8px;
  display: inline-block;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .legend-container .legend-color-block {
  width: 10px;
  height: 10px;
  display: inline-block;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .legend-container .legend-label {
  padding-left: 4px;
  display: inline-block;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout.no-legend .chart-container {
  height: 100%;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout.has-legend .chart-container {
  height: 80%;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout.has-legend .legend-container {
  display: block;
  height: 20%;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout.legend-empty .legend-message {
  display: block;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout.legend-empty .legend-view-container {
  display: none;
}
#dashboard .striim-modal.dashboard-edit-visualization .vis-preview .chart-layout .ui-widget-content .ui-pg-table td:first-child {
  width: 0 !important;
}
#dashboard .striim-modal.dashboard-edit-visualization header .icon.breadcrumb {
  color: #02166c;
  padding: 0 8px;
}
#dashboard .striim-modal.dashboard-edit-visualization header .editable-text {
  color: #010a30;
  font-weight: 500;
  margin-top: -7px;
}
#dashboard .striim-modal.dashboard-edit-visualization header .query-info {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 8px;
}
#dashboard .striim-modal.dashboard-edit-visualization header .query-info a {
  color: #00a7e5;
  text-decoration: underline;
  margin-left: 8px;
}
#dashboard .striim-modal.dashboard-edit-visualization .modal-body {
  -ms-word-break: break-all;
  word-break: break-all;
}
#dashboard .striim-modal.dashboard-edit-visualization .modal-body > .inner {
  padding: 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .modal-body > .inner:before,
#dashboard .striim-modal.dashboard-edit-visualization .modal-body > .inner:after {
  content: " ";
  display: table;
}
#dashboard .striim-modal.dashboard-edit-visualization .modal-body > .inner:after {
  clear: both;
}
#dashboard .striim-modal.dashboard-edit-visualization .editor-content-container {
  position: relative;
  height: 100%;
}
#dashboard .striim-modal.dashboard-edit-visualization .fields-sidebar {
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  padding: 12px;
  top: 0;
  position: absolute;
  height: 100%;
  border-right: 1px solid #cbcbcb;
  overflow: auto;
  width: calc(3 / 12 * 100%);
}
#dashboard .striim-modal.dashboard-edit-visualization .fields-sidebar img {
  max-width: 100%;
}
#dashboard .striim-modal.dashboard-edit-visualization .fields-sidebar .field-tile {
  margin: 0 0 8px 0;
}
#dashboard .striim-modal.dashboard-edit-visualization .fields-sidebar .field-tile .inner {
  box-shadow: 2px 2px 0 #cbcbcb;
  -webkit-box-shadow: 2px 2px 0 #cbcbcb;
  -moz-box-shadow: 2px 2px 0 #cbcbcb;
  -o-box-shadow: 2px 2px 0 #cbcbcb;
}
#dashboard .striim-modal.dashboard-edit-visualization .editor-content {
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(9 / 12 * 100%);
  margin-left: calc(3 / 12 * 100%);
  padding: 24px;
}
#dashboard .striim-modal.dashboard-edit-visualization .editor-content .collection-editor-container {
  overflow: unset;
  height: unset;
}
#dashboard .striim-modal.dashboard-edit-visualization .editor-content img {
  max-width: 100%;
}
@media (min-width: 1100px) {
  #dashboard .striim-modal.dashboard-edit-visualization .fields-sidebar {
    width: calc(2 / 12 * 100%);
  }
  #dashboard .striim-modal.dashboard-edit-visualization .editor-content {
    width: calc(10 / 12 * 100%);
    margin-left: calc(2 / 12 * 100%);
  }
}
@media (min-width: 1600px) {
  #dashboard .striim-modal.dashboard-edit-visualization .fields-sidebar {
    width: 12%;
  }
  #dashboard .striim-modal.dashboard-edit-visualization .editor-content {
    width: 88%;
    margin-left: 12%;
  }
}
.chart.select-visualization .select2-chosen {
  line-height: 30px;
}
.chart.select-visualization .select2-choice .select2-arrow {
  line-height: 30px;
}
.chart.select-visualization .select2-choice .select2-arrow b:before {
  margin-top: 0;
}
#dashboard .visualization-panel.selectvisualization-view {
  border-style: none;
}
#dashboard .visualization-panel.selectvisualization-view:hover {
  transition: none 200ms;
  -webkit-transition: none 200ms;
  -moz-transition: none 200ms;
  -o-transition: none 200ms;
  border-style: none;
}
.invalid_template {
  color: #dd3711;
}
.dropdown.color-picker-dropdown {
  z-index: 9999;
  margin-top: -3px;
}
.query-status-indicator {
  position: absolute;
  z-index: 20;
  right: 0;
  top: 0;
  display: none;
  margin: 6px;
}
.query-status-indicator .inner {
  display: inline-block;
  font-size: 14px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.query-status-indicator:hover {
  cursor: pointer;
}
.indicator-label {
  padding-left: 8px;
}
.vis-menu ul {
  margin: 0;
}
.vis-menu ul li a {
  padding: 0 13.6px;
  line-height: 2.5em;
  white-space: nowrap;
  display: block;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
.vis-menu ul li a .icon {
  width: 9.6px;
  display: inline-block;
  margin-right: 8px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.vis-menu ul li:last-child a {
  border-bottom: none;
}
#dashboard .guides {
  display: none;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
#dashboard .guides .grid-outline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#dashboard .guides:before,
#dashboard .guides:after {
  content: " ";
  display: table;
}
#dashboard .guides:after {
  clear: both;
}
#dashboard .guides .guide {
  border-width: 1px 1px 0 0;
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 0;
}
#dashboard .guides .guide.js-top-row {
  border-top-width: 0;
}
#dashboard .guides .guide.js-row-end {
  border-right-width: 0;
}
#dashboard .guides .guide .vertex {
  display: none;
  width: 3px;
  height: 3px;
  position: absolute;
  bottom: -2px;
  right: -2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#dashboard .guides .guide img {
  max-width: 100%;
}
#dashboard .visualizations {
  position: relative;
  margin: 16px;
  margin-left: 66px;
}
#dashboard .visualizations:before,
#dashboard .visualizations:after {
  content: " ";
  display: table;
}
#dashboard .visualizations:after {
  clear: both;
}
#dashboard .visualizations.visualizations-menu-open {
  margin-left: 326px;
}
#dashboard .proxy.swatch {
  display: block;
  position: fixed;
  z-index: 4;
  text-align: center;
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#dashboard .proxy.swatch.move .icon {
  visibility: hidden;
}
#dashboard .proxy.swatch .icon {
  font-size: 4em;
}
#dashboard .grid {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#dashboard .grid .grid-content {
  position: relative;
}
#dashboard .grid .grid-controls {
  display: none;
  z-index: 1;
  position: absolute;
  right: 8px;
  top: 8px;
}
#dashboard .grid .grid-controls .grid-delete-button {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
#dashboard .grid .grid-controls .grid-delete-button:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#dashboard .grid .grid-controls .grid-delete-button .icon {
  line-height: 5.6px;
  position: relative;
}
#dashboard .grid .grid {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#dashboard .grid-component-placeholder {
  cursor: auto;
  position: absolute;
  z-index: 3;
  padding: 8px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#dashboard .grid-component-placeholder:active {
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#dashboard .resizing-h {
  cursor: col-resize !important;
}
#dashboard .resizing-h .grid-component {
  cursor: col-resize !important;
}
#dashboard .resizing-v {
  cursor: row-resize !important;
}
#dashboard .resizing-v .grid-component {
  cursor: row-resize !important;
}
#dashboard .resizing-se {
  cursor: se-resize !important;
}
#dashboard .resizing-se .grid-component {
  cursor: se-resize !important;
}
#dashboard .resizing-sw {
  cursor: sw-resize !important;
}
#dashboard .resizing-sw .grid-component {
  cursor: sw-resize !important;
}
#dashboard .resizing-ne {
  cursor: ne-resize !important;
}
#dashboard .resizing-ne .grid-component {
  cursor: ne-resize !important;
}
#dashboard .resizing-nw {
  cursor: nw-resize !important;
}
#dashboard .resizing-nw .grid-component {
  cursor: nw-resize !important;
}
#dashboard .js-frozen .grid-component.page {
  margin-top: 64px;
}
#dashboard .grid-component {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: auto;
  position: absolute;
  z-index: 1;
}
#dashboard .grid-component.lifted {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#dashboard .grid-component.tree > .content,
#dashboard .grid-component.tree > .component-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
}
#dashboard .grid-component .component-outline {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#dashboard .grid-component > .controls {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#dashboard .grid-component:hover {
  z-index: 1;
}
#dashboard .grid-component .component-content,
#dashboard .grid-component .component-style {
  position: relative;
  z-index: 1;
  height: 100%;
}
#dashboard .grid-component .component-style .grid-components-container {
  height: 100%;
  width: 100%;
}
#dashboard .grid-component.page {
  width: 100%;
  margin-bottom: 56px;
  margin-top: 96px;
}
#dashboard .grid-component.page > .component-content {
  z-index: 1;
}
#dashboard .grid-component.page > .controls {
  z-index: 0;
}
#dashboard .grid-component.page > .controls .handles .handle.S {
  width: 100%;
  margin-left: -50%;
  bottom: 0px;
  height: 4px;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
#dashboard .grid-component.page > .controls .handles .handle.S:before {
  height: 0;
  display: block;
  color: #22343b;
  font-size: 27px;
  font-family: "Material Icons", serif;
  content: "import_export";
}
#dashboard .grid-component.page > .controls .component-header {
  display: none !important;
}
#dashboard .grid-component.page.active .visualization-panel {
  background-color: rgba(64, 141, 204, 0.1);
}
#dashboard .grid-component.page.active > .controls .handles {
  background: transparent;
  transition-property: none;
  transition-duration: 200ms;
  -webkit-transition-property: none;
  -webkit-transition-duration: 200ms;
  -moz-transition-property: none;
  -moz-transition-duration: 200ms;
  -o-transition-property: none;
  -o-transition-duration: 200ms;
}
#dashboard .grid-component.page .query-visualization-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
#dashboard .grid-component.page .query-visualization-container .component-style {
  background: transparent;
}
#dashboard .grid-component.page .query-visualization-container > .content {
  height: 100%;
}
#dashboard .grid-component .handles {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition-property: top, left, padding, background;
  transition-duration: 200ms, 200ms, 200ms, 200ms;
  -webkit-transition-property: top, left, padding, background;
  -webkit-transition-duration: 200ms, 200ms, 200ms, 200ms;
  -moz-transition-property: top, left, padding, background;
  -moz-transition-duration: 200ms, 200ms, 200ms, 200ms;
  -o-transition-property: top, left, padding, background;
  -o-transition-duration: 200ms, 200ms, 200ms, 200ms;
}
#dashboard .grid-component .handles.active .handle {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events: all;
}
#dashboard .grid-component .handles .handle {
  pointer-events: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  position: absolute;
  z-index: 1;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  width: 8px;
  height: 8px;
  /*
                &.E, &.W, &.SE, &.NE, &.SW, &.NW {
                    width: @g;
                }
                */
}
#dashboard .grid-component .handles .handle:active {
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#dashboard .grid-component .handles .handle.SE,
#dashboard .grid-component .handles .handle.NE,
#dashboard .grid-component .handles .handle.SW,
#dashboard .grid-component .handles .handle.NW {
  width: 8px;
  height: 8px;
  line-height: 6px;
}
#dashboard .grid-component .handles .handle.SE .icon,
#dashboard .grid-component .handles .handle.NE .icon,
#dashboard .grid-component .handles .handle.SW .icon,
#dashboard .grid-component .handles .handle.NW .icon {
  vertical-align: middle;
}
#dashboard .grid-component .handles .handle.SE,
#dashboard .grid-component .handles .handle.NE,
#dashboard .grid-component .handles .handle.E {
  right: -4px;
}
#dashboard .grid-component .handles .handle.SW,
#dashboard .grid-component .handles .handle.NW,
#dashboard .grid-component .handles .handle.W {
  left: -4px;
}
#dashboard .grid-component .handles .handle.SE {
  cursor: se-resize;
}
#dashboard .grid-component .handles .handle.SW {
  cursor: sw-resize;
}
#dashboard .grid-component .handles .handle.NE {
  cursor: ne-resize;
}
#dashboard .grid-component .handles .handle.NW {
  cursor: nw-resize;
}
#dashboard .grid-component .handles .handle.E,
#dashboard .grid-component .handles .handle.W {
  line-height: 24px;
  top: 50%;
  margin-top: -4px;
}
#dashboard .grid-component .handles .handle.E .icon,
#dashboard .grid-component .handles .handle.W .icon {
  vertical-align: middle;
}
#dashboard .grid-component .handles .handle.N,
#dashboard .grid-component .handles .handle.S {
  margin-left: -4px;
  left: 50%;
}
#dashboard .grid-component .handles .handle.E {
  cursor: col-resize;
}
#dashboard .grid-component .handles .handle.W {
  cursor: col-resize;
}
#dashboard .grid-component .handles .handle.N,
#dashboard .grid-component .handles .handle.NE,
#dashboard .grid-component .handles .handle.NW {
  top: -4px;
}
#dashboard .grid-component .handles .handle.N {
  cursor: row-resize;
}
#dashboard .grid-component .handles .handle.SE,
#dashboard .grid-component .handles .handle.SW,
#dashboard .grid-component .handles .handle.S {
  bottom: -4px;
}
#dashboard .grid-component .handles .handle.S {
  cursor: row-resize;
}
#dashboard .toolbar {
  position: fixed;
  top: 48px;
  width: 100%;
  line-height: 64px;
  overflow: hidden;
  z-index: 3;
}
#dashboard .toolbar:before,
#dashboard .toolbar:after {
  content: " ";
  display: table;
}
#dashboard .toolbar:after {
  clear: both;
}
#dashboard .toolbar .right-side {
  float: right;
}
#dashboard .toolbar .breadcrumbs {
  width: 100%;
}
#dashboard .toolbar .breadcrumbs .breadcrumb {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
  display: inline-block;
}
#dashboard .toolbar .breadcrumbs ul {
  margin: 0;
}
#dashboard .toolbar .breadcrumbs ul li {
  font-weight: 300;
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 0;
}
#dashboard .toolbar .breadcrumbs ul li img {
  max-width: 100%;
}
#dashboard .toolbar .breadcrumbs ul li .link {
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  cursor: pointer;
}
#dashboard .toolbar .breadcrumbs ul li .link:hover {
  text-decoration: underline;
}
#dashboard .toolbar .breadcrumbs ul li .divider {
  padding-left: 8px;
}
#dashboard .toolbar .breadcrumbs ul li .current .link {
  cursor: default;
  font-weight: 400;
}
#dashboard .toolbar .breadcrumbs ul li .current .link:hover {
  border: none;
  text-decoration: none;
}
#dashboard .toolbar .breadcrumbs ul li .current .divider {
  display: none;
}
#dashboard .toolbar .actions {
  float: left;
  line-height: 1em;
}
#dashboard .toolbar .actions > .properties-editor {
  vertical-align: middle;
  display: inline-block;
}
#dashboard .toolbar .actions .field-row .head label {
  font-size: 0.9em;
  font-weight: 400;
}
#dashboard .toolbar .actions .color-display-container .color-swatch:after {
  line-height: 17px;
  right: 5px;
}
#dashboard .toolbar .actions .properties-editor .label-heading > .field-row.custom-layout > .head {
  line-height: 1em;
}
#dashboard .toolbar .controls {
  display: flex;
}
#dashboard .toolbar .controls .button {
  color: currentColor;
  float: left;
  text-align: center;
  padding: 0 4px;
  cursor: pointer;
}
#dashboard .toolbar .controls .button .edit,
#dashboard .toolbar .controls .button .view {
  transition: color 200ms;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
}
#dashboard .toolbar .controls .button.field-filter {
  width: 350px;
}
#dashboard .toolbar .filters-bar {
  align-self: center;
}
#dashboard .toolbar .filters-bar .filter-bar-component {
  display: flex;
}
#dashboard .toolbar .filters-bar .filter-bar-component .input-data-wrap {
  display: block;
}
#dashboard .toolbar .filters-bar .filter-bar-component .search-box {
  display: flex;
  width: 350px;
  margin: auto 0;
}
#dashboard .toolbar .filters-bar .filter-bar-component .search-box .search-input {
  display: flex;
  height: 36px;
  line-height: 36px;
}
#dashboard .toolbar .filters-bar .filter-bar-component .search-box .search-input .input-data-wrap label {
  position: absolute;
  height: 36px;
  line-height: 36px;
}
#dashboard .toolbar .filters-bar .filter-bar-component .search-box .search-input input {
  width: 100%;
}
#dashboard .toolbar .filters-bar .disabled,
#dashboard .toolbar .filters-bar .filtering-disabled {
  display: none;
}
#dashboard .toolbar .filters-bar .divider {
  padding: 0 10px;
}
#dashboard .visualization-region {
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  padding: 8px;
}
#dashboard .visualization-region img {
  max-width: 100%;
}
#dashboard .visualization-panel {
  border: 1px solid transparent;
}
#dashboard .visualization-panel.filter-active .filter {
  display: block;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign {
  position: absolute;
  top: 0;
  right: 1px;
  margin: 0;
  padding: 0;
  min-width: 24px;
  min-height: 23px;
  z-index: 1000;
  overflow: hidden;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign .fa-eye {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 3px;
  margin: 0;
  color: #00a7e5;
  font-size: 1.3em;
  cursor: pointer;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign .filter-list {
  background: inherit;
  border: none;
  transition: visibility 0.5s, max-width 0.5s, max-height 0.5s, padding 0.5s;
  display: inline-block;
  visibility: hidden;
  margin: 0;
  padding: 0;
  max-width: 0;
  max-height: 0;
  vertical-align: top;
  overflow: hidden;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign .filter-list td {
  padding: 0;
  border: none;
  white-space: nowrap;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign .filter-list td.label {
  padding: 2px 5px 2px 0;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign .filter-list td.value {
  padding: 2px 0 2px 5px;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign.expanded {
  width: 99%;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign.expanded .filter-list {
  visibility: visible;
  margin: 0;
  padding: 0 25px 0 5px;
  max-width: 500px;
  max-height: 400px;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign.expanded .filter-list tbody {
  display: flex;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign.expanded .filter-list tbody tr {
  display: flex;
  width: 100%;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign.expanded .filter-list tbody tr .value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#dashboard .visualization-panel.filter-active .filter .filter-sign.stick {
  border: 1px solid #00a7e5;
  border-radius: 4px;
}
#dashboard .visualization-panel .filter {
  display: none;
}
#dashboard .visualization-panel .notifications {
  max-height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#dashboard .visualization-panel .notifications .notification-content {
  min-width: 160px;
  padding: 8px;
  text-align: center;
  font-size: 1.5em;
  font-weight: 300;
}
#dashboard .visualization-panel .notifications .notification-content .button-sample {
  margin: 0 4px;
}
#dashboard .visualization-panel .notifications .notification-content .instructions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px 0 0;
  line-height: 1.5em;
  font-size: 13px;
}
#dashboard .visualization-panel .notifications .notification-content .instructions .material-icons {
  font-size: 14px;
}
#dashboard .visualization-panel .notifications .notification-content .instructions img {
  width: 16px;
  margin: 0 4px;
}
#dashboard .visualization-panel .chart-layout {
  height: 100%;
}
#dashboard .visualization-panel .chart-layout .chart-container {
  position: relative;
}
#dashboard .visualization-panel .chart-layout .chart-container .chart {
  height: 100%;
}
#dashboard .visualization-panel .chart-layout .chart-container .chart .value_container {
  height: 100%;
}
#dashboard .visualization-panel .chart-layout .legend-container {
  padding: 8px 8px 0;
  overflow-y: auto;
  display: none;
}
#dashboard .visualization-panel .chart-layout .legend-container .legend-message {
  color: #c5cfd3;
  text-align: center;
  display: none;
}
#dashboard .visualization-panel .chart-layout .legend-container .legend-item {
  padding-left: 8px;
  display: inline-block;
}
#dashboard .visualization-panel .chart-layout .legend-container .legend-color-block {
  width: 10px;
  height: 10px;
  display: inline-block;
}
#dashboard .visualization-panel .chart-layout .legend-container .legend-label {
  padding-left: 4px;
  display: inline-block;
}
#dashboard .visualization-panel .chart-layout.no-legend .chart-container {
  height: 100%;
}
#dashboard .visualization-panel .chart-layout.has-legend .chart-container {
  height: 80%;
}
#dashboard .visualization-panel .chart-layout.has-legend .legend-container {
  display: block;
  height: 20%;
}
#dashboard .visualization-panel .chart-layout.legend-empty .legend-message {
  display: block;
}
#dashboard .visualization-panel .chart-layout.legend-empty .legend-view-container {
  display: none;
}
#dashboard .visualization-panel .chart-layout .ui-widget-content .ui-pg-table td:first-child {
  width: 0 !important;
}
#dashboard .visualization-panel .chart-layout .ui-widget-content .ui-jqgrid-bdiv table.ui-jqgrid-btable {
  user-select: initial;
  -moz-user-select: initial;
  -webkit-user-select: initial;
  -ms-user-select: initial;
}
#dashboard .visualization-panel .content {
  height: 100%;
  overflow: hidden;
}
#dashboard .visualization-panel .content .chart {
  height: 100%;
  overflow: hidden;
}
#dashboard .visualization-panel .content .chart.icon,
#dashboard .visualization-panel .content .chart.value {
  text-align: center;
}
#dashboard .visualization-panel .content .chart.icon .icon,
#dashboard .visualization-panel .content .chart.value .icon,
#dashboard .visualization-panel .content .chart.icon .formatted-value,
#dashboard .visualization-panel .content .chart.value .formatted-value {
  transition: color 200ms;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  vertical-align: middle;
  display: inline-block;
}
#dashboard .visualization-panel .content .chart.value {
  text-align: left;
}
#dashboard .visualization-panel .content .chart.value > div {
  padding: 2.4px 4px;
}
#dashboard .visualization-panel .content .chart.value .formatted-value {
  font-weight: 300;
}
#dashboard .visualization-panel .content .chart.value .formatted-value.headline {
  font-size: 72px;
}
#dashboard .visualization-panel .content .chart.value .formatted-value .units {
  font-size: 0.9em;
}
#dashboard .visualization-panel .content .chart.value.vertical-centered {
  display: table;
  width: 100%;
}
#dashboard .visualization-panel .content .chart.value.vertical-centered > .value_container {
  display: table-cell;
  vertical-align: middle;
}
#dashboard .visualization-panel:hover,
#dashboard .visualization-panel.selected {
  z-index: 100 !important;
}
#dashboard .visualization-panel:hover .view-mode-controls,
#dashboard .visualization-panel.selected .view-mode-controls {
  display: block;
}
#dashboard .visualization-panel .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
}
#dashboard .visualization-panel .overlay span {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  top: 20%;
}
#dashboard .visualization-panel .index-preview {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
}
#dashboard .visualization-panel .index-preview.visible {
  display: table;
}
#dashboard .visualization-panel .index-preview > div {
  display: table-cell;
  vertical-align: middle;
}
#dashboard .visualization-panel .index-preview .index-preview-content {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 16px;
}
#dashboard.view-mode #page-grid > .grid-content {
  margin: 16px;
}
#dashboard.view-mode .side-menu .toolchain,
#dashboard.view-mode .side-menu .pages .button {
  display: none;
}
#dashboard.view-mode .grid-component .controls {
  display: none;
}
#dashboard.view-mode .component-style {
  overflow: hidden;
}
#dashboard.view-mode .query-visualization-container .notifications,
#dashboard.view-mode .visualization-container .notifications {
  display: none;
}
#dashboard.view-mode .visualization-panel:hover,
#dashboard.view-mode .visualization-panel.selected {
  border-color: #425257;
  z-index: 300 !important;
}
#dashboard.view-mode .visualization-panel:hover .view-mode-controls,
#dashboard.view-mode .visualization-panel.selected .view-mode-controls {
  display: block;
}
#dashboard.view-mode .visualization-panel .view-mode-controls {
  display: none;
}
#dashboard.view-mode .visualization-panel .view-mode-controls:hover {
  display: block;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header {
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  white-space: nowrap;
  position: absolute;
  top: -1px;
  right: -1px;
  height: 24px;
  line-height: 24px;
  z-index: 100;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header:before,
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header:after {
  content: " ";
  display: table;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header:after {
  clear: both;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header.with-drilldown {
  right: 31px;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header .component-controls .button {
  color: #dfe8ec;
  background: rgba(0, 0, 0, 0.1);
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding: 0 8px;
  height: auto;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header .component-controls .button:hover {
  color: #e9eff1;
  background-color: rgba(255, 255, 255, 0.2);
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header .component-controls .button.active {
  color: #e9eff1;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header .component-controls .button .icon {
  font-size: 19px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  height: inherit;
  line-height: 24px;
}
#dashboard.view-mode .visualization-panel .view-mode-controls .component-header .component-controls .button.active {
  color: #00a7e5;
}
#dashboard.edit-mode .visualizations {
  margin: 32px;
  margin-left: 82px;
}
#dashboard.edit-mode .visualizations.visualizations-menu-open {
  margin-left: 342px;
}
#dashboard.edit-mode .query-config .head {
  width: 100%;
}
#dashboard.edit-mode .query-config .body {
  width: 100%;
}
#dashboard.edit-mode .query-config .tql-editor {
  width: 100%;
}
#dashboard.edit-mode .visualization-panel {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#dashboard.edit-mode .visualization-panel.active {
  border-style: solid;
  border-color: #d9e0e3;
  z-index: 300 !important;
}
#dashboard.edit-mode .visualization-panel:active {
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#dashboard.edit-mode .grid-component > .controls {
  pointer-events: all;
}
#dashboard.edit-mode .grid-component > .controls .handles {
  transition: border 200ms;
  -webkit-transition: border 200ms;
  -moz-transition: border 200ms;
  -o-transition: border 200ms;
}
#dashboard.edit-mode .grid-component > .controls .component-header {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  white-space: nowrap;
  position: absolute;
  top: -25px;
  left: -1px;
  height: 24px;
  line-height: 24px;
}
#dashboard.edit-mode .grid-component > .controls .component-header:before,
#dashboard.edit-mode .grid-component > .controls .component-header:after {
  content: " ";
  display: table;
}
#dashboard.edit-mode .grid-component > .controls .component-header:after {
  clear: both;
}
#dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button {
  color: #dfe8ec;
  background: rgba(0, 0, 0, 0.1);
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding: 0 8px;
  height: auto;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
#dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button:hover {
  color: #e9eff1;
  background-color: rgba(255, 255, 255, 0.2);
}
#dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button.active {
  color: #e9eff1;
}
#dashboard.edit-mode .grid-component > .controls .component-header .component-controls .button .icon {
  font-size: 19px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  height: inherit;
  line-height: 24px;
}
#dashboard.edit-mode .grid-component > .controls .component-header .component-controls .disabled {
  cursor: default;
}
#dashboard.edit-mode .grid-component.active > .controls .component-header {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#dashboard.edit-mode .grid-component.active .handles.float-right .component-header {
  left: auto;
  right: 0;
}
#dashboard .page.grid-component > .controls .handles {
  border: none !important;
}
#dashboard .page.grid-component > .controls .handles .handle {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#dashboard .side-menu {
  position: fixed;
  padding-top: 112px;
  z-index: 1;
  top: 0;
  height: 100%;
  margin-top: 0;
}
#dashboard .side-menu .side-menu-content {
  height: 100%;
  position: relative;
  width: 50px;
}
#dashboard .side-menu .side-menu-content.menu-open {
  width: 310px;
}
#dashboard .side-menu .side-menu-buttons-content {
  width: 50px;
  position: relative;
  top: 0;
  height: 100%;
  text-align: center;
}
#dashboard .side-menu .side-menu-buttons-content .side-menu-button {
  width: 100%;
  padding: 12px 8px;
  cursor: pointer;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
}
#dashboard .side-menu .side-menu-buttons-content .side-menu-button#parameters-button i {
  font-size: 20px;
  margin: 2px 0;
}
#dashboard .side-menu .side-menu-buttons-content .side-menu-button i {
  display: block;
}
#dashboard .side-menu .side-menu-page {
  width: 260px;
  overflow: auto;
  position: absolute;
  top: 0;
  height: 100%;
  left: 50px;
}
#dashboard .side-menu .side-menu-page h4 {
  color: #00a7e5;
}
#dashboard .side-menu .side-menu-page .intro {
  margin: 8px;
  border: none;
}
#dashboard .side-menu .side-menu-page .intro .accordion-content {
  margin-top: 24px;
}
#dashboard .side-menu .side-menu-page .accordion-trigger {
  cursor: pointer;
}
#dashboard .side-menu .side-menu-page .accordion-arrow {
  float: right;
  line-height: 2em;
}
#dashboard .side-menu .side-menu-page .accordion-arrow .accordion-arrow-down {
  display: none;
}
#dashboard .side-menu .side-menu-page .accordion-arrow .accordion-arrow-up,
#dashboard .side-menu .side-menu-page .accordion-arrow .accordion-arrow-down {
  line-height: 2em;
}
#dashboard .side-menu .side-menu-page .accordion-content {
  clear: both;
  float: none !important;
}
#dashboard .side-menu .side-menu-page .closed .accordion-arrow-up {
  display: none;
}
#dashboard .side-menu .side-menu-page .closed .accordion-arrow-down {
  display: block;
}
#dashboard .side-menu .side-menu-page .closed .accordion-content {
  display: none;
}
#dashboard .side-menu .side-menu-page .top-container {
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dashboard .side-menu .side-menu-page .top-container h3 {
  margin: 0;
}
#dashboard .side-menu .side-menu-page .top-container .description {
  margin: 4px 0;
}
#dashboard .side-menu .side-menu-page .label-container {
  padding: 16px;
  display: inline-flex;
  width: 100%;
}
#dashboard .side-menu .side-menu-page .label-container .label-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
}
#dashboard .side-menu .side-menu-page .clear-parameters-container {
  padding: 8px;
  text-align: right;
}
#dashboard .side-menu .side-menu-page div.swatches .sidebar-cell-content img {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  margin: 0 auto 8px auto;
}
#dashboard .side-menu .side-menu-page div.swatches .sidebar-cell-content .sidebar-text {
  display: flex;
  flex: 1;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  line-height: normal;
}
#dashboard .side-menu .side-menu-page ul {
  margin-top: 0;
}
#dashboard .side-menu .side-menu-page ul.pages li .item {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 8px 24px;
}
#dashboard .side-menu .side-menu-page ul.pages li .item .page-name,
#dashboard .side-menu .side-menu-page ul.pages li .item .button,
#dashboard .side-menu .side-menu-page ul.pages li .item .controls {
  line-height: 40px;
  display: none;
}
#dashboard .side-menu .side-menu-page ul.pages li .item .page-name button,
#dashboard .side-menu .side-menu-page ul.pages li .item .button button,
#dashboard .side-menu .side-menu-page ul.pages li .item .controls button {
  color: currentColor;
}
#dashboard .side-menu .side-menu-page ul.pages li .item .page-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
#dashboard .side-menu .side-menu-page ul.pages li .item:hover .controls,
#dashboard .side-menu .side-menu-page ul.pages li .item.active .controls {
  display: block;
}
#dashboard .side-menu .side-menu-page .tiles {
  margin-bottom: 16px;
}
#dashboard .side-menu .side-menu-page .tiles:before,
#dashboard .side-menu .side-menu-page .tiles:after {
  content: " ";
  display: table;
}
#dashboard .side-menu .side-menu-page .tiles:after {
  clear: both;
}
#dashboard .vis-link:hover {
  cursor: pointer;
}
#dashboard table.ui-jqgrid-btable {
  table-layout: fixed;
}
#dashboard table.ui-jqgrid-btable td {
  word-wrap: break-word;
}
.toggle-visualization {
  top: 10px;
  position: absolute;
  width: 100%;
  text-align: center;
}
.toggle-visualization span {
  margin-right: -5px;
}
.query-button .icon img {
  width: 17px;
  height: 19px;
  line-height: 24px;
}
.query-button .icon:hover {
  background-position-y: -19px;
  background-position-x: -3px;
}
.autocomplete-tip {
  text-align: right;
}
.code-mirror {
  width: 100%;
}
.text-widget {
  line-height: 25px;
  padding: 5px;
  font-weight: 100;
}
.text-widget.title {
  font-size: 3em;
}
.text-widget.sub-title {
  font-size: 2em;
}
.text-widget.heading {
  font-size: 1.5em;
  border-bottom-width: 1.5px;
  border-bottom-style: solid;
}
.text-widget.label {
  font-size: 1.2em;
}
.tooltipyo.top.dashboard {
  z-index: 15;
}
.tooltipyo.top.dashboard .arrow_box {
  margin-top: 12px;
}
.tooltipyo.top.dashboard .arrow_box:after,
.tooltipyo.top.dashboard .arrow_box:before {
  left: auto !important;
  right: 1px;
}
.tooltipyo.dashboard .search-view {
  min-width: 300px;
}
.tooltipyo.dashboard .search-view .search-box {
  padding: 20px;
}
.tooltipyo.dashboard .search-view .search-field {
  cursor: pointer;
  padding: 8px 16px;
}
.tooltipyo.dashboard .search-view .search-field:not(.active):hover {
  background-color: #e5f8ff;
  color: #00a7e5;
  font-weight: 500;
}
.tooltipyo.dashboard .search-view .search-field .fa {
  float: right;
  font-size: 20px;
  line-height: 25px;
  padding-right: 20px;
}
.tooltipyo.dashboard .search-view .field-type {
  float: right;
}
.tooltipyo.dashboard .search-view .search-field-details {
  padding: 16px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-value-selection .time-input,
.tooltipyo.dashboard .search-view .search-field-details .filter-value-selection .date-input {
  margin: 8px 0;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row {
  height: 30px;
  line-height: 30px;
  padding: 16px 0;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row input {
  border: 0;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .text-input {
  margin-left: 20px;
  width: 250px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .text-input input {
  width: 250px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .date-input {
  float: left;
  width: 80px;
  margin-left: 1px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .date-input input {
  width: 80px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .date-input.startDate {
  margin-left: 20px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .time-input {
  float: left;
  margin-left: 1px;
  width: 70px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .time-input input {
  width: 70px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .number-input {
  width: 80px;
  float: left;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .number-input input {
  width: 80px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .number-input.first-number {
  margin-left: 20px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .range-separator {
  float: left;
  line-height: 30px;
  margin: 0 10px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .filter-type {
  margin-left: 20px;
}
.tooltipyo.dashboard .search-view .search-field-details .filter-row .filter-type a {
  border: 0;
}
.tooltipyo.dashboard.time-range.monitor .arrow_box:after,
.tooltipyo.dashboard.time-range.monitor .arrow_box:before {
  left: 65% !important;
  border-top-color: transparent;
}
.tooltipyo.dashboard.time-range.monitor .arrow_box {
  margin-left: -80px;
}
.tooltipyo.dashboard.field-filter .arrow_box {
  padding: 0;
}
.tooltipyo .custom-range-picker .inner {
  display: flex;
  flex-direction: column;
  margin: 20px 10px 0 10px;
}
.tooltipyo .custom-range-picker .inner .date-picker-control {
  margin-right: 8px;
}
.tooltipyo .custom-range-picker .inner h4 {
  width: 56px;
  text-align: left;
  margin: 0;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tooltipyo .custom-range-picker .inner .row {
  display: flex;
  width: 100%;
}
.tooltipyo .custom-range-picker .inner .row.picker-wrap {
  margin-bottom: 8px;
}
.tooltipyo .custom-range-picker .inner .dash {
  display: flex;
  margin: 0 8px;
  align-items: center;
  justify-content: center;
  line-height: inherit;
}
.custom-results.dark-theme {
  border: 0;
}
.custom-results.dark-theme li {
  border: 0;
}
.light #dashboard .guides .grid-outline {
  border: 1px solid rgba(215, 215, 215, 0.17);
}
.light #dashboard .guides .guide {
  border: 1px solid rgba(215, 215, 215, 0.17);
}
.light #dashboard .guides .guide .vertex {
  background: rgba(215, 215, 215, 0.17);
}
.light #dashboard .proxy.swatch.new {
  color: #000208;
}
.light #dashboard .proxy.swatch.move {
  color: #000208;
}
.light #dashboard .grid-component-placeholder {
  background: rgba(0, 0, 0, 0.5);
}
.light #dashboard .grid-component.lifted {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.light #dashboard .grid-component.page > .controls .handles .handle.S {
  background: transparent;
}
.light #dashboard .grid-component .handles .handle {
  color: #010a30;
  background: #010a30;
}
.light #dashboard .grid-component .query-visualization-container .notifications .notification-content {
  color: #c0d1d8;
}
.light #dashboard .toolbar {
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}
.light #dashboard .toolbar:before,
.light #dashboard .toolbar:after {
  content: " ";
  display: table;
}
.light #dashboard .toolbar:after {
  clear: both;
}
.light #dashboard .toolbar .breadcrumbs ul li .divider {
  color: #020f49;
}
.light #dashboard .toolbar .breadcrumbs ul li .current .link {
  color: #000208;
}
.light #dashboard .toolbar .breadcrumbs ul li .current .link:hover {
  color: #000000;
}
.light #dashboard .toolbar .actions .field-row .head label {
  color: #010a30;
}
.light #dashboard .toolbar .actions .color-display-container {
  border: 1px solid #d7d7d7;
}
.light #dashboard .toolbar .controls .paused-highlight {
  color: #d0dde2;
  background-color: #e2e2e2;
}
.light #dashboard .toolbar .filters-bar .divider {
  color: #020f49;
}
.light #dashboard .toolbar .filters-bar .filtering-disabled {
  margin-top: 4px;
  color: #02166c;
}
.light #dashboard .visualization-panel {
  transition: border-color 200ms;
  -webkit-transition: border-color 200ms;
  -moz-transition: border-color 200ms;
  -o-transition: border-color 200ms;
}
.light #dashboard .visualization-panel .notifications {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.light #dashboard .visualization-panel .notifications .notification-content {
  color: #010a30;
}
.light #dashboard .visualization-panel .chart-layout .chart-container .threatmap-hover {
  color: #010a30;
}
.light #dashboard .visualization-panel .chart-layout .chart-container .datamaps-legend {
  color: #010a30;
}
.light #dashboard .visualization-panel .chart-layout .legend-container .legend-message {
  color: #010a30;
}
.light #dashboard .visualization-panel:hover,
.light #dashboard .visualization-panel.selected {
  border-color: #d9e0e3;
}
.light #dashboard .visualization-panel .index-preview .index-preview-content {
  border: 1px dashed #618c9e;
  background: #e2e2e2;
}
.light #dashboard .visualization-panel .overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
.light #dashboard .visualization-panel .overlay span {
  color: #d0dde2;
}
.light #dashboard .visualization-panel.filter-active .filter .filter-sign .filter-list td.label {
  color: #020f49;
}
.light #dashboard .visualization-panel.filter-active .filter .filter-sign .filter-list td.value {
  color: #010a30;
}
.light #dashboard .visualization-panel.filter-active .filter .filter-sign.expanded {
  background: #f5f6fc;
}
.light #dashboard.view-mode .view-mode-controls .component-header .component-controls {
  background: #010a30;
}
.light #dashboard.edit-mode .visualization-panel {
  border: 1px dashed rgba(1, 10, 48, 0.4);
}
.light #dashboard.edit-mode .visualization-panel:hover {
  border-color: #00a7e5;
}
.light #dashboard.edit-mode .visualization-panel.active {
  border-color: #00a7e5;
}
.light #dashboard.edit-mode .grid-component > .controls .component-header .component-controls {
  background: #010a30;
}
.light #dashboard.edit-mode .grid-component > .controls .component-header .component-controls .disabled {
  color: #b6cad2;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0;
}
.light #dashboard.edit-mode .grid-component > .controls .component-header .component-controls .disabled:hover,
.light #dashboard.edit-mode .grid-component > .controls .component-header .component-controls .disabled.active {
  color: #c5cfd3;
}
.light #dashboard .page.grid-component > .content > .component-style > .grid > .guides > .grid-outline,
.light #dashboard .page.grid-component > .component-content > .component-style > .grid > .guides > .grid-outline {
  border: 1px solid rgba(215, 215, 215, 0.17);
}
.light #dashboard .side-menu .side-menu-buttons-content .side-menu-button {
  color: #010a30;
  border-bottom: 1px solid #d9e0e3;
}
.light #dashboard .side-menu .side-menu-buttons-content .side-menu-button:hover {
  color: #000000;
  background-color: #e5f8ff;
}
.light #dashboard .side-menu .side-menu-buttons-content .side-menu-button.active-button {
  color: #00a7e5;
  background-color: #ccf1ff;
}
.light #dashboard .side-menu .side-menu-page {
  border-left: 1px solid #d9e0e3;
}
.light #dashboard .side-menu .side-menu-page .section {
  border-top: 1px solid #d9e0e3;
}
.light #dashboard .side-menu .side-menu-page .intro {
  background: rgba(0, 0, 0, 0.2);
}
.light #dashboard .side-menu .side-menu-page .accordion-arrow {
  color: #010a30;
}
.light #dashboard .side-menu .side-menu-page .top-container {
  color: #010a30;
}
.light #dashboard .side-menu .side-menu-page .top-container .header {
  color: #000208;
}
.light #dashboard .side-menu .side-menu-page .top-container .cta {
  color: #00a7e5;
}
.light #dashboard .side-menu .side-menu-page .label {
  color: #00a7e5;
}
.light #dashboard .side-menu .side-menu-page ul.pages {
  border-top: 1px solid #d7d7d7;
}
.light #dashboard .side-menu .side-menu-page ul.pages li .item.menu-open {
  background: #e9e9e9;
}
.light #dashboard .side-menu .side-menu-page ul.pages li .item.current .page-name {
  color: #00a7e5;
}
.light #dashboard .side-menu .side-menu-page ul.pages li .item .button:hover,
.light #dashboard .side-menu .side-menu-page ul.pages li .item.menu-open .button {
  color: #020f49;
}
.light #dashboard .side-menu .side-menu-page ul.pages li .item .button {
  color: #010a30;
}
.light .tooltipster-dashboard {
  background-color: #22343b;
  border-radius: 2px;
}
.light .text-widget.heading {
  border-bottom-color: #c5cfd3;
}
.light .tooltipyo.top.dashboard .arrow_box:before {
  border-bottom-color: #d7d7d7;
}
.light .tooltipyo.top.dashboard .arrow_box:after {
  border-color: transparent;
  margin-bottom: -1px;
  border-bottom-color: #fff;
}
.light .tooltipyo.dashboard .search-view .search-results .search-field {
  border-top: 1px solid #d7d7d7;
}
.light .tooltipyo.dashboard .search-view .search-results .search-field .field-name.active {
  color: #00a7e5;
}
.light .tooltipyo.dashboard .search-view .search-field-details .search-row {
  display: flex;
}
html.dashboard.embed #dashboard .dashboard-page-container {
  padding-top: 16px;
}
html.dashboard.embed #dashboard .side-menu {
  padding-top: 62px;
}
html.dashboard.embed #dashboard .toolbar {
  top: 0;
}
html.dashboard.embed #dashboard .grid-component.page {
  margin-top: 0 !important;
}
html.dashboard.embed #dashboard .visualizations {
  margin-left: 0 !important;
}
#dashboard .striim-modal .query-config > .inner {
  padding: 0;
}
#dashboard .striim-modal .query-config .query-form .field-row.from-control-container-Query_name {
  margin-bottom: 16px;
}
#dashboard .striim-modal .query-config .query-form .field-row.from-control-container-Query_name > .head {
  padding: 0;
}
.landing-content {
  width: 100%;
  padding: 32px;
}
.landing-content .landing-collection-container {
  position: relative;
}
.landing-content .landing-collection-container .col {
  padding: 0;
}
.landing-content .landing-collection-container .subtle {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  color: #6E7D8C;
  margin-bottom: 16px;
}
.landing-content .landing-collection-container .items_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.landing-content .landing-collection-container .item_container {
  margin-top: 20px;
}
.landing-content .landing-collection-container .item_content_container {
  width: 100%;
  border-radius: 8px;
  height: 172px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  border: 1px solid #D8E4F0;
  box-shadow: unset;
}
.landing-content .landing-collection-container .item_content_container h2 {
  display: table;
  width: 80%;
  margin: 0 auto;
}
.landing-content .landing-collection-container .item_content_container h2 span {
  display: table-cell;
  vertical-align: bottom;
  overflow: hidden;
}
.landing-content .item_icon_holder {
  max-width: 95%;
  margin: 0 auto;
}
.landing-content .item_icon_holder img {
  width: 48px;
  height: 48px;
}
.landing-content .nav_button {
  height: auto;
  font-size: 24px;
  line-height: 185%;
  margin: 0 auto;
}
.modal-region .welcome-modal {
  width: 600px;
  margin: auto;
  color: #010a30;
  background: #f6f6f6;
}
.modal-region .welcome-modal header,
.modal-region .welcome-modal footer {
  background: #f5f6fc;
}
.modal-region .welcome-modal header {
  padding: 20px;
  text-align: center;
}
.modal-region .welcome-modal header h3 {
  display: inline-block;
  font-weight: 200;
  color: #010a30;
}
.modal-region .welcome-modal header .icon-close {
  display: inline-block;
  font-size: 2em;
  float: right;
  cursor: pointer;
}
.modal-region .welcome-modal header .icon-close:hover {
  color: #02166c;
}
.modal-region .welcome-modal .content {
  font-size: 1.1em;
  padding: 20px 15px;
  text-align: center;
}
.modal-region .welcome-modal .content img {
  display: block;
  margin: 0 auto;
  height: 100px;
}
.modal-region .welcome-modal footer {
  padding: 10px 0;
}
.modal-region .welcome-modal footer #get-started-button {
  display: block;
  width: 200px;
  padding: 15px 20px;
  margin: auto;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#saveSource {
  width: 700px;
}
#formatting_help {
  height: 200px;
  overflow-y: auto;
  padding: 10px;
  display: none;
}
#spinnerIcon.icon-spinner {
  font-size: 0;
  float: right;
  margin-right: 18px;
  line-height: 0;
  display: inline-block;
  margin-left: 0;
  animation: infinite-spinning 800ms infinite linear;
  -o-animation: infinite-spinning 1s infinite linear;
  -ms-animation: infinite-spinning 1s infinite linear;
  -moz-animation: infinite-spinning 1s infinite linear;
  -webkit-animation: infinite-spinning 800ms infinite linear;
  transform-origin: 50% 45%;
  -o-transform-origin: 50% 39%;
  -ms-transform-origin: 50% 39%;
  -moz-transform-origin: 50% 39%;
  -webkit-transform-origin: 50% 50%;
}
#spinnerIcon.icon-spinner:before {
  font-size: 24px;
  line-height: 24px;
}
#spinnerIcon.icon-spinner:hover {
  color: #e2e2e2;
}
#preview .sample_container {
  float: left;
  margin: 20px;
  padding: 16px;
  border: 1px solid #d9e0e3;
  width: 190px;
}
#preview .sample_container:hover {
  cursor: pointer;
  border-color: #00a7e5;
}
#preview .sample_icon_container img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#preview #propTable {
  border: none;
}
#preview #propTable tr {
  border: none;
}
#preview #source-prop-view table {
  font-size: 18px;
}
#preview .dir-open {
  font-family: "FontAwesome";
  content: "\f115";
  margin: 0 5px 0 -15px;
}
#preview .file-li:before {
  font-family: "FontAwesome";
  content: "\f15b";
  margin: 0 5px 0 -15px;
}
#preview .opendir-li:before {
  font-family: "FontAwesome";
  content: "\f115";
  margin: 0 5px 0 -15px;
}
#preview .dir-li:before {
  font-family: "FontAwesome";
  content: "\f114";
  margin: 0 5px 0 -15px;
}
#preview #file-tree {
  overflow-y: auto;
  height: 300px;
  padding: 8px;
  background: #f7f8f8;
}
#preview #file-tree ul {
  margin: 0;
  padding-left: 20px;
  font-size: 14px;
}
#preview #saveCacheProperties {
  padding-left: 10px;
}
#preview #saveSourceProperties {
  padding-left: 10px;
}
#preview #saveAppProperties {
  padding-left: 10px;
}
#preview .container {
  width: 250px;
  clear: both;
}
#preview .container .textInp {
  width: 50%;
  clear: both;
}
#preview .sampleSelected {
  background-color: #ccf1ff;
}
#preview .sampleSelected:hover {
  border: 1px solid #d9e0e3;
}
#preview .sampleTextContainer {
  display: block;
  font-size: 15px;
  padding-top: 16px;
  text-align: center;
}
#preview #file-tree li {
  cursor: pointer;
}
#preview #file-tree li .chosen {
  background: #ccf1ff;
  color: #00a7e5;
}
#preview #save-region {
  line-height: 40px;
}
#preview th {
  min-width: 230px;
}
#preview #local-files {
  padding: 0 10px 10px 10px;
  margin-top: 20px;
}
#preview .modal h1 {
  color: #000000;
}
#preview .modal input[type="button"],
#preview .modal input[type="file"]::-webkit-file-upload-button {
  background-color: #010a30;
  border-radius: 3px;
  color: #d0dde2;
}
#preview .modal #file-browser h4 {
  color: #000208;
}
#preview .modal .file-browser {
  width: 900px;
  overflow-y: auto;
}
#preview .modal .file-browser ul {
  padding-left: 10px;
}
#preview .modal#sampleDialog {
  width: 630px;
}
#preview #spinnerView {
  width: calc(100% / 12*12);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1000px;
}
#preview #spinnerView img {
  max-width: 100%;
}
#preview #spinnerView img {
  max-width: 100%;
}
#preview #preview-page {
  padding: 16px 8px;
}
#preview #preview-page .data-table {
  margin: 0 12px;
}
#preview #preview-page .column-left {
  margin-bottom: 8px;
}
#preview #preview-page .column-left .icon-back {
  cursor: pointer;
  position: absolute;
  margin-left: -60px;
  display: inline-block;
  width: 30px;
  height: 23px;
  background-image: url("/app/components/preview/images/striimline/icon_arrow_back.png");
  background-repeat: no-repeat;
}
#preview #preview-page .column-left h1 {
  color: #00a7e5;
  margin-top: 0;
}
#preview #preview-page .column-left .description {
  line-height: 100%;
  padding-bottom: 12px;
  font-size: 14.4px;
}
#preview #preview-page .column-left .file {
  display: flex;
  padding: 16px 0;
  margin: 0;
}
#preview #preview-page .column-left .file .data-wrapper {
  display: flex;
}
#preview #preview-page .column-left .file .data-wrapper .file-data {
  margin-right: 20px;
  word-break: break-word;
}
#preview #preview-page .column-left .file .file-data {
  word-break: break-word;
}
#preview #preview-page .column-left .file .icon-container {
  display: table-cell;
  min-width: 50px;
  height: 60px;
  background-image: url("/app/components/preview/images/striimline/FILE.svg");
  background-repeat: no-repeat;
}
#preview #preview-page .column-left .file .icon-container.CSV {
  background-image: url("/app/components/preview/images/striimline/CSV.svg");
}
#preview #preview-page .column-left .file .icon-container.JAR {
  background-image: url("/app/components/preview/images/striimline/JAR.svg");
}
#preview #preview-page .column-left .file .icon-container.JSON {
  background-image: url("/app/components/preview/images/striimline/JSON.svg");
}
#preview #preview-page .column-left .file .icon-container.LOG {
  background-image: url("/app/components/preview/images/striimline/LOG.svg");
}
#preview #preview-page .column-left .file .icon-container.OTHER,
#preview #preview-page .column-left .file .icon-container.UNKNOWN {
  background-image: url("/app/components/preview/images/striimline/OTHER.svg");
}
#preview #preview-page .column-left .file .icon-container.SRM {
  background-image: url("/app/components/preview/images/striimline/SRM.svg");
}
#preview #preview-page .column-left .file .icon-container.TQL {
  background-image: url("/app/components/preview/images/striimline/TQL.svg");
}
#preview #preview-page .column-left .file .icon-container.XLS {
  background-image: url("/app/components/preview/images/striimline/XLS.svg");
}
#preview #preview-page .column-middle h2 {
  margin: 0 0 8px 0;
}
#preview #preview-page .column-middle h3 {
  display: inline-block;
  padding-right: 8px;
}
#preview #preview-page .column-middle #source-properties {
  padding-top: 16px;
}
#preview #preview-page .column-right {
  height: 100%;
  margin: 10px 0 10px 10px;
  min-height: 176px;
  padding: 16px;
}
#preview #preview-page .column-right h3 {
  font-size: 14.4px;
  padding-bottom: 24px;
}
#preview #preview-page .column-right #save-button {
  display: block;
  font-size: 14.4px;
}
#preview #preview-page #cacheKeyProp {
  width: 60%;
}
#preview #mainregion #landing .title_container {
  text-align: center;
  margin: 70px 0 20px;
}
#preview #mainregion #landing .title_container h1 {
  color: #00a7e5;
  font-weight: 400;
}
#preview .preview-disabled-button {
  color: #b6cad2;
  background-color: #e9e9e9;
  border: 1px solid #e9e9e9;
  cursor: not-allowed;
}
#save-dialog .hidden {
  display: none;
}
.create-new-source-container h2,
.create-new-source-container h3 {
  text-align: center;
}
.create-new-source-container .numberCircle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  background: #00a7e5;
  color: #e9eff1;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}
.create-new-source-container .radioContainer {
  margin-bottom: 5px;
  font-size: 15px;
}
.create-new-source-container #source-setup-region {
  display: none;
}
#source-config-view {
  display: flex;
}
#source-config-view .file-properties {
  display: flex;
}
#source-config-view .file-properties .card-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#source-config-view .file-properties .card-content #save-button {
  margin: auto;
}
.light #preview #preview-page .column-left {
  padding-left: 0;
}
.light #preview #preview-page .column-left .description {
  color: #020f49;
}
.light #preview #preview-page .column-left .filename {
  color: #000000;
}
.light #preview #preview-page .column-left h3 span {
  color: #000000;
}
.light #preview .col-name {
  display: inline-flex;
}
.light #preview .col-name > label {
  margin: auto 0;
}
.light #preview .col-name-select.error {
  border-color: red;
}
#connectDialog #spinnerIcon {
  margin-top: 5px;
}
#connectDialog #spinnerIcon:hover {
  color: inherit;
}
#connectDialog #hdfsBrowser ul {
  padding-left: 10px;
}
#connectDialog #hdfsBrowser ul li {
  cursor: pointer;
}
.light #monitor .infopanel,
.light #monitor .appinfopanel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: auto;
  margin: 0 -12px;
  float: none;
}
.light #monitor .infopanel:before,
.light #monitor .appinfopanel:before,
.light #monitor .infopanel:after,
.light #monitor .appinfopanel:after {
  content: "";
  display: table;
}
.light #monitor .infopanel:after,
.light #monitor .appinfopanel:after {
  clear: both;
}
.light #monitor .infopanel .plain td,
.light #monitor .appinfopanel .plain td {
  padding-left: 0;
}
.light #monitor .infopanel .plain td:nth-child(even),
.light #monitor .appinfopanel .plain td:nth-child(even) {
  font-weight: 600;
}
.light #monitor .infopanel .main,
.light #monitor .appinfopanel .main {
  line-height: 100px;
}
.light #monitor .infopanel .msg,
.light #monitor .appinfopanel .msg {
  color: #4e5c62 !important;
  font-size: 15px;
}
.light #monitor .infopanel.red,
.light #monitor .appinfopanel.red {
  color: #ff4f0e;
}
.light #monitor .infopanel.blue,
.light #monitor .appinfopanel.blue {
  color: #00a7e5;
}
.light #monitor .infopanel .graphPosition,
.light #monitor .appinfopanel .graphPosition {
  min-width: 80px;
  height: 100px;
  margin: 0 auto;
  position: relative;
}
.light #monitor .infopanel .safe,
.light #monitor .appinfopanel .safe {
  color: #084f2d;
}
.light #monitor .infopanel .danger,
.light #monitor .appinfopanel .danger {
  color: #dd3711;
}
.light #monitor .infopanel .right-border,
.light #monitor .appinfopanel .right-border {
  border-right: 10px solid #f5f6fc;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric {
  text-align: center;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .backpressured,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .backpressured {
  display: flex;
  flex-direction: row;
  line-height: 20px;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .backpressured .material-icons,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .backpressured .material-icons {
  font-size: 18px;
  line-height: inherit;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: 8px;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .fa,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .fa {
  margin-right: 10px;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .fa-exclamation-circle,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .fa-exclamation-circle {
  color: #dd3711;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .fa-check-circle,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .fa-check-circle {
  color: #b6d954;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .throughputEntryContainer,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .throughputEntryContainer {
  display: inline-block;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .throughputEntryContainer .throughputNumber,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .throughputEntryContainer .throughputNumber {
  display: inline-block;
  text-transform: capitalize;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .info-top-metric .throughputEntryContainer .throughputMetric,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .info-top-metric .throughputEntryContainer .throughputMetric {
  display: inline-block;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .throughputClass,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .throughputClass {
  float: right;
  font-size: 25px;
  line-height: 50px;
}
.light #monitor .infopanel .panels .monitor-infopanel-top-bar .throughputClass span,
.light #monitor .appinfopanel .panels .monitor-infopanel-top-bar .throughputClass span {
  font-size: 14px;
}
.light #monitor .infopanel .panels .overview .card,
.light #monitor .appinfopanel .panels .overview .card {
  height: 225px;
}
.light #monitor .infopanel .panels .overview > div,
.light #monitor .appinfopanel .panels .overview > div {
  text-align: center;
}
.light #monitor .infopanel .panels .overview .cta-color,
.light #monitor .appinfopanel .panels .overview .cta-color {
  color: #00a7e5;
}
.light #monitor .appdetails .appdata {
  height: 100%;
}
.light #monitor .appdetails .appdata .statsReporting {
  height: 100%;
}
.light #monitor .appdetails .appdata .statsReporting .progress {
  text-align: center;
}
.light #monitor .appdetails .appdata .statsReporting .reportButtonContainer {
  text-align: right;
}
.light #monitor .appdetails .appdata .statsReporting .reportButtonContainer .reportButtons a.blue {
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.light #monitor .appdetails .appdata .statsReporting .reportButtonContainer .reportButtons a.blue i {
  top: -2px;
}
.light #monitor .appdetails .appdata .statsReporting .reportProgress {
  display: flex;
  height: calc(100% - 36px);
  justify-content: center;
  align-items: center;
}
.light #monitor .appdetails .appdata .statsReporting .reportProgress .info {
  text-align: center;
}
.light #monitor .appdetails .appdata .statsReporting .report-details .stats {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.light #monitor .appdetails .appdata .statsReporting .report-details .stats .stats-box {
  padding: 0 30px;
  line-height: 40px;
  font-size: 16px;
  flex: 1;
  text-align: center;
  margin: 20px;
  float: left;
}
.light #monitor .appdetails .appdata .statsReporting .report-details .stats .stats-box span {
  font-weight: bolder;
}
.light #monitor .appdetails .appdata .statsReporting .report-details .json-viewer {
  width: 100%;
  margin: 10px 0;
}
.light #monitor .appdetails .appdata .statsReporting .report-details .json-viewer .header {
  padding: 24px 0 8px 0;
}
.light #monitor .appdetails .appdata .statsReporting .report-details .json-viewer .header .date {
  float: right;
}
.light #monitor .appdetails .appdata .statsReporting .report-details .json-viewer .json {
  font-family: monospace;
  white-space: pre;
  height: 200px;
  overflow-y: scroll;
  padding: 5px;
}
.light #monitor .appdetails .appdata .areacharts {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: auto;
  margin: 0 -12px;
  float: none;
}
.light #monitor .appdetails .appdata .areacharts:before,
.light #monitor .appdetails .appdata .areacharts:after {
  content: "";
  display: table;
}
.light #monitor .appdetails .appdata .areacharts:after {
  clear: both;
}
.light #monitor .appdetails .appdata .areacharts .processRateChart {
  width: calc(100% / 12*6);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.light #monitor .appdetails .appdata .areacharts .processRateChart img {
  max-width: 100%;
}
.light #monitor .appdetails .appdata .areacharts .processRateChart img {
  max-width: 100%;
}
.light #monitor .appdetails .appdata .areacharts .cpuUsageChart {
  width: calc(100% / 12*6);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.light #monitor .appdetails .appdata .areacharts .cpuUsageChart img {
  max-width: 100%;
}
.light #monitor .appdetails .appdata .areacharts .cpuUsageChart img {
  max-width: 100%;
}
.light #monitor .appdetails .appdata .monitor-report .filters .wrap {
  display: flex;
}
.light #monitor .appdetails .appdata .monitor-report .filters .filter > div {
  display: inline-block;
}
.light #monitor .appdetails .appdata .monitor-report .filters .filter .row {
  padding: 0;
  margin: 0;
}
.light #monitor .appdetails .appdata .monitor-report .filters .filter .inner {
  flex-direction: row;
}
.light #monitor .appdetails .appdata .monitor-report .filters .filter.buttons {
  padding-top: 18px;
  min-width: 250px;
  display: flex;
}
.light #monitor .appdetails .appdata .monitor-report .filters .filter.buttons .button {
  width: 100px;
}
.light #monitor .appdetails .appdata .monitor-report .uiDateRange .inner {
  margin: 0;
}
.light #monitor .appdetails .appdata .monitor-report .uiDateRange .custom-range-picker {
  background-color: initial;
}
.light #monitor .appdetails .appdata .monitor-report .uiDateRange .custom-range-picker > .inner {
  background-color: initial;
}
.light #monitor .appdetails .appdata .monitor-report .data-result {
  width: 100%;
}
.light #monitor .appdetails .appdata .monitor-report .data-result .tab-content {
  clear: both;
  padding: 8px 0;
}
.light #monitor .appdetails .appdata .monitor-report .data-result label {
  display: inline-block;
}
.light #monitor .appdetails .appdata .monitor-report .data-result a.action {
  display: inline-block;
}
.light #monitor .appdetails .appdata .monitor-report .data-result .graphs .deep.well {
  padding: 5px;
  text-align: center;
}
.light #monitor .appdetails .appdata .monitor-report .data-result .json {
  font-family: monospace;
  white-space: pre;
  overflow-y: scroll;
  height: 480px;
  padding: 5px;
  position: relative;
}
.light #monitor .appdetails .appdata .monitor-report .data-result.hidden-element {
  display: none;
}
.light #monitor .appdetails .appdata .monitor-report .interval-select .select2-container {
  min-width: 104px;
}
.light #monitor .appdetails .appdata .lee-button-container {
  display: inline-block;
  position: relative;
}
.light #monitor .appdetails .appdata .lee-button-container .seg-indicator-lee {
  height: 16px;
  display: inline-block;
  width: 16px;
  position: absolute;
  bottom: 4px;
  right: 4px;
  z-index: 1;
}
.more-details-container-dialog footer {
  height: 115px;
}
.light #monitor .metrics {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: auto;
  margin: 0 -12px;
  float: none;
  margin: 0 !important;
}
.light #monitor .metrics:before,
.light #monitor .metrics:after {
  content: "";
  display: table;
}
.light #monitor .metrics:after {
  clear: both;
}
.light #monitor .metrics .list {
  width: calc(100% / 12*3);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.light #monitor .metrics .list img {
  max-width: 100%;
}
.light #monitor .metrics .list img {
  max-width: 100%;
}
.light #monitor .metrics .list ul li a {
  display: block;
  margin: 0;
  padding: 10px;
}
.light #monitor .metrics .list ul li a .fa {
  margin-right: 5px;
}
.light #monitor .metrics .data {
  width: calc(100% / 12*9);
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.light #monitor .metrics .data img {
  max-width: 100%;
}
.light #monitor .metrics .data img {
  max-width: 100%;
}
.light #monitor .metrics .data .chart {
  height: 325px;
}
.light #monitor .metrics .data .msgBox {
  height: 325px;
}
.light #monitor .metrics .data .msgBox .appsMsgBlock {
  display: table;
  height: 100%;
  width: 100%;
}
.light #monitor .metrics .data .msgBox .appsMsgBlock .appsMsg {
  display: table-cell;
  vertical-align: middle;
}
.light #monitor .metrics .data .msgBox .appsMsgBlock .appsMsg h1 {
  opacity: 0.5;
  color: #020f49;
  line-height: 1.5em;
  font-size: 16px;
  font-weight: 300;
}
.light #monitor .metrics .list ul {
  height: 325px;
  overflow: auto;
}
.light .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #d7d7d7;
}
.light .wrapper a {
  cursor: pointer;
}
.light .wrapper.full-width {
  width: 100%;
}
.light .wrapper .filters-box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d9e0e3;
}
.light .wrapper .filters-box .header {
  display: flex;
  width: 100%;
  padding: 16px 24px;
}
.light .wrapper .filters-box .header h3 {
  padding: 0 !important;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.light .wrapper .filters-box .header .actions {
  display: flex;
  margin-left: auto;
}
.light .wrapper .filters-box .header .actions .icon {
  color: #22343b;
}
.light .wrapper .filters-box .search-filter-container {
  display: flex;
  flex-direction: row;
}
.light .wrapper .filters-box .search-filter-container .search {
  padding: 0 24px;
}
.light .wrapper .filters-box .search-filter-container .search .search-field {
  position: relative;
  display: flex;
  width: 100%;
}
.light .wrapper .filters-box .search-filter-container .filters {
  font-size: 14px;
  margin: 24px;
}
.light .wrapper .filters-box .search-filter-container .filters .filters-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
}
.light .wrapper .filters-box .search-filter-container .filters .filters-list .filter .searchable-select .collection-item {
  padding: 8px 12px;
}
.light .wrapper .filters-box .search-filter-container .filters .filters-list .time-filter .mb-dropdown .collection li:hover {
  background-color: unset;
}
.light .wrapper .filters-box .search-filter-container .filters .filters-list li {
  flex: 1;
}
.light .wrapper .filters-box .search-filter-container .filters .filters-list li button {
  width: 100%;
  min-width: max-content;
}
.light .wrapper .filters-box .search-filter-container .filters .filters-list li button i.arrow {
  margin: 0 -13px 0 5px;
}
.light .wrapper .filters-box .search-filter-container .filters ul:first-child {
  margin: 0;
}
.light .wrapper .filters-box .search-filter-container .filters ul:first-child li.filter {
  cursor: pointer;
}
.light .wrapper .filters-box .search-filter-container .filters ul:first-child li .arrow-down {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #020f49;
  display: inline-block;
  margin-left: 6px;
}
.light .wrapper .filters-box .search-filter-container .filters ul .filter {
  display: inline-block;
  text-align: center;
  position: relative;
  margin-right: 5px;
}
.light .wrapper .filters-box .search-filter-container .filters ul .filter:last-child {
  margin-right: 0;
}
.light .wrapper .list {
  overflow-y: auto;
  height: 100%;
}
.light .wrapper .list > div {
  position: relative;
  height: 100%;
}
.light .wrapper .list .empty-list {
  width: 100%;
  text-align: center;
  padding-top: 30px;
}
.light .wrapper .list .log-entry {
  padding: 16px 24px 16px 50px;
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid #d7d7d7;
}
.light .wrapper .list .log-entry .entry-date {
  padding-bottom: 4px;
  width: 100%;
  text-align: right;
  color: #020f49;
}
.light .wrapper .list .log-entry .entry-title {
  font-weight: bold;
  overflow-wrap: break-word;
  position: relative;
  line-height: 24px;
}
.light .wrapper .list .log-entry .entry-message {
  padding-top: 8px;
}
.light .wrapper .list .log-entry .entry-message > span {
  word-wrap: break-word;
  display: inline-block;
  width: 100%;
  max-height: 37px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.light .wrapper .list .log-entry .entry-message.show-all > span {
  max-height: inherit;
}
.light .wrapper .list .log-entry .entry-message .show-more {
  color: #00a7e5;
  display: block;
  vertical-align: middle;
}
.light .wrapper .list .log-entry .entry-server,
.light .wrapper .list .log-entry .entry-address {
  color: #020f49;
}
.light .wrapper .list .log-entry .entry-address {
  padding-top: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.light .wrapper .list .log-entry span.icon {
  position: absolute;
  left: -28px;
  top: 0;
  font-size: 24px;
  line-height: 24px;
  padding: 0;
  margin: 0;
}
.light .wrapper .list .log-entry span.icon.icon-error {
  color: #dd3711;
}
.light .wrapper .list .log-entry span.icon.icon-warning {
  color: #f9a825;
}
.light .wrapper .list .log-entry span.icon.icon-info {
  color: #00a7e5;
}
.light .wrapper.full-width .filters-box {
  flex-direction: row;
  padding: 24px;
}
.light .wrapper.full-width .filters-box .header {
  display: flex;
  justify-content: center;
  width: inherit;
  padding: 0 24px 0 0;
}
.light .wrapper.full-width .filters-box .header .actions {
  position: absolute;
  right: 24px;
  top: 26px;
}
.light .wrapper.full-width .filters-box .search {
  width: 500px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .wrapper.full-width .filters-box .search .search-field {
  padding-right: 24px;
}
.light .wrapper.full-width .filters-box .filters {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .wrapper.full-width .list {
  width: 100%;
}
.light .wrapper.full-width .list .entry-message > span {
  display: inline-block;
  width: inherit;
  padding-right: 5px;
}
.light .wrapper.full-width .list .entry-message a.show-more {
  display: inline-block;
}
.light .wrapper.full-width .list .entry-server {
  display: inline-block;
}
.light .wrapper.full-width .list .entry-server {
  padding-left: 16px;
}
.overviewTitle {
  display: flex;
}
.overviewTitle .route .right {
  margin-left: 4px;
}
.overviewTitle .helpable-container {
  display: flex;
  align-items: center;
}
.monitor #content .navbar {
  display: flex;
  z-index: 1;
  position: relative;
}
.monitor #content .navbar .content {
  display: flex;
  width: 100%;
  padding: 32px 32px 0 32px;
}
.monitor #content .navbar .content .left {
  flex: 1;
  height: fit-content;
  line-height: initial;
}
.monitor #content .navbar .content .left.material-icons {
  line-height: 34px;
}
.monitor #content .navbar .content .left h1 {
  color: #1E1E5C;
}
.monitor #content .navbar .content .left .helpable-container {
  display: flex;
}
.monitor #content .navbar .content .left .helpable-container i {
  margin-left: 8px;
  vertical-align: bottom;
  line-height: 32px;
  font-size: 20px;
}
.monitor #content .navbar .content .left .description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
  line-height: 32px;
}
.monitor #content .navbar .content .right {
  height: fit-content;
  line-height: 1px;
}
.monitor #content .navbar .content .right .btn {
  display: inline-flex;
}
.monitor #content .navbar .content .right .btn .striimline-icon {
  width: 20px;
  margin-right: 8px;
}
.monitor .common-sidebar.common-sidebar-event-log.right.normal-width {
  margin-top: 0;
  height: 100vh;
  box-shadow: -4px 0 15px 0 rgba(72, 82, 92, 0.11);
}
.monitor .sidebar-content .filters-box {
  display: flex;
  flex-direction: row;
}
.monitor .sidebar-content .filters-box .actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.monitor .sidebar-content .full-width .search-filter-container {
  flex-direction: row;
}
.monitor .sidebar-content .full-width .search-filter-container .filters {
  width: 100%;
}
.monitor .sidebar-content .full-width .search-filter-container .filters .filters-list li {
  list-style-type: none;
  width: 100%;
}
.monitor .sidebar-content .full-width .search-filter-container .filters .filters-list li:not(:last-child) {
  margin-right: 20px;
}
.monitor .sidebar-content .full-width .search-filter-container .filters .filters-list li button {
  width: inherit;
  height: 40px;
}
.monitor .sidebar-content .full-width .search-filter-container .search {
  margin-right: 20px;
  margin-bottom: 0;
}
.monitor .sidebar-content .full-width .search-filter-container .search .search-input {
  width: 500px;
}
.monitor .sidebar-content .full-width .list .log-entry {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.monitor .sidebar-content .full-width .list .log-entry .entry-title {
  width: 300px;
}
.monitor .sidebar-content .search-filter-container {
  display: flex;
  flex-direction: column;
  margin: 20px 16px;
}
.monitor .sidebar-content .search-filter-container .search {
  margin-bottom: 20px;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list button {
  background-color: #fff;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .filter {
  position: relative;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown {
  right: -17px;
  min-width: 300px;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .options.collection {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .options.collection .collection-item.active {
  background: #D8E4F0;
  color: #48525C;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .custom-range-picker .row {
  align-items: center;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .custom-range-picker .row span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #48525C;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .custom-range-picker .row .ui-datepicker-prev span,
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .custom-range-picker .row .ui-datepicker-next span {
  margin-top: -8px;
  margin-left: -8px;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .custom-range-picker > .inner > .row > span {
  margin-right: auto;
}
.monitor .sidebar-content .search-filter-container .filters .filters-list .mb-dropdown .action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.monitor .sidebar-content .list {
  border-top: 1px solid #d9e0e3;
}
.monitor .sidebar-content .list .log-entry {
  padding: 12px 24px;
}
.monitor .sidebar-content .list .log-entry .entry-title {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
  color: #48525C;
  letter-spacing: 0.14px;
  display: flex;
  align-items: center;
}
.monitor .sidebar-content .list .log-entry .entry-title span.striimline-icon.info-fill {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.monitor .sidebar-content .list .log-entry .entry-address {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  letter-spacing: 0.14px;
  padding-top: 0;
  margin-left: 28px;
}
.monitor .sidebar-content .list .log-entry .entry-date {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #91A3B8;
  letter-spacing: 0.24px;
  text-align: left;
  margin-left: 28px;
  padding-bottom: 0;
}
.monitor .reportType {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  width: inherit;
}
.monitor .reportType .list label > input[type="radio"] + span {
  display: flex;
  color: #48525C !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0.14px !important;
}
.monitor .reportType .picker .picker-text {
  color: #6E7D8C;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.24px;
  margin-top: 8px;
}
.monitor .reportType .picker .datePicker input,
.monitor .reportType .picker .timePicker input {
  padding-left: 32px !important;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px;
}
.monitor .reportType .picker .datePicker input {
  background-image: url("/app/images/striimline/date.svg");
}
.monitor .reportType .picker .timePicker input {
  background-image: url("/app/images/striimline/time.svg");
}
.monitor .reportType .report-type-footer .apply-btn {
  padding-left: 20px;
  padding-right: 20px;
}
#monitor {
  margin: 32px;
}
#monitor .overview-row {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  justify-content: space-around;
  margin: 0 12px 16px 12px;
}
#monitor .overview-row .card-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  text-align: center;
}
#monitor .overview-row .card-content:not(:last-child) {
  border-right: 1px solid #D8E4F0;
  border-radius: 0;
}
#monitor .overview-row .card-content .big-number {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.64px;
}
#monitor .overview-row .card-content .text-green {
  color: #2AAC5E !important;
}
#monitor .monitor-infopanel-top-bar {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  justify-content: space-around;
  margin-left: 12px;
  margin-right: 12px;
}
#monitor .monitor-infopanel-top-bar .card-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  text-align: center;
}
#monitor .monitor-infopanel-top-bar .card-content:not(:last-child) {
  border-right: 1px solid #D8E4F0;
  border-radius: 0;
}
#monitor .monitor-infopanel-top-bar .card-content .backpressured {
  display: flex;
  align-items: center;
}
#monitor .monitor-infopanel-top-bar .card-content .backpressured i {
  margin-right: 4px;
}
#monitor .monitor-infopanel-top-bar .card-content span,
#monitor .monitor-infopanel-top-bar .card-content .throughputMetric {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
  letter-spacing: 0.24px;
}
#monitor .monitor-infopanel-top-bar .card-content div {
  color: #91A3B8;
}
#monitor .monitor-infopanel-top-bar .card-content .color-ok,
#monitor .monitor-infopanel-top-bar .card-content .color-err {
  font-size: 13px;
}
#monitor .monitor-infopanel-top-bar .card-content .color-ok {
  color: #2AAC5E;
}
#monitor .monitor-api-errors {
  display: table;
  width: 100%;
}
#monitor .monitor-api-errors > div {
  display: table-cell;
  text-align: center;
  height: 300px;
  vertical-align: middle;
  font-size: 2em;
}
#monitor .monitor-api-errors .content {
  min-width: 300px;
  display: inline-block;
}
#monitor .monitor-api-errors .content .details {
  margin-top: 20px;
  font-size: 0.5em;
  text-align: left;
}
#monitor .toolbar {
  height: 45px;
  position: fixed;
  top: 50px;
  width: 100%;
  line-height: 45px;
  overflow: hidden;
  z-index: 3;
  left: 0;
}
#monitor .toolbar:before,
#monitor .toolbar:after {
  content: " ";
  display: table;
}
#monitor .toolbar:after {
  clear: both;
}
#monitor .toolbar .breadcrumbs ul {
  margin: 0;
}
#monitor .toolbar .breadcrumbs ul li {
  font-weight: 300;
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 24px;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 0;
}
#monitor .toolbar .breadcrumbs ul li img {
  max-width: 100%;
}
#monitor .toolbar .breadcrumbs ul li .divider {
  padding-left: 8px;
}
#monitor .toolbar .breadcrumbs ul li .current .link {
  cursor: default;
  font-weight: 400;
}
#monitor .toolbar .breadcrumbs ul li .current .link:hover {
  border: none;
  text-decoration: none;
}
#monitor .toolbar .breadcrumbs ul li .current .divider {
  display: none;
}
#monitor .toolbar .event-log,
#monitor .toolbar .interval-report,
#monitor .toolbar .range-selection,
#monitor .toolbar .app-metrics-link {
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}
#monitor .toolbar .event-log a,
#monitor .toolbar .interval-report a,
#monitor .toolbar .range-selection a,
#monitor .toolbar .app-metrics-link a {
  padding: 0 16px 0 14px;
  line-height: 32px;
}
.monitor-search-input {
  margin-bottom: 10px;
}
.common-sidebar-event-log {
  margin-top: 48px;
  height: calc(100vh - 48px);
}
.common-sidebar-event-log .sidebar {
  padding: 0;
}
.modal-body .graphs .graph-container {
  height: 150px;
  padding-left: 10px;
}
.modal-body.lag-end-to-end-dialog .graphs .graph-container {
  height: 200px;
}
.modal-body.lag-end-to-end-dialog .graphs .deep.well {
  margin-top: 0;
}
.lee-report-view {
  padding-bottom: 8px;
}
.lee-report-view .timepicker-modal,
.lee-report-view .datepicker-modal {
  top: 30% !important;
}
.lee-report-view .custom-range-picker {
  background: transparent !important;
}
.lee-report-view .custom-range-picker .inner {
  background: transparent !important;
  margin-left: 0;
  padding-left: 4px !important;
}
.lee-report-view .form .meta-object-editor > .controls {
  padding-top: 0;
  padding-left: 0;
}
.modal-body .recent-metrics td:nth-child(odd) {
  word-wrap: normal;
  word-break: keep-all;
}
.modal-body .graphs .deep.well {
  margin-top: 10px;
  padding: 5px;
  text-align: center;
}
.checkpoint-component .card-content.max-height {
  height: 100%;
}
.checkpoint-data-table.max-height {
  height: calc(100% - 50px);
}
.monitor-metrics-dialog {
  min-width: 600px;
}
.more-details-table td {
  padding: 8px 16px;
  vertical-align: top;
}
#wa-errorconsole .pipcontainer {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 190px;
}
#wa-errorconsole .pip {
  float: right;
  padding: 0 6px;
  border-radius: 10px;
  margin-left: 5px;
  height: 20px;
  min-width: 20px;
  font-size: 0.75rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
#wa-errorconsole #errorconsole-messagelog-container {
  position: fixed;
  bottom: 0px;
  z-index: 1000;
}
#wa-errorconsole #errorconsole-messagelog-container {
  text-align: center;
  width: 100%;
}
#wa-errorconsole #errorconsole-messagelog-title-wrapper {
  position: absolute;
  top: -30px;
  left: 50%;
  width: 100px;
}
#wa-errorconsole #errorconsole-messagelog-title {
  position: relative;
  left: -100px;
  cursor: pointer;
  padding: 5px;
  background: #010a30;
  width: 200px;
  text-align: center;
  margin: auto;
  color: #79848d;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#wa-errorconsole #errorconsole-messagelog-title .title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
#wa-errorconsole #errorconsole-messagelog-title #errorconsole-slider-indicator {
  display: inline-block;
  margin-left: 5px;
  right: 35px;
}
#wa-errorconsole #errorconsole-messagelog-title #errorconsole-slider-indicator.down {
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
#wa-errorconsole #errorconsole-messagelog-title:hover {
  color: #cecece;
}
#wa-errorconsole #errorconsole-messagelog-title:hover #errorconsole-slider-indicator {
  background-position: 167px 281px;
}
#wa-errorconsole #errorconsole-messagelog-logs-summary {
  padding: 16px 24px;
  background: #010a30;
  text-align: left;
  color: white;
}
#wa-errorconsole #errorconsole-messagelog-logs-summary .messagelog-logs-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#wa-errorconsole #errorconsole-messagelog-logs-summary .messagelog-logs-summary .summary-wrapper {
  display: flex;
}
#wa-errorconsole #errorconsole-messagelog-logs-summary .notification-title {
  margin-right: 30px;
  font-weight: 400;
  font-size: 18px;
}
#wa-errorconsole #errorconsole-messagelog-logs-summary .notification-count {
  font-size: 16px;
  margin-right: 20px;
  margin-left: 20px;
}
#wa-errorconsole #errorconsole-messagelog-logs-summary .notification-count span {
  margin-left: 10px;
}
#wa-errorconsole #errorconsole-messagelog-logs-summary .no-notifications {
  font-style: italic;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  margin-right: 16px;
}
#wa-errorconsole #errorconsole-messagelog-logswrapper {
  width: 100%;
  text-align: left;
  background: #010a30;
}
#wa-errorconsole #errorconsole-message-log-collection {
  max-height: 25vh;
  position: relative;
  margin: 0;
  overflow-y: auto;
}
#wa-errorconsole .bg.error {
  background: #dd3711;
  color: white;
}
#wa-errorconsole .bg.success {
  background: #0d874c;
  color: white;
}
#wa-errorconsole .bg.warning {
  background: #f9a825;
  color: #000000;
}
#wa-errorconsole .bg.info {
  background: #22343b;
  color: white;
}
#wa-errorconsole .bg.info {
  background: #22343b;
  color: white;
}
#wa-errorconsole .bg.ps {
  background: #0098d1;
  color: white;
}
#wa-errorconsole .text.error {
  color: #dd3711;
}
#wa-errorconsole .text.success {
  color: #0d874c;
}
#wa-errorconsole .text.warning {
  color: #f9a825;
}
#wa-errorconsole .text.info {
  color: #22343b;
}
#wa-errorconsole .text.ps {
  color: #0098d1;
}
#wa-errorconsole .errorconsole-message-log-entry {
  padding: 8px 16px;
  background-color: #010a30;
}
#wa-errorconsole .errorconsole-message-log-entry .log-entry-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
}
#wa-errorconsole .errorconsole-message-log-entry .log-entry-wrapper .log-message {
  display: flex;
  flex: 1;
  align-items: center;
}
#wa-errorconsole .errorconsole-message-log-entry .title {
  margin-right: 16px;
}
#wa-errorconsole .errorconsole-message-log-entry .messagetext {
  color: #9eb0b8;
  word-break: break-all;
  margin-right: 24px;
}
#wa-errorconsole .errorconsole-message-log-entry .closebutton {
  display: none;
  margin-left: 16px;
  color: #00a7e5;
}
#wa-errorconsole .errorconsole-message-log-entry .closebutton:hover {
  background: rgba(0, 168, 229, 0.08);
}
#wa-errorconsole .errorconsole-message-log-entry .closebutton:active {
  background: rgba(0, 167, 229, 0.16);
}
#wa-errorconsole .errorconsole-message-log-entry .messagetime {
  color: #79848d;
  text-align: right;
}
#wa-errorconsole .errorconsole-message-log-entry:hover {
  background-color: #020f49;
}
#wa-errorconsole .errorconsole-message-log-entry:hover .messagetext {
  color: white;
}
#wa-errorconsole .errorconsole-message-log-entry:hover .closebutton {
  background-position: -41px -100px;
  display: block;
}
#wa-errorconsole #errorconsole-growl-container {
  position: fixed;
  bottom: 100px;
  z-index: 99999;
  left: 0;
  padding-left: 5px;
}
#wa-errorconsole #errorconsole-growl-container .errorconsole-message-growl-entry {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-right: 20px;
  display: none;
  margin-bottom: 10px;
  font-weight: 100;
  -webkit-box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.17);
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.17);
  position: relative;
  overflow: visible;
}
#wa-errorconsole #errorconsole-growl-container .errorconsole-message-growl-entry .growl-container {
  border-radius: 5px;
  width: 400px;
  padding: 24px;
}
#wa-errorconsole #errorconsole-growl-container .errorconsole-message-growl-entry .growl-container .header {
  display: flex;
  justify-content: space-between;
}
#wa-errorconsole #errorconsole-growl-container .errorconsole-message-growl-entry .growl-container .header h4 {
  color: inherit;
  margin: 0 12px;
}
#wa-errorconsole #errorconsole-growl-container .errorconsole-message-growl-entry .growl-container .header .title {
  display: flex;
}
#wa-errorconsole #errorconsole-growl-container .errorconsole-message-growl-entry .growl-container .header .close {
  cursor: pointer;
}
#wa-errorconsole #errorconsole-growl-container .errorconsole-message-growl-entry .growl-container .messagetext {
  font-weight: 500;
  overflow-wrap: break-word;
  overflow: auto;
  max-height: 300px;
  margin-top: 24px;
}
#wa-errorconsole .fL {
  float: left;
}
#wa-errorconsole .fR {
  float: right;
}
#wa-errorconsole .cB {
  clear: both;
}
#wa-errorconsole .dIB {
  display: inline-block;
}
.light .metadatabrowser-container.small {
  position: fixed;
  z-index: 994;
  height: calc(100% - 112px);
}
.light .metadatabrowser-container.small .mb-container {
  height: 100%;
}
.light .metadatabrowser-container.small .mb-container .mb-side-menu {
  width: 530px;
  margin: 0;
}
.light .metadatabrowser-container.small .mb-container .mb-side-menu > div {
  height: 100%;
}
.light .metadatabrowser-container.small .mb-container .mb-side-menu .mb-obj-list {
  height: calc(100% - 213px);
  height: -moz-calc(100% - 213px);
}
.light .metadatabrowser-container.small .mb-container .mb-side-menu .mb-obj-list .list-data {
  height: 100%;
}
.light .metadatabrowser-container.small .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info .copy-to-app {
  top: 21px;
  position: absolute;
  right: 24px;
}
.light .metadatabrowser-container.small .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info:hover .copy-to-app {
  display: block;
}
.light .metadatabrowser-container.small .mb-container .mb-side-menu .mb-obj-list .obj-list-data h3.obj-list-info {
  text-align: center;
}
.light .metadatabrowser-container.small .mb-container .sliding-div {
  transform: translateX(-108%);
  -webkit-transform: translateX(-108%);
  transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  float: none;
  position: absolute;
  width: 408px;
  background-color: #e9e9e9;
  z-index: 100;
  height: calc(100vh - 110px);
}
.light .metadatabrowser-container.small .mb-container .sliding-div .mb-right-panel-height {
  margin: 0 !important;
}
.light .metadatabrowser-container.small .mb-container .mb-obj-details {
  /* .controls{
                      height: 57vh;
                      } */
}
.light .metadatabrowser-container.small .mb-container .mb-obj-details .mb-right-panel-height {
  /*height:94.60%;
                          max-height: 95%;*/
  height: 100%;
  margin: 0 20px;
}
.light .metadatabrowser-container.small .mb-container .mb-obj-details .form-group-container {
  height: 100%;
}
.light .metadatabrowser-container.small .mb-container .mb-obj-details .form-group-container ul li h1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.light .metadatabrowser-container.small .mb-container .mb-obj-details .form-group-container .editor-notice-bottom {
  height: 64px;
  line-height: 64px;
}
.light .metadatabrowser-container.small .mb-container .mb-sm-obj-details.mb-obj-details {
  transform: translateX(408px);
  -webkit-transform: translateX(408px);
}
.light .metadatabrowser-container.small .mb-container .mb-sm-obj-details.mb-obj-details .input-ctrl .lable {
  width: 130px;
}
.light .metadatabrowser-container.small ul.controls {
  margin-bottom: 16px;
}
.light .metadatabrowser-container.small ul.controls li {
  margin-bottom: 0;
}
.light .metadatabrowser-container.small ul.controls li .items-list .list .lineItem {
  padding-right: 24px;
}
.light .metadatabrowser-container.small .editor-notice-bottom {
  z-index: 100;
}
.light .metadatabrowser-container.small .from-control-container-Created h2 {
  padding-right: 23px;
}
.light .metadatabrowser-container.small .back-arrow {
  display: block !important;
}
.light .metadatabrowser-container {
  font-size: 14px;
  height: 100%;
  /*BOF input control group */
  /*EOF input control group */
  /* actions buttons from searchable-lists */
  /*BOF Comman(reuse) styles */
  /* Over ridden editor.less file properties for form related allignment issues. */
}
.light .metadatabrowser-container .mb-container {
  display: flex;
  height: 100%;
  /* BOF Meta Browser side menu container  DIV */
  /* EOF Meta Browser side menu container  DIV */
  /* BOF Meta Browser Obeject Details Container DIV */
  /*checkbox css*/
  /*default checkbox*/
}
.light .metadatabrowser-container .mb-container .mb-side-menu {
  width: 450px;
  margin: 0;
}
.light .metadatabrowser-container .mb-container .mb-side-menu > div {
  height: 100%;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .md-header {
  padding: 16px 24px 0 24px;
  line-height: 32px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .md-header .title {
  display: flex;
  align-items: center;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .md-header .title .right-actions {
  margin: auto 0 auto auto;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list {
  cursor: pointer;
  background: #F7FBFF;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .search-container {
  padding: 8px 8px 16px 8px;
  border-bottom: 1px solid #D8E4F0;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list label {
  cursor: pointer;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-result-list {
  margin-top: 0;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-result-list > * {
  /*&:last-child {
              border-bottom: 1px solid @c_very_light_border;
            }*/
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-result-list > *:first-child {
  border-top: none !important;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj {
  padding: 8px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj .mb-filter-obj-list {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul:first-child {
  margin: 0;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item {
  position: relative;
  flex: 1;
  padding: 8px 0;
  margin-right: 8px;
  width: 100%;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .fill-space {
  flex: 1;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #namespaceDropdown .collection-item,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #appDropdown .collection-item {
  padding: 8px 12px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #namespaceDropdown .collection-item label,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #appDropdown .collection-item label,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #namespaceDropdown .collection-item span,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #appDropdown .collection-item span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #namespaceDropdown .collection-item label,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #appDropdown .collection-item label {
  max-width: 65%;
  vertical-align: middle;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #namespaceDropdown .collection-item span,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item #appDropdown .collection-item span {
  max-width: 30%;
  vertical-align: middle;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .hide-dropdown .searchable-select {
  position: relative;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .hide-dropdown .searchable-select .mb-dropdown {
  position: absolute;
  left: -16px;
  top: -10px;
  width: 100% !important;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item button {
  width: 100%;
  background: #fff;
  border: 1px solid #D8E4F0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #5E6B78;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item button .mb-ellipses {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item button i.striimline-icon.select-arrow {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: row;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item:last-child {
  border-right: transparent;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown {
  position: absolute;
  border: 1px solid #e1e1e1;
  width: 300px;
  right: 0;
  top: 36px;
  z-index: 9999;
  margin: 16px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown:after,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown:before {
  bottom: 100%;
  left: 71%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown.left {
  left: -80px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown.left:after,
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown.left:before {
  left: 25%;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: 0px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown:before {
  border-color: transparent;
  border-bottom-color: #e1e1e1;
  border-width: 9px;
  margin-left: -2px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-dropdown .arrow {
  display: none;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .mb-ellipses {
  display: block;
  max-width: 90px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item .arrow-down {
  position: relative;
  top: -4px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .mb-filter-obj ul .mb-filter-item:last-child {
  margin-right: 0;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data {
  cursor: pointer;
  position: relative;
  height: 100%;
  display: block;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader {
  display: flex;
  justify-content: space-between;
  padding: 16px 32px;
  line-height: 32px;
  outline: none;
  font-size: 14px;
  clear: both;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader.active-header {
  font-weight: 500;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .arrow-expanded {
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .forward {
  -moz-transform: rotate(-0.25turn);
  -webkit-transform: rotate(-0.25turn);
  -o-transform: rotate(-0.25turn);
  transform: rotate(-0.25turn);
  transition-duration: 0.2s;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lWrapper {
  display: flex;
  align-items: center;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lWrapper i {
  margin-right: 8px;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lWrapper .chevron-down {
  color: #6E7D8C;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lTitle .icon {
  position: relative;
  top: 4px;
  font-size: 25px;
  float: left;
  margin-right: 8px;
  color: #567280;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .lHeader .lCount {
  float: right;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info {
  padding: 16px 24px;
  padding-left: 65px;
  cursor: pointer;
  font-size: 14px;
  position: relative;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info .copy-to-app {
  display: none;
}
.light .metadatabrowser-container .mb-container .mb-side-menu .mb-obj-list .obj-list-data .obj-list-info .fBold {
  font-weight: 700;
  line-height: 24px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details {
  position: relative;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .content-center-wrap .not-selected-text {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  letter-spacing: 0.14px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .merchant-cache {
  padding: 16px 24px 0;
  position: relative;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .merchant-cache .heading {
  line-height: 32px;
  font-size: 20px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .merchant-cache .heading .icon {
  position: relative;
  top: 4px;
  left: 2px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .merchant-cache .desc {
  line-height: 48px;
  font-size: 14px;
  margin-bottom: 16px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .merchant-cache .field-type-table {
  position: absolute;
  top: 121px;
  left: 50%;
  border: 1px solid #e9eff1;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .reader-prop {
  padding: 0 24px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .reader-prop .heading {
  margin: 15px 0;
  font-weight: bold;
}
.light .metadatabrowser-container .mb-container .mb-obj-details.read-only-fields .input-field input[type="text"],
.light .metadatabrowser-container .mb-container .mb-obj-details.read-only-fields .input-field select {
  border: transparent;
  background: #e9eff1;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .new-object-form-container .header .object-type {
  display: table;
  padding: 0 16px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .new-object-form-container .header .object-type .head,
.light .metadatabrowser-container .mb-container .mb-obj-details .new-object-form-container .header .object-type .body {
  display: inline-block;
  width: auto;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .new-object-form-container .header .object-type .head label {
  white-space: nowrap;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .new-object-form-container .form-body .title {
  padding: 20px 16px;
  font-size: 1.5em;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .new-object-form-container .form-body .new-object-form {
  clear: both;
  margin: 20px;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .form-group-container .from-control-container-title .body {
  width: 100%;
  padding: 0;
}
.light .metadatabrowser-container .mb-container .mb-obj-details .form-group-container .mb-go-to-component {
  position: sticky;
  padding: 16px;
  border-top: 1px solid #d9e0e3;
  background: #fff;
  bottom: 0;
  text-align: end;
  margin: 0;
  z-index: 333;
  border-radius: 0 0 4px 4px;
}
.light .metadatabrowser-container .mb-container .collection-item:has(.mb-checkbox) {
  padding: 0;
}
.light .metadatabrowser-container .mb-container .mb-checkbox {
  position: relative;
  display: flex;
  padding: 16px 24px;
}
.light .metadatabrowser-container .mb-container .mb-checkbox label {
  display: inline-block;
  line-height: 14px;
  padding-top: 0;
  cursor: pointer;
}
.light .metadatabrowser-container .mb-container .mb-checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
  margin: 0;
  display: none;
}
.light .metadatabrowser-container .mb-container input[type="checkbox"].styled:checked + label:after {
  font-family: "FontAwesome", serif;
  content: "\f00c";
}
.light .metadatabrowser-container .mb-container input[type="checkbox"].styled:checked + label::before,
.light .metadatabrowser-container .mb-container input[type="checkbox"].styled:checked + label::after {
  color: #f5f6fc;
}
.light .metadatabrowser-container .mb-form-group {
  line-height: 48px;
  position: relative;
  height: 48px;
  width: 100%;
  float: left;
}
.light .metadatabrowser-container .mb-form-group .lable {
  float: left;
  width: 20%;
}
.light .metadatabrowser-container .mb-form-group .lable .icon {
  font-size: 24px;
  position: absolute;
  top: 5px;
}
.light .metadatabrowser-container .mb-form-group .input-field {
  float: left;
}
.light .metadatabrowser-container .mb-form-group .input-field input[type="text"],
.light .metadatabrowser-container .mb-form-group .input-field select {
  width: 220px;
  height: 30px;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
}
.light .metadatabrowser-container .mb-form-group .input-field .select2-control-container {
  width: 220px !important;
  min-width: 220px;
}
.light .metadatabrowser-container .mb-form-group .input-field select {
  padding: 0 7px;
  width: 220px;
}
.light .metadatabrowser-container .mb-form-group .input-field select.w-192px {
  width: 192px;
  float: left;
  margin-top: 9px;
}
.light .metadatabrowser-container .mb-form-group a {
  text-decoration: none;
  color: #00a7e5;
}
.light .metadatabrowser-container .mb-table {
  width: 250px;
}
.light .metadatabrowser-container .mb-table .tHead {
  font-weight: 600;
}
.light .metadatabrowser-container .mb-table .tHead .tCell {
  float: left;
  width: 50%;
  padding: 8px 15px;
  background-color: #e9eff1;
}
.light .metadatabrowser-container .mb-table .tData .tCell {
  float: left;
  width: 50%;
  padding: 10px 15px;
  border-top: 1px solid #e9eff1;
}
.light .metadatabrowser-container .action-buttons {
  text-align: right;
  padding: 10px;
  border-top: 1px solid #e1e1e1;
}
.light .metadatabrowser-container .action-buttons a {
  margin-left: 15px;
}
.light .metadatabrowser-container .back-arrow {
  font-size: 28px;
  font-weight: 600;
  float: left;
  margin-right: 6px;
  margin-left: -10px;
  padding-top: 2px;
  cursor: pointer;
}
.light .metadatabrowser-container .arrow-down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #d7d7d7;
  display: inline-block;
  margin-left: 6px;
}
.light .metadatabrowser-container .arrow-right {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #d7d7d7;
  display: inline-block;
  margin-left: 6px;
}
.light .metadatabrowser-container .arrow-up {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #010a30;
  display: inline-block;
  margin-left: 6px;
}
.light .metadatabrowser-container .mb-right-panel-height {
  height: 100%;
  margin: 0 40px 0 24px;
}
.light .metadatabrowser-container .form-group-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.light .metadatabrowser-container ul.controls ul.controls,
.light .metadatabrowser-container ul.controls li {
  margin-bottom: 0;
}
.light .metadatabrowser-container ul.controls ul.controls .body .typeEditor,
.light .metadatabrowser-container ul.controls li .body .typeEditor {
  width: 350px;
}
.light .metadatabrowser-container ul.controls ul.controls .body .typeEditor label,
.light .metadatabrowser-container ul.controls li .body .typeEditor label {
  margin: 0 !important;
  float: left;
  padding-left: 10px !important;
}
.light .metadatabrowser-container ul.controls ul.controls .body .typeEditor .type-preview,
.light .metadatabrowser-container ul.controls li .body .typeEditor .type-preview {
  padding: 5px 0 5px 0 !important;
  display: flex;
}
.light .metadatabrowser-container .fields-list {
  width: 360px !important;
}
.light .metadatabrowser-container .fields-list .fields table tbody {
  overflow-x: hidden;
}
.light .metadatabrowser-container .tql-editor {
  width: 360px;
}
.light .metadatabrowser-container .tql-editor .CodeMirror {
  width: 360px;
}
.light .metadatabrowser-container .mb-ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.light .metadatabrowser-container .middle-text-container {
  text-align: center;
  margin: 40vh 0;
}
.light .metadatabrowser-container .collection {
  margin: 0;
}
.light .metadatabrowser-container .accordion-data {
  overflow: hidden;
}
.light .metadatabrowser-container .accordion-data.expand {
  max-height: 9999px;
  transition: max-height 1.5s ease-in;
  -webkit-transition: max-height 1.5s ease-in;
  -moz-transition: max-height 1.5s ease-in;
  -o-transition: max-height 1.5s ease-in;
  -ms-transition: max-height 1.5s ease-in;
}
.light .metadatabrowser-container .accordion-data.collapse {
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
}
.light .metadatabrowser-container .select2-drop {
  z-index: 10000;
}
.light .metadatabrowser-container .empty-view {
  display: table;
  margin: auto;
  padding-top: 50px;
}
.light .metadatabrowser-container .empty-view > div {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding: 0 16px;
  max-width: 500px;
}
.light .metadatabrowser-container .empty-view img {
  width: 400px;
}
.light .metadatabrowser-container.large {
  position: fixed;
  height: calc(100% - 84px);
  width: -webkit-fill-available;
  width: -moz-available;
}
.light .metadatabrowser-container.large .mb-side-menu > div {
  height: 100%;
  overflow-y: auto;
  overflow: overlay;
}
.light .metadatabrowser-container.large .mb-side-menu .list-data {
  height: 100%;
}
.light .metadatabrowser-container.large .mb-side-menu .md-header .right-actions {
  display: none;
}
.light .metadatabrowser-container.large .mb-obj-details {
  width: calc(100vw - 450px);
}
.light .metadatabrowser-container.large .mb-obj-details .actions {
  left: 0;
  right: 0;
  width: 100%;
  padding-left: 408px;
}
.light .metadatabrowser-container.large .mb-obj-details .editor-notice-bottom {
  left: 0;
  right: 0;
  width: 100% !important;
  padding-left: 408px;
  z-index: 100;
  height: 64px;
  line-height: 64px;
}
.light .metadatabrowser-container.large .mb-obj-details .tql-editor .heading {
  line-height: 30px;
}
.light .metadatabrowser-container.large .mb-obj-details .tql-editor .heading .toggle-help {
  cursor: pointer;
  display: block;
  float: right;
  margin: 2px 10px 0 0;
  font-size: 28px;
}
.light .metadatabrowser-container.large .mb-obj-details .tql-editor .CodeMirror {
  width: 100%;
  min-width: 360px;
}
@media (max-width: 1440px) {
  .light .metadatabrowser-container.large .mb-obj-details {
    width: calc(100vw - 400px);
  }
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list {
  width: 100% !important;
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list table thead tr th:first-child {
  padding: 0;
  text-align: center;
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list table tbody td {
  padding-left: 12px;
  padding-right: 12px;
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list table tbody td:first-child {
  padding: 0;
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list table tbody td:first-child .checkbox {
  margin: auto;
  display: flex;
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list table tbody td:nth-child(3) .select2-container {
  width: 100% !important;
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list table tbody td:nth-child(3) .select2-container .select2-choice {
  width: 100%;
}
.light .metadatabrowser-container.large .meta-object-editor .fields-list table tbody td:last-child {
  text-align: center;
}
.light .metadatabrowser-container.large ul.controls li .body .typeEditor {
  width: 100% !important;
  background-color: #fff;
}
.light .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview label {
  min-width: 150px;
  width: 30.9% !important;
  line-height: 43px;
  vertical-align: middle;
}
.light .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview .type-name {
  line-height: 43px;
  vertical-align: middle;
}
.light .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview .btn {
  margin: auto 5px;
}
.light .metadatabrowser-container.large ul.controls li .body .typeEditor .type-preview input {
  width: 100% !important;
}
.light .metadatabrowser-container.large ul.controls li .body .interval-control {
  width: 100%;
}
.light .metadatabrowser-container.large ul.controls li .body .interval-control input.value {
  margin-right: 5px;
}
.light .metadatabrowser-container.large ul.controls li .body .interval-control .row .col {
  padding: 0;
}
.light .metadatabrowser-container.large ul.controls li .body .CodeMirror {
  width: 100%;
}
.light .metadatabrowser-container.large ul.controls li .from-control-container-Event_Types .typeEditor {
  width: 100% !important;
}
.light .metadatabrowser-container.large ul.controls .multiple-stream-selector a {
  color: inherit;
}
.light .metadatabrowser-container.large .new-or-existing-selector {
  width: 100%;
}
.light .metadatabrowser-container.large .tql-editor {
  width: 100%;
}
.light .metadatabrowser-container.large .window-size {
  width: 100%;
}
.light .metadatabrowser-container.large .window-size .size-group .meta-object-editor .controls li .body {
  width: 100%;
}
.light .metadatabrowser-container.large .back-arrow {
  display: none;
}
body.embed #content {
  margin-top: 0 !important;
}
body.embed .metadatabrowser-container.large {
  padding: 0 !important;
}
.api-container {
  padding: 20px;
}
.api-container .left {
  float: left;
  width: 30%;
}
.api-container .right {
  float: right;
  width: 69%;
  height: 500px;
  overflow: auto;
  background-color: #222;
  transition: all 0.5s;
  color: white;
}
.api-container .right code {
  white-space: pre;
  margin-top: 20px;
  display: block;
  font-family: monospace;
}
.api-container .right.success {
  border: 1px solid #0d874c;
}
.api-container .right.fail {
  border: 1px solid #ff4f0e;
}
.debugger-floater {
  width: 350px;
  height: 50px;
  position: fixed;
  bottom: 0px;
  background: #1d2326;
  padding: 5px;
  z-index: 9999;
}
.debugger-floater .start-stop-recording {
  border: 1px solid #00a7e5;
  background-color: rgba(0, 0, 0, 0);
  color: #00a7e5;
  cursor: pointer;
  line-height: 32px;
  padding: 5px 5px;
}
.debugger-floater .start-stop-recording:hover {
  color: #0082b2;
  border: 1px solid #0082b2;
}
.debugger-floater .start-stop-recording:active {
  color: #00a7e5;
  border: 1px solid #00a7e5;
}
.debug-page {
  padding: 10px;
}
.debug-page .frame-content {
  margin: 30px 0px;
}
.debug-page .toggle-form .head label {
  color: #c5cfd3 !important;
}
.debug-page .toggle-form .body {
  width: 50px !important;
  margin-left: 10px !important;
}
.debug-page .page-buttons .button {
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 150px;
  border: 1px solid #00a7e5;
  background-color: rgba(0, 0, 0, 0);
  color: #00a7e5;
  cursor: pointer;
  line-height: 25px;
  padding: 5px 5px;
}
.debug-page .page-buttons .button:hover {
  color: #0082b2;
  border: 1px solid #0082b2;
}
.debug-page .page-buttons .button:active {
  color: #00a7e5;
  border: 1px solid #00a7e5;
}
.debug-page .network-table {
  color: white;
  padding: 30px;
}
.debug-page .network-table .button {
  text-align: center;
  border: 1px solid #00a7e5;
  background-color: rgba(0, 0, 0, 0);
  color: #00a7e5;
  cursor: pointer;
  line-height: 20px;
  padding: 5px 15px;
}
.debug-page .network-table .button:hover {
  color: #0082b2;
  border: 1px solid #0082b2;
}
.debug-page .network-table .button:active {
  color: #00a7e5;
  border: 1px solid #00a7e5;
}
.debug-page .network-table #export-container {
  width: 100%;
  margin-bottom: 10px;
}
.debug-page .network-table #export-button {
  float: right;
}
.debug-page .network-table table {
  background: #1d2326;
  border: 1px solid #1d2326;
}
.debug-page .network-table table td {
  color: white;
  vertical-align: top;
  word-break: break-all;
}
.debug-page .network-table table .full-json {
  width: 100%;
  height: 300px;
  display: none;
}
.debug-page .network-table .out {
  background-color: #1b5e20;
}
.debug-page .network-table .in {
  background-color: #37474f;
}
.debug-top-bar .meta-object-editor .controls li .field-row {
  float: left;
}
#appwizard-topbar {
  background-color: transparent;
  box-shadow: none;
}
#appwizard-topbar .topbarView {
  display: flex;
}
#appwizard-topbar .topbarView #wizard-tag-chip {
  margin-right: 8px;
}
#appwizard-componentwizard .cdc-wizard {
  /*adding new styles*/
}
#appwizard-componentwizard .cdc-wizard .schema-conversion-card {
  background: white;
  width: 600px;
  margin: auto;
  border-radius: 8px;
}
#appwizard-componentwizard .cdc-wizard .schema-conversion-card .card {
  padding: 24px;
}
#appwizard-componentwizard .cdc-wizard .schema-migration-card {
  background: white;
}
#appwizard-componentwizard .cdc-wizard .wizard-title {
  padding: 24px;
  border-bottom: 1px solid #D8E4F0;
}
#appwizard-componentwizard .cdc-wizard .wizard-title .error-box-container {
  background-color: #FAEDEF;
  border: 1px solid #F5DADF;
  margin-top: 16px;
  border-radius: 8px;
  padding: 16px;
  gap: 8px;
  display: flex;
  align-items: center;
}
#appwizard-componentwizard .cdc-wizard .wizard-title .error-box-container .error-message {
  color: #5E6B78;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
}
#appwizard-componentwizard .cdc-wizard .wizard-title .subtitle {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
#appwizard-componentwizard .cdc-wizard .drivers-check {
  padding: 24px;
  border-bottom: 1px solid #D8E4F0;
}
#appwizard-componentwizard .cdc-wizard .drivers-check h3 {
  margin-bottom: 8px;
}
#appwizard-componentwizard .cdc-wizard .drivers-check > div:not(.message) {
  line-height: 32px;
}
#appwizard-componentwizard .cdc-wizard .drivers-check > div:last-child {
  margin-top: 8px;
}
#appwizard-componentwizard .cdc-wizard .drivers-check .drivers-status {
  width: 18px;
  margin-right: 8px;
  display: inline-block;
  text-align: right;
}
#appwizard-componentwizard .cdc-wizard .drivers-check .drivers-status img {
  width: 18px;
}
#appwizard-componentwizard .cdc-wizard .drivers-check .drivers-status .fa-check {
  color: #0f9e59;
}
#appwizard-componentwizard .cdc-wizard .drivers-check .drivers-status .validation-error {
  color: #dd3711;
  font-weight: bold;
  font-size: 17px;
  line-height: 1;
  vertical-align: middle;
}
#appwizard-componentwizard .cdc-wizard .drivers-check .download-link {
  font-weight: 600;
}
#appwizard-componentwizard .cdc-wizard .drivers-check input[type="file"]::file-selector-button {
  background-color: transparent;
  color: #00a7e5;
  border: 1px solid #00a7e5;
  border-radius: 4px;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
  padding: 4px 16px;
  cursor: pointer;
}
#appwizard-componentwizard .cdc-wizard .drivers-check input[type="file"]::file-selector-button:hover {
  background-color: rgba(13, 20, 23, 0.08);
}
#appwizard-componentwizard .cdc-wizard .drivers-check .submit > .fa-upload {
  font-size: 14px;
}
#appwizard-componentwizard .cdc-wizard .card {
  background-color: transparent;
  box-shadow: none;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView {
  margin: auto;
  border-radius: 8px;
  min-width: 40vw;
  min-height: calc(100vh - 300px);
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .inline-help-content {
  width: 40vw;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .from-control-container-title {
  display: none;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .controls {
  max-width: 550px;
  padding-top: 16px;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .controls .head {
  padding: 0;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .from-control-container-Connection_URL {
  width: 65%;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .source-info-container {
  margin: auto;
  max-height: 60vh;
  overflow: auto;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .agent-download-link {
  display: inline-block;
  position: absolute;
  line-height: 112px;
  cursor: pointer;
  color: #00a7e5;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .agent-download-link:hover {
  text-decoration: underline;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .modal-region {
  left: 0;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .modal-region .agent-download-modal {
  width: 700px;
  display: flex;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .modal-region .agent-download-modal .content {
  font-size: 1.1em;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .modal-region .agent-download-modal .content ul li {
  padding-bottom: 15px;
}
#appwizard-componentwizard .cdc-wizard .sourceInfoView .modal-region .agent-download-modal .content ul li .icon {
  font-size: 1.5em;
  color: #0d874c;
  vertical-align: middle;
  padding-right: 5px;
}
#appwizard-componentwizard .cdc-wizard .filter-master-detail-container .add-filters {
  margin-right: 10px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #00a7e5;
  background-color: rgba(0, 0, 0, 0);
  color: #00a7e5;
  cursor: pointer;
}
#appwizard-componentwizard .cdc-wizard .filter-master-detail-container .add-filters:hover {
  color: #0082b2;
  border: 1px solid #0082b2;
}
#appwizard-componentwizard .cdc-wizard .filter-master-detail-container .add-filters:active {
  color: #00a7e5;
  border: 1px solid #00a7e5;
}
#appwizard-componentwizard .cdc-wizard .filter-master-detail-container .filter-form .from-control-container-filter > .head {
  width: 0;
  display: none;
}
#appwizard-componentwizard .cdc-wizard .filter-master-detail-container .filter-form .from-control-container-filter > .body {
  width: 100% !important;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view {
  margin: auto;
  border-radius: 8px;
  min-width: 40vw;
  min-height: calc(100vh - 300px);
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .modal-region {
  background: transparent;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .inline-help-content {
  width: 40vw;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view > h2 {
  font-size: 1.3em;
  margin: 16px 0;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view section.info {
  width: 500px;
  padding: 10px;
  text-align: justify;
  margin: 16px auto;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view {
  /**add stream modal**/
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .modal-region {
  width: auto;
  left: 0;
  right: 0;
  height: 100%;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal {
  position: relative;
  padding: 25px;
  display: inline-block;
  top: 0;
  left: 50% !important;
  transform: translateX(-50%);
  background-color: #f6f6f6;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal h3 {
  display: inline-block;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .icon-close {
  display: inline-block;
  font-size: 2em;
  float: right;
  cursor: pointer;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option {
  display: inline-block;
  top: 0;
  left: 0;
  background-color: #f5f6fc;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option:not(:last-child) {
  margin-right: 25px;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option img {
  max-width: 300px;
  display: block;
  border: 1px solid #f5f6fc;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option .map-and-filter-add-stream-modal-button {
  padding: 0.4em 2em;
  margin: 0 20px;
  font-size: 1em;
  float: right;
  margin: 0;
  padding: 0.6em;
  width: 100%;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option .map-and-filter-select-table-dropdown-container .controls {
  padding: 0 0 0 26px;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option .map-and-filter-select-table-dropdown-container .from-control-container-Table_Name {
  display: inline-block;
  min-height: 0;
  padding-top: 0;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option .map-and-filter-select-table-dropdown-container .from-control-container-Table_Name .head {
  display: none;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-add-stream-modal .map-and-filter-add-stream-modal-option .map-and-filter-select-table-dropdown-container .from-control-container-Table_Name .body .add-table-button-css {
  width: 100% !important;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container {
  /**default view **/
  /** advanced view **/
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container {
  border: 1px solid;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container .map-and-filter-info-image {
  display: inline-block;
  width: 40%;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container .map-and-filter-info-desc {
  display: inline-block;
  width: 53%;
  font-size: 1.2em;
  line-height: 1.6em;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container .map-and-filter-info-desc .default-stream-name {
  font-weight: 600;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container .map-and-filter-info-desc .default-stream-name .icon:before {
  vertical-align: middle;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container .advanced-setup-link {
  float: right;
  font-size: 1.2em;
  color: #00a7e5;
  cursor: pointer;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container:after {
  content: "";
  clear: both;
  display: block;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-add-stream {
  padding: 0.4em 2em;
  margin: 0 20px;
  font-size: 1em;
  float: right;
  margin: 0;
  padding: 0.6em;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container {
  border: 1px solid;
  margin-top: 40px;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view {
  padding: 16px 0 0 0;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view .master-list-item-view {
  padding: 5px 10px;
  font-size: 1em;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view .master-list-item-view .icon-stream {
  display: inline-block;
  font-size: 1.5em;
  position: relative;
  top: -5px;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view .master-list-item-view .icon-stream:before {
  vertical-align: middle;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view .master-list-item-view .stream-name {
  max-width: 75%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 3px;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view .master-list-item-view .stream-error-symbol {
  display: none;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view .master-list-item-view .icon-forward {
  float: right;
  font-size: 1.5em;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master .stream-list-master-view .master-list-item-view .icon-forward:before {
  vertical-align: middle;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .unknown-data-found {
  width: 90%;
  margin: 10px auto;
  border: 1px solid;
  text-align: center;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .detail-view-container {
  height: 100%;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form {
  position: relative;
  height: 100%;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .controls {
  padding: 0;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .controls .from-control-container-Stream_Name {
  padding: 16px;
}
#appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions {
  position: relative;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view {
  margin: auto;
  border-radius: 8px;
  min-width: 40vw;
  min-height: calc(100vh - 300px);
  overflow: hidden;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .inline-help-content {
  width: 40vw;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .selectTablesListContainer {
  margin-top: 20px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .masterDetailHeadingContainer {
  border-bottom: 1px solid #d7d7d7;
  font-size: 1.1em;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .masterDetailHeadingContainer > :nth-child(1) {
  display: inline-block;
  width: 35%;
  padding: 5px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .masterDetailHeadingContainer > :nth-child(2) {
  display: inline-block;
  padding: 5px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .select-schema-collection-container .master-list-item-view input {
  margin-right: 5px;
  margin-top: -4px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .select-schema-collection-container .master-list-item-view .fa-folder-o {
  margin-right: 5px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .master #selectAllSchemasContainer {
  line-height: 30px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .detail .select-tables-list {
  margin-left: 10px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .detail .select-tables-list .select-tables-item {
  line-height: 30px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .detail .select-tables-list .select-tables-item input {
  margin-right: 5px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .detail .select-tables-list .select-tables-item .fa-file-text-o {
  margin-right: 5px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer #selectAllTablesContainer {
  font-weight: bold;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .selectOptionHeader {
  cursor: pointer;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .selectionDetailView {
  transition: all 0.2s ease-in;
  overflow: hidden;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .selectionDetailView .wildCardContainer {
  margin: 10px 20px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .selectionDetailView .controls {
  margin: 15px 0;
  overflow: auto;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectOptionContainer .selectionDetailView .controls > input {
  width: 300px;
}
#appwizard-componentwizard .cdc-wizard .select-tables-view .selectTablesListContainer {
  transition: all 0.2s ease-in;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view {
  margin: auto;
  border-radius: 8px;
  min-width: 40vw;
  min-height: calc(100vh - 300px);
  overflow: hidden;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .inline-help-content {
  width: 40vw;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view #connection-test-container {
  overflow: hidden;
  padding: 24px;
  max-height: 60vh;
  overflow: scroll;
  overflow-wrap: break-word;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view pre {
  border: 1px solid #d7d7d7;
  padding: 10px;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry {
  font-size: 16px;
  clear: both;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry .validation-list {
  width: 100%;
  display: flex;
  align-items: center;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry .operation-name {
  line-height: 48px;
  padding-left: 16px;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry .icon.fail:after {
  content: "\f06a";
  width: 25%;
  color: #f05d3b;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry .icon.warn:after {
  content: "\f06a";
  width: 25%;
  color: #f9a825;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry .icon.done:after {
  content: url("/app/images/Checkmark.svg");
  width: 25%;
  color: #0d874c;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry .connection-remedy {
  font-size: 14px;
  clear: both;
  padding: 10px 20px;
  display: none;
  background-color: transparent;
}
#appwizard-componentwizard .cdc-wizard .connection-test-view .connection-test-entry.todo .icon {
  width: 20px;
  height: 20px;
  margin: auto 8;
  border: solid 4px #089BEE;
  border-radius: 50%;
  border-right-color: #D8E4F0;
  border-bottom-color: #D8E4F0;
  border-top-color: #D8E4F0;
  -webkit-transition: all 0.5s ease-in;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  transition: all 0.5s ease-in;
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
#appwizard-componentwizard .cdc-wizard .server-connection-container {
  width: 550px;
  margin: auto;
  border-radius: 8px;
}
#appwizard-componentwizard .cdc-wizard .server-connection-container .controls {
  padding: 0;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container {
  border-color: #d7d7d7;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-default-view .map-and-filter-info-container .map-and-filter-info-desc .default-stream-name {
  color: #000000;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container {
  border-color: #d7d7d7;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .master {
  border-color: #d7d7d7;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .unknown-data-found {
  border-color: #d7d7d7;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .submit,
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .cancel {
  background-color: #e9e9e9;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .submit.disabled,
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .cancel.disabled {
  color: #b6cad2;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .icon-del,
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .cancel {
  color: #010a30;
}
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .icon-del:hover,
.light #appwizard-componentwizard .cdc-wizard .map-and-filter-view .map-and-filter-content-container .map-and-filter-advanced-view .map-and-filter-streams-container .stream-list-master-detail-container .master-detail-layout .detail .stream-name-form .meta-object-editor .actions .cancel:hover {
  color: #020f49;
}
.target-wizard-container {
  width: fit-content;
  background: white;
}
.target-wizard-container .header h2 {
  width: 100%;
}
.target-wizard-container .inline-help-content {
  width: 45vw;
}
.target-wizard-container > .message.error.card h3,
.target-wizard-container > .message.error.card h4,
.target-wizard-container > .message.error.card h5 {
  color: white !important;
}
.target-wizard-container .card {
  margin: 0px;
  box-shadow: none;
  border-radius: 8px 8px 0px 0px;
}
.target-wizard-container .wizard-title {
  padding: 24px;
  border-bottom: 1px solid #D8E4F0;
}
.target-wizard-container .wizard-title .subtitle {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
.target-wizard-container .wizard-title .message.card {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  font-weight: 400;
  border-radius: 8px;
  margin-top: 16px;
  background: #FAEDEF;
  border: 1px solid #F5DADF;
  color: #5E6B78;
  line-height: 20px;
}
.target-wizard-container .wizard-title .message.card .error-flex {
  display: flex;
  align-items: center;
  gap: 12px;
}
.target-wizard-container .from-control-container-title {
  display: none;
}
.target-wizard-container .target-wizard {
  max-height: 65vh;
  overflow: auto;
}
.target-wizard-container .target-wizard .component-target > .controls {
  padding-top: 0px;
}
.target-wizard-container .target-wizard .component-target > .controls .properties-required .grouped-property-template-fields {
  margin-left: -16px;
  margin-right: -16px;
}
#cq-required-message > div {
  background-color: #ffa60033 !important;
}
.error-box-container {
  background-color: #FAEDEF;
  border: 1px solid #F5DADF;
  margin-top: 16px;
  border-radius: 8px;
  padding: 16px;
  gap: 8px;
  display: flex;
  align-items: center;
}
.error-box-container .error-message {
  color: #5E6B78;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
}
#appwizard-container {
  position: absolute;
  width: -webkit-fill-available;
  width: -moz-available;
  padding: 32px;
  top: 16px;
}
#appwizard-container .link-to-flow-designer {
  text-align: center;
  margin: 10px 0;
}
#appwizard-container .link-to-flow-designer a {
  color: #00a7e5;
}
#appwizard-container .link-to-flow-designer a:hover {
  text-decoration: underline;
}
#appwizard-container #appwizard-topbar {
  height: 64px;
  line-height: 64px;
}
#appwizard-container #appwizard-topbar .helpable-button {
  margin-left: 0;
}
#appwizard-container #appwizard-topbar .template-steps-list {
  display: inline-block;
}
#appwizard-container #appwizard-topbar .template-info {
  display: inline-block;
  font-size: 0.9em;
}
#appwizard-container #appwizard-topbar .template-info i {
  line-height: 10px;
  margin: 0;
  font-size: 17px;
  color: #6E7D8C;
}
#appwizard-container #appwizard-topbar .template-info .helpable-button {
  font-size: 19px;
}
#appwizard-container #appwizard-topbar .topbarEntry {
  display: inline-block;
  text-decoration: none;
}
#appwizard-container #appwizard-topbar .topbarEntry .icon {
  margin: 0px 8px;
}
#appwizard-container #appwizard-topbar .topbarEntry:last-child .fa {
  display: none;
}
#appwizard-container #appwizard-componentwizard {
  overflow: auto;
  width: 100%;
  height: auto;
}
#appwizard-container #appwizard-componentwizard .cosmos-wizard-container {
  padding: 16px 0;
  height: calc(100vh - 189px);
  width: 100%;
}
#appwizard-container #appwizard-componentwizard .properties-required .grouped-property-template-fields {
  margin-left: -16px;
  margin-right: -16px;
}
#appwizard-container #appwizard-componentwizard .file-wizard {
  width: 700px;
  background: #fff;
  border-radius: 8px;
}
#appwizard-container #appwizard-componentwizard .file-wizard .simple-source-card {
  margin: auto;
}
#appwizard-container #appwizard-componentwizard .file-wizard .simple-source-card .head {
  width: 100%;
}
#appwizard-container #appwizard-componentwizard .file-wizard .simple-source-card .header {
  padding: 24px;
  border-bottom: 1px solid #D8E4F0;
}
#appwizard-container #appwizard-componentwizard .file-wizard .simple-source-card .header .subtitle {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
#appwizard-container #appwizard-componentwizard .file-wizard .simple-source-card .from-control-container-title {
  display: none;
}
#appwizard-container #appwizard-componentwizard .file-wizard .simple-source-card .controls {
  padding-top: 0;
}
#appwizard-container #appwizard-componentwizard .file-wizard .simple-source-card #source-form-container {
  max-height: 60vh;
  overflow: auto;
}
#appwizard-container #appwizard-componentwizard .template-filter {
  padding: 16px;
}
#appwizard-container #appwizard-componentwizard .template-filter .from-control-container-Search_Templates .head label {
  font-size: 16px;
  vertical-align: middle;
}
#appwizard-container #appwizard-componentwizard .template-filter .controls {
  padding: 0;
}
#appwizard-container #appwizard-componentwizard #select-template-layout-container,
#appwizard-container #appwizard-componentwizard .select-template-layout-container {
  width: 1130px;
  margin: auto;
}
#appwizard-container #appwizard-componentwizard #select-template-layout-container .page-title,
#appwizard-container #appwizard-componentwizard .select-template-layout-container .page-title {
  text-align: center;
}
#appwizard-container #appwizard-componentwizard .create-app-container {
  width: 400px;
  padding-top: 50px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
#appwizard-container #appwizard-componentwizard .create-app-container h1 {
  text-align: center;
}
#appwizard-container #appwizard-componentwizard .p4Label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
#appwizard-container #appwizard-componentwizard #select-all:indeterminate + span:before {
  margin: 1px 0px 0px -1px;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection {
  margin: auto;
  border-radius: 8px;
  min-width: 40vw;
  min-height: calc(100vh - 300px);
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .inline-help-content {
  width: 40vw;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .master {
  padding: 0;
  border-right: 1px solid #D8E4F0;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .master .master-collection-view {
  margin: 0;
  border-radius: 0px;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .master .master-collection-view .master-list-item-view {
  padding-left: 24px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .master .master-collection-view .active {
  background-color: #EBF2FA;
  border-color: #D8E4F0;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .master .master-collection-view .active span {
  color: #1E1E5C;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .master .master-collection-view .master-list-item-view:first-child {
  border-top-color: transparent;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .detail-view-container {
  padding: 16px;
}
#appwizard-container #appwizard-componentwizard .dbreader-table-selection .master-detail-layout .detail-view-container .wizard-subtitle {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container {
  margin: auto;
  border-radius: 8px;
  min-width: 40vw;
  min-height: calc(100vh - 300px);
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .inline-help-content {
  width: 40vw;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container #detail-title {
  display: none;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container h4 {
  padding: 15px 10px;
  font-size: 16px;
  font-weight: 400;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .orm-check-results .master-detail-layout {
  height: 100%;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .orm-check-results .master {
  padding-top: 5px;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .orm-check-results .hazelcast-map-selector-region .controls {
  padding: 0;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .orm-check-results .hazelcast-map-selector-region .controls .from-control-container-entityName {
  min-height: 0;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .orm-check-results .hazelcast-map-selector-region .controls .from-control-container-entityName .head {
  display: none;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .api-error-view {
  width: 500px;
  margin: auto;
  border: 1px solid #dd3711;
  color: #dd3711;
  padding: 20px;
  text-align: center;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .orm-file-location-container {
  overflow: hidden;
  margin: auto;
  width: 500px;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .table-details table {
  border: none;
}
#appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .table-details table .title {
  width: 30%;
  font-weight: 600;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .master-detail-layout {
  height: calc(100vh - 250px);
  padding: 24px;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .master-detail-layout .target-name {
  width: 90%;
  display: inline-block;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Adapter {
  padding-top: 0;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Adapter > .head {
  display: none;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Adapter .from-control-container-Handler {
  display: none;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Format_ label {
  text-transform: capitalize;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Format_ .head {
  width: 100%;
  float: none;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Format_ .body {
  width: 90%;
  margin: auto;
  float: none;
  padding: 5px;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Format_ > .body {
  border: 1px solid;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Formatter {
  width: 95%;
  margin: auto;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Formatter > .body {
  border: 2px solid;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Formatter > .body > .property-template > div {
  padding: 10px;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard h2 {
  margin: 20px auto;
  text-align: center;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container:after {
  clear: both;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard .list-summary {
  padding: 16px 0 32px 0;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard .list-summary .summary-container .name {
  height: 0;
  padding: 0;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard .create-dashboard-step p {
  text-align: center;
}
#appwizard-container #appwizard-componentwizard .kafka-wizard .create-dashboard-step .field-row {
  display: flex;
  align-items: center;
  justify-content: center;
}
#appwizard-container #appwizard-footer .footerView {
  display: flex;
  justify-content: space-between;
}
#appwizard-container #appwizard-footer .footerView #footer-retry-button {
  display: none;
}
#appwizard-container #appwizard-footer .footerView .button-group {
  display: flex;
  gap: 8px;
}
#appwizard-container.appwizard-no-footer #appwizard-componentwizard {
  bottom: 0;
}
#appwizard-container.appwizard-no-footer #appwizard-footer {
  display: none;
}
.wizard-top-bar-tool-tip .tooltip-steps {
  display: flex;
}
.wizard-top-bar-tool-tip h3 {
  width: 100%;
}
.wizard-top-bar-tool-tip .wizard-top-bar-tool-tip-entry {
  width: 220px;
  display: inline-block;
}
.wizard-top-bar-tool-tip .wizard-top-bar-tool-tip-entry h4 span {
  display: inline-block;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background: #00a7e5;
  border: 2px solid #00a7e5;
  /**TODO add theming */
  color: #f5f6fc;
  margin-right: 5px;
}
#select-template-layout-container .fl,
.select-template-layout-container .fl {
  float: left;
}
#select-template-layout-container .sidebar,
.select-template-layout-container .sidebar {
  opacity: 1;
  transition: all 0.1s;
  transition-delay: 0.1s;
  background-color: #fdfdfd;
}
#select-template-layout-container .sidebar #sidebar-content #sidebar-header,
.select-template-layout-container .sidebar #sidebar-content #sidebar-header {
  line-height: 24px;
  font-size: 16px;
  padding: 5px;
}
#select-template-layout-container .sidebar #sidebar-content .sidebar-contents,
.select-template-layout-container .sidebar #sidebar-content .sidebar-contents {
  margin: 0;
}
#select-template-layout-container .sidebar #sidebar-content .sidebar-contents a,
.select-template-layout-container .sidebar #sidebar-content .sidebar-contents a {
  cursor: pointer;
  color: #00a7e5;
  padding: 3px 5px;
  min-width: 280px;
  overflow: hidden;
  display: block;
}
#select-template-layout-container .sidebar #sidebar-content .sidebar-contents a:hover,
.select-template-layout-container .sidebar #sidebar-content .sidebar-contents a:hover {
  text-decoration: underline;
}
#select-template-layout-container .sidebar.disabled,
.select-template-layout-container .sidebar.disabled {
  overflow: hidden;
  opacity: 0;
  width: 0;
  transition: all 0.1s;
  position: absolute;
}
#select-template-layout-container .template-filtered-list,
.select-template-layout-container .template-filtered-list {
  transition: opacity 0.2s;
  background: transparent;
}
#select-template-layout-container .app-wizard-item-template,
.select-template-layout-container .app-wizard-item-template {
  border: 1px solid #d9e0e3;
  padding: 24px;
  width: 31%;
  min-width: 200px;
  height: 140px;
  float: left;
  margin: 0 24px 24px 0;
  cursor: pointer;
  transition: all 0.2s;
}
#select-template-layout-container .app-wizard-item-template:nth-child(4n + 0),
.select-template-layout-container .app-wizard-item-template:nth-child(4n + 0) {
  margin-right: 0;
}
#select-template-layout-container .app-wizard-item-template.disabled,
.select-template-layout-container .app-wizard-item-template.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#select-template-layout-container .app-wizard-item-template .template-image,
.select-template-layout-container .app-wizard-item-template .template-image {
  min-width: 150px;
}
#select-template-layout-container .app-wizard-item-template .template-image .from-image,
.select-template-layout-container .app-wizard-item-template .template-image .from-image,
#select-template-layout-container .app-wizard-item-template .template-image .to-image,
.select-template-layout-container .app-wizard-item-template .template-image .to-image {
  display: inline-block;
  vertical-align: middle;
}
#select-template-layout-container .app-wizard-item-template .template-image .arrow-image,
.select-template-layout-container .app-wizard-item-template .template-image .arrow-image {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  color: #0094cc;
  height: 24px;
}
#select-template-layout-container .app-wizard-item-template .template-description,
.select-template-layout-container .app-wizard-item-template .template-description {
  margin-top: 16px;
}
#select-template-layout-container .select-template-container,
.select-template-layout-container .select-template-container {
  text-align: center;
}
#select-template-layout-container .select-template-container h3,
.select-template-layout-container .select-template-container h3 {
  padding-top: 16px;
}
#select-template-layout-container .select-template-container .filter-container,
.select-template-layout-container .select-template-container .filter-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
#select-template-layout-container .select-template-container .filter-container span,
.select-template-layout-container .select-template-container .filter-container span {
  font-size: 16px;
}
#select-template-layout-container .select-template-container .no-filter-results-view,
.select-template-layout-container .select-template-container .no-filter-results-view {
  overflow: hidden;
  margin-top: 20px;
  display: none;
}
#select-template-layout-container .select-template-container .disabled-template,
.select-template-layout-container .select-template-container .disabled-template {
  opacity: 0.5;
  cursor: not-allowed;
}
#select-template-layout-container .select-template-container .app-wizard-item-template,
.select-template-layout-container .select-template-container .app-wizard-item-template {
  width: 240px;
}
#select-template-layout-container #campaigns-list-view .campaign-items,
.select-template-layout-container #campaigns-list-view .campaign-items {
  overflow: hidden;
  height: 140px;
  margin-top: 20px;
}
#select-template-layout-container #campaigns-list-view .campaign-list-border,
.select-template-layout-container #campaigns-list-view .campaign-list-border {
  clear: both;
  width: 100%;
  text-align: right;
}
#select-template-layout-container #campaigns-list-view .campaign-list-border a,
.select-template-layout-container #campaigns-list-view .campaign-list-border a {
  color: #0094cc;
  cursor: pointer;
}
#select-template-layout-container.dialog .app-wizard-item-template,
.select-template-layout-container.dialog .app-wizard-item-template {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 100px;
  margin: 3px;
  width: 19%;
  min-width: 160px;
}
#select-template-layout-container.dialog .app-wizard-item-template .icon.from-image,
.select-template-layout-container.dialog .app-wizard-item-template .icon.from-image,
#select-template-layout-container.dialog .app-wizard-item-template .icon.to-image,
.select-template-layout-container.dialog .app-wizard-item-template .icon.to-image {
  font-size: 64px;
  height: 64px;
}
#select-template-layout-container.dialog .app-wizard-item-template .template-description,
.select-template-layout-container.dialog .app-wizard-item-template .template-description {
  padding-top: 5px;
  width: 90%;
  margin-left: 5%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wizards-intro-tooltip {
  width: 700px;
  padding: 20px;
}
#wizards-intro-tooltip .content a {
  color: #00a7e5;
}
#wizards-intro-tooltip .footer .button {
  padding: 10px;
}
#wizards-intro-tooltip .footer #tutorial-button,
#wizards-intro-tooltip .footer #tutorial-link,
#wizards-intro-tooltip .footer #samples-button {
  float: left;
  margin-right: 20px;
}
#wizards-intro-tooltip .footer #create-app-button {
  float: right;
}
#wizards-intro-tooltip .footer:after {
  display: block;
  content: "";
  clear: both;
}
.light #appwizard-container #appwizard-topbar {
  color: #91A3B8;
}
.light #appwizard-container #appwizard-topbar .topbarEntry .current {
  color: #1E1E5C;
  font-weight: 600;
}
.light #appwizard-container #appwizard-componentwizard .hazelcast-orm-check-container .table-details table {
  background: #f5f6fc;
}
.light #appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Format_ > .body {
  border-color: #d7d7d7;
}
.light #appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Formatter > .body {
  border-color: #f6f6f6;
}
.light #appwizard-container #appwizard-componentwizard .kafka-wizard #set-up-target-container .from-control-container-Formatter > .body > .property-template .handler {
  background: #f6f6f6;
}
.light #appwizard-container #appwizard-footer {
  background: #fff;
  border-top: 1px solid #d9e0e3;
  border-radius: 0 0 8px 8px;
}
.light #select-template-layout-container .app-wizard-item-template:hover,
.light .select-template-layout-container .app-wizard-item-template:hover {
  border-color: #00a7e5;
}
.light #select-template-layout-container .app-wizard-item-template .template-image .from-image,
.light .select-template-layout-container .app-wizard-item-template .template-image .from-image,
.light #select-template-layout-container .app-wizard-item-template .template-image .to-image,
.light .select-template-layout-container .app-wizard-item-template .template-image .to-image {
  color: #010a30;
}
.light #select-template-layout-container #campaigns-list-view .campaign-group,
.light .select-template-layout-container #campaigns-list-view .campaign-group {
  background: #fff;
  margin-bottom: 40px;
  padding: 24px;
}
.light #select-template-layout-container #campaigns-list-view .campaign-header,
.light .select-template-layout-container #campaigns-list-view .campaign-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.light #wizards-intro-tooltip {
  color: #010a30;
}
.report-list .report-collection-view .dataTables_filter {
  text-align: left;
  margin-right: 38px;
  margin-bottom: 8px;
  display: none;
}
.report-list .report-collection-view pre {
  max-height: 100px;
}
.report-list .report-collection-view h2 {
  margin-top: 16px;
}
.inline-help-wizard {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.inline-help-content {
  -webkit-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  align-self: auto;
  width: calc(100vw - 800px);
}
.inline-help-content .table-selection-container {
  height: 68vh;
  max-height: 68vh;
}
.inline-help-content .table-selection-container .master-detail-layout {
  height: inherit;
}
.inline-help-helptext {
  -webkit-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  align-self: auto;
  transition: all 0.3s ease-in-out;
  background: #f7fbff;
  height: 100%;
  padding-top: 8px;
  min-height: calc(100vh - 300px) !important;
  border-left: 1px solid #d8e4f0;
}
.inline-help-helptext #inline-doc-buttons .btn {
  line-height: unset !important;
  margin: 4px !important;
  background: unset !important;
  border: unset !important;
  width: 24px;
}
.inline-help-helptext.open {
  width: 45vw;
  padding: 4px;
}
.inline-help-helptext.open > #toggleHelpPanel img {
  transform: rotate(0deg);
}
.inline-help-helptext.closed {
  width: 60px;
  padding: 0px;
}
.inline-help-helptext.closed > #toggleHelpPanel img {
  transform: rotate(180deg);
}
.inline-help-helptext .helpContent {
  height: calc(100% - 50px);
  overflow: auto;
}
.inline-help-helptext .helpContent ul {
  padding: revert;
  list-style: revert;
}
.inline-help-helptext .helpContent ul li {
  list-style-type: revert;
}
.inline-help-helptext .helpContent .orderedlist-title {
  font-weight: 600;
}
.flat-list .active-step {
  color: #00a7e5;
}
.tab-list .tabs .tab-name {
  display: inline-block;
  width: 200px;
  border: 1px solid;
  border-radius: 5px 5px 0 0;
  padding: 15px;
}
.tab-list .active-step {
  color: #00a7e5;
}
@keyframes highlight-light-theme {
  from {
    border-color: #d7d7d7;
    background: #d7d7d7;
  }
  to {
    border-color: #00a7e5;
    background: #00a7e5;
  }
}
@keyframes highlight-dark-theme {
  from {
    border-color: #02166c;
    background: #02166c;
  }
  to {
    border-color: #00a7e5;
    background: #00a7e5;
  }
}
.sliding-list .content .list-summary .title-container {
  position: relative;
  display: inline-block;
  padding: 0 0;
}
.sliding-list .content .list-summary .title-container .name {
  padding: 0px 8px;
}
.sliding-list .content .list-summary .title-container:first-child .small-line {
  margin-right: 0;
}
.sliding-list .content .list-summary .title-container .small-line {
  width: 32px;
  height: 1px;
  background: #A7B7C7;
  margin-right: 8px;
}
.sliding-list .content .list-summary .title-container .status-icon {
  display: inline-block;
  font-size: 24px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 1px solid;
  text-align: center;
}
.sliding-list .content .list-summary .title-container .status-icon .check {
  display: none;
  font-size: 0.7em;
  text-align: center;
  margin-top: 2px;
}
.sliding-list .content .list-summary .title-container .status-icon .step-num {
  display: block;
  font-size: 0.6em;
  font-size: 14px;
  line-height: 23px;
}
.sliding-list .content .list-summary .title-container .line {
  position: absolute;
  margin: 0;
  top: 82%;
  left: -42%;
  display: inline-block;
  width: 126px;
  border: 2px solid;
}
.sliding-list .content .list-summary .title-container.active-step .status-icon,
.sliding-list .content .list-summary .title-container.complete-step .status-icon {
  background: #2AAC5E;
  border-color: #2AAC5E;
  animation-duration: 0.5s;
  animation-timing-function: ease;
}
.sliding-list .content .list-summary .title-container.active-step .line,
.sliding-list .content .list-summary .title-container.complete-step .line {
  display: inline-block;
  width: 126px;
}
.sliding-list .content .list-summary .title-container.complete-step .step-num {
  display: none;
}
.sliding-list .content .list-summary .title-container.complete-step .check {
  display: block;
}
.sliding-list .content .list-summary .title-container:first-child .small-line {
  width: 0px;
}
.sliding-list .content .list-summary .title-container:only-child .status-icon {
  display: none;
}
.sliding-list .content .wizard-form {
  margin-top: 32px;
  background: white;
  border-radius: 8px;
  border: 1px solid #D8E4F0;
}
.sliding-list .content .sliding-item-container {
  margin: 0 auto;
}
.light .sliding-list .content .list-summary .summary-container .title-container .progress-stepper {
  display: flex;
  align-items: center;
  width: max-content;
}
.light .sliding-list .content .list-summary .summary-container .title-container .status-icon {
  color: #A7B7C7;
}
.light .sliding-list .content .list-summary .summary-container .title-container .status-icon .check {
  color: #f5f6fc;
}
.light .sliding-list .content .list-summary .summary-container .title-container .name {
  font-size: 16px;
  font-weight: 600;
  color: #A7B7C7;
}
.light .sliding-list .content .list-summary .summary-container .title-container .line {
  border-color: #d7d7d7;
}
.light .sliding-list .content .list-summary .summary-container .title-container.active-step .status-icon {
  background: #089BEE;
  border-color: #089BEE;
}
.light .sliding-list .content .list-summary .summary-container .title-container.active-step .status-icon,
.light .sliding-list .content .list-summary .summary-container .title-container.complete-step .status-icon {
  animation-name: highlight-light-theme;
  color: #F7FBFF;
}
.light .sliding-list .content .list-summary .summary-container .title-container.active-step .name,
.light .sliding-list .content .list-summary .summary-container .title-container.complete-step .name {
  color: #1E1E5C;
}
.light .sliding-list .content .list-summary .summary-container .title-container.active-step .small-line,
.light .sliding-list .content .list-summary .summary-container .title-container.complete-step .small-line {
  background: #1E1E5C;
}
.light .tab-list .tabs .tab-name {
  border-color: #d7d7d7;
}
.light .tooltipyo {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100px;
  transition: opacity 0.3s ease;
  z-index: 2000;
}
.light .tooltipyo .close {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #00a7e5;
  text-align: right;
  font-size: 1em;
  cursor: pointer;
}
.light .tooltipyo.monitor .arrow_box {
  margin-top: 10px;
}
.light .tooltipyo.monitor .tooltip-card {
  margin-top: 12px;
  width: 388px;
}
.light .tooltipyo.monitor .arrow_box:after {
  border-right-color: transparent;
}
.light .mb-dropdown {
  position: absolute !important;
  border-radius: 8px !important;
  width: 300px !important;
  right: 0;
  top: 32px;
  border: 1px solid #e1e1e1;
  z-index: 9999;
  margin: 16px;
}
.light .mb-dropdown:before,
.light .mb-dropdown .arrow {
  bottom: 100%;
  left: 80%;
  content: " ";
  position: absolute;
  border: 9px solid transparent;
  border-bottom-color: #e1e1e1;
  margin-left: -2px;
}
.light .mb-dropdown .arrow {
  top: -17px;
  border-bottom-color: #ffffff;
}
.light .mb-dropdown .searchContainer {
  margin: 16px 16px 8px 16px;
}
.light .mb-dropdown ul li {
  text-align: left;
}
.light .mb-dropdown ul li span {
  font-size: 12px;
  float: right;
}
.light .mb-dropdown ul li:hover {
  color: #020f49;
  background-color: #e2e2e2;
}
.light .mb-dropdown .mb-checkbox {
  position: relative;
  display: block;
  padding: 5px 0;
}
.light .mb-dropdown .mb-checkbox label {
  display: flex;
  line-height: 14px;
  padding-top: 0;
  cursor: pointer;
}
.light .mb-dropdown .mb-checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
  margin: 0;
  display: none;
}
.light .mb-dropdown .mb-checkbox span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.light .mb-dropdown .action-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  border-top: 1px solid #e1e1e1;
}
.light .mb-dropdown .action-buttons a {
  cursor: pointer;
  margin-left: 8px;
}
.light .mb-dropdown .action-buttons a:hover {
  opacity: 0.9;
}
.alerts-manager-container {
  padding: 32px;
  height: calc(100vh - 48px);
}
.alerts-manager-container .badge {
  display: inline-block;
  border-radius: 5px;
  float: right;
  color: white;
  padding: 0 5px;
}
.alerts-manager-container .alert-name-container {
  display: flex;
  justify-content: space-between;
}
.alerts-manager-container .tabs-box {
  margin-bottom: 16px;
}
.alerts-manager-container .chip {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-top: -4px;
  font-family: Inter, serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 18px;
  text-transform: uppercase;
}
.alerts-manager-container .chip i.material-icons {
  font-size: 12px;
  padding-right: 4px;
}
.alerts-manager-container .chip.enabled {
  background-color: unset;
  color: #2AAC5E;
}
.alerts-manager-container .chip.warning {
  background-color: unset;
  color: #DCA516;
}
.alerts-manager-container .chip.error {
  background-color: unset;
  color: #DB2A4A;
}
.alerts-manager-container .chip.not-enabled {
  background-color: unset;
}
.alerts-manager-container .chip.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alerts-manager-container .image-description {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  text-align: center;
}
.alerts-manager-container .message.warning a {
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
}
.alerts-manager-container i.material-icons.add-alert {
  float: right;
  cursor: pointer;
  color: #00a7e5;
  padding-left: 8px;
}
.alerts-manager-container .auto-flex-basis {
  flex: 0 0 auto;
}
.alerts-manager-container .badge.enabled {
  background-color: #13bf11;
}
.alerts-manager-container .badge.not-enabled {
  background-color: #02166c;
}
.alerts-manager-container .alerts-setup-container,
.alerts-manager-container .alerts-unauthorized-container {
  margin: auto;
  margin-bottom: 50px;
}
.alerts-manager-container .alerts-setup-container .setup-header,
.alerts-manager-container .alerts-unauthorized-container .setup-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.alerts-manager-container .alerts-setup-container .setup-header i,
.alerts-manager-container .alerts-unauthorized-container .setup-header i {
  margin-right: 8px;
}
.alerts-manager-container .alerts-setup-container header,
.alerts-manager-container .alerts-unauthorized-container header {
  text-align: center;
  max-width: 450px;
  margin: auto;
}
.alerts-manager-container .alerts-setup-container header div:nth-child(2),
.alerts-manager-container .alerts-unauthorized-container header div:nth-child(2) {
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  color: #6E7D8C;
}
.alerts-manager-container .alerts-setup-container section,
.alerts-manager-container .alerts-unauthorized-container section {
  width: 500px;
  margin: auto;
}
.alerts-manager-container .alerts-setup-container .alert-config-form .from-control-container-Header .headerWithHelpContainer,
.alerts-manager-container .alerts-unauthorized-container .alert-config-form .from-control-container-Header .headerWithHelpContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.alerts-manager-container .alerts-setup-container .alert-config-form .from-control-container-Header .headerWithHelpContainer i.material-icons,
.alerts-manager-container .alerts-unauthorized-container .alert-config-form .from-control-container-Header .headerWithHelpContainer i.material-icons {
  color: #48525C;
  font-size: 20px;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  margin-top: -14px;
}
.alerts-manager-container .alerts-setup-container .alert-config-form .from-control-container-From_Address .body,
.alerts-manager-container .alerts-unauthorized-container .alert-config-form .from-control-container-From_Address .body {
  width: 355px;
}
.alerts-manager-container .alerts-setup-container .alert-config-form h3,
.alerts-manager-container .alerts-unauthorized-container .alert-config-form h3 {
  font-size: 14px;
  text-align: center;
}
li .alerts-manager-container .alerts-setup-container .alert-config-form .from-control-container-Channel_Name,
li .alerts-manager-container .alerts-unauthorized-container .alert-config-form .from-control-container-Channel_Name {
  width: 60% !important;
  display: inline-block;
}
li .alerts-manager-container .alerts-setup-container .alert-config-form .from-control-container-Validate_TokenButton,
li .alerts-manager-container .alerts-unauthorized-container .alert-config-form .from-control-container-Validate_TokenButton {
  width: 38% !important;
  display: inline-block;
}
.alerts-manager-container .alerts-setup-container .alert-config-form .from-control-container-Validate_TokenButton .head,
.alerts-manager-container .alerts-unauthorized-container .alert-config-form .from-control-container-Validate_TokenButton .head {
  display: none;
}
.alerts-manager-container .alerts-setup-container .setup-config,
.alerts-manager-container .alerts-unauthorized-container .setup-config {
  border-radius: 10px;
  border: 1px solid #D8E4F0;
  box-shadow: unset;
}
.alerts-manager-container .alerts-setup-container .setup-config .input-col .row .col,
.alerts-manager-container .alerts-unauthorized-container .setup-config .input-col .row .col {
  padding: 0;
}
.alerts-manager-container .alerts-setup-container .setup-config .input-col .row .col label,
.alerts-manager-container .alerts-unauthorized-container .setup-config .input-col .row .col label {
  left: 0;
}
.alerts-manager-container .alerts-setup-container .setup-config .smtp-connection-control .row .col,
.alerts-manager-container .alerts-unauthorized-container .setup-config .smtp-connection-control .row .col {
  padding: 0;
}
.alerts-manager-container .alerts-setup-container .setup-config .smtp-connection-control .row .col label,
.alerts-manager-container .alerts-unauthorized-container .setup-config .smtp-connection-control .row .col label {
  left: 0;
}
.alerts-manager-container .alerts-setup-container .setup-config .teams-connection-control .row .col,
.alerts-manager-container .alerts-unauthorized-container .setup-config .teams-connection-control .row .col {
  padding: 0;
}
.alerts-manager-container .alerts-setup-container .setup-config .teams-connection-control .row .col label,
.alerts-manager-container .alerts-unauthorized-container .setup-config .teams-connection-control .row .col label {
  left: 0;
}
.alerts-manager-container .alerts-setup-container .setup-config .controls,
.alerts-manager-container .alerts-unauthorized-container .setup-config .controls {
  padding: 16px 40px;
}
.alerts-manager-container .alerts-setup-container .setup-config .teams-validate-btn,
.alerts-manager-container .alerts-unauthorized-container .setup-config .teams-validate-btn {
  padding: 0;
  margin-left: 8px;
}
.alerts-manager-container .alerts-setup-container .setup-config .teams-validate-btn button,
.alerts-manager-container .alerts-unauthorized-container .setup-config .teams-validate-btn button {
  height: 40px;
}
.alerts-manager-container .alerts-setup-container .setup-config .send-test-email,
.alerts-manager-container .alerts-unauthorized-container .setup-config .send-test-email,
.alerts-manager-container .alerts-setup-container .setup-config .send-test-msg,
.alerts-manager-container .alerts-unauthorized-container .setup-config .send-test-msg {
  width: 100%;
}
.alerts-manager-container .alerts-setup-container .actions,
.alerts-manager-container .alerts-unauthorized-container .actions {
  position: fixed;
}
.alerts-manager-container .alerts-setup-container h1 i,
.alerts-manager-container .alerts-unauthorized-container h1 i {
  font-size: 30px;
}
.alerts-manager-container .left-side-bar {
  height: 100%;
}
.alerts-manager-container .left-side-bar .left-sidebar-container-wrapper {
  height: 100%;
}
.alerts-manager-container .content {
  height: 100%;
  flex: 1;
  margin-left: 24px;
}
.alerts-manager-container .content > div {
  height: 100%;
  overflow: auto;
}
.alerts-manager-container .content .card {
  margin: 0;
}
.alerts-manager-container .top-section {
  padding-bottom: 24px;
  height: 60px;
}
.alerts-manager-container .top-section .top-section-header {
  display: flex;
  align-items: center;
  margin-right: 4px;
  justify-content: space-between;
}
.alerts-manager-container .top-section .top-section-header .button-status-container {
  display: flex;
}
.alerts-manager-container .top-section .top-section-header > a > img {
  margin-bottom: -4px;
  margin-right: 4px;
}
.alerts-manager-container .bottom-section {
  display: flex;
  height: calc(100% - 60px);
}
.alerts-manager-container .left-sidebar-container,
.alerts-manager-container .groups {
  height: 100%;
  min-height: 220px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.alerts-manager-container .left-sidebar-container .add-button > .material-icons,
.alerts-manager-container .groups .add-button > .material-icons {
  font-size: 26px !important;
}
.alerts-manager-container .left-sidebar-container header,
.alerts-manager-container .groups header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.alerts-manager-container .left-sidebar-container header h1,
.alerts-manager-container .groups header h1 {
  margin: 0;
  display: flex;
  align-items: center;
}
.alerts-manager-container .left-sidebar-container header h1 i,
.alerts-manager-container .groups header h1 i {
  font-size: 30px;
  margin-right: 5px;
}
.alerts-manager-container .left-sidebar-container .tabs ul,
.alerts-manager-container .groups .tabs ul {
  margin-bottom: 0;
}
.alerts-manager-container .left-sidebar-container .active .group-header .group-header-text .expand-icon,
.alerts-manager-container .groups .active .group-header .group-header-text .expand-icon {
  -moz-transform: rotate(0turn);
  -webkit-transform: rotate(0turn);
  -o-transform: rotate(0turn);
  transform: rotate(0turn);
}
.alerts-manager-container .left-sidebar-container .no-alerts,
.alerts-manager-container .groups .no-alerts {
  width: 100%;
  text-align: center;
  margin-top: 64px;
}
.alerts-manager-container .left-sidebar-container .no-alerts .illustration,
.alerts-manager-container .groups .no-alerts .illustration {
  width: 72px;
  height: auto;
}
.alerts-manager-container .left-sidebar-container .group-header,
.alerts-manager-container .groups .group-header {
  display: block;
  overflow: hidden;
}
.alerts-manager-container .left-sidebar-container .group-header .icon-container,
.alerts-manager-container .groups .group-header .icon-container {
  font-size: 20px;
}
.alerts-manager-container .left-sidebar-container .group-header .group-header-text,
.alerts-manager-container .groups .group-header .group-header-text {
  display: flex;
  flex-direction: column;
}
.alerts-manager-container .left-sidebar-container .group-header .group-header-text .row,
.alerts-manager-container .groups .group-header .group-header-text .row {
  align-items: center;
}
.alerts-manager-container .left-sidebar-container .group-header .group-header-text .expand-icon,
.alerts-manager-container .groups .group-header .group-header-text .expand-icon {
  width: 20px;
  height: 20px;
  margin-top: -20px;
  margin-right: 8px;
  -moz-transform: rotate(-0.25turn);
  -webkit-transform: rotate(-0.25turn);
  -o-transform: rotate(-0.25turn);
  transform: rotate(-0.25turn);
  transition-duration: 0.2s;
}
.alerts-manager-container .left-sidebar-container .group-header .group-header-text h6,
.alerts-manager-container .groups .group-header .group-header-text h6 {
  margin: 0 !important;
}
.alerts-manager-container .left-sidebar-container .group-header .group-header-text h4,
.alerts-manager-container .groups .group-header .group-header-text h4 {
  margin: 0 !important;
}
.alerts-manager-container .left-sidebar-container .group-header .group-header-text .group-header-title,
.alerts-manager-container .groups .group-header .group-header-text .group-header-title {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
}
.alerts-manager-container .left-sidebar-container .group-header .header-details,
.alerts-manager-container .groups .group-header .header-details {
  justify-content: space-between;
  align-items: center;
  padding-left: 32px;
}
.alerts-manager-container .left-sidebar-container .item-list-container,
.alerts-manager-container .groups .item-list-container {
  margin-top: 0;
  padding: 0;
}
.alerts-manager-container .left-sidebar-container .item-list-container .left-list-item,
.alerts-manager-container .groups .item-list-container .left-list-item {
  transition: background 0.2s ease-in;
  cursor: pointer;
  border-top: 1px solid #d7d7d7;
}
.alerts-manager-container .left-sidebar-container .inline-btn,
.alerts-manager-container .groups .inline-btn {
  display: inline-block;
  cursor: pointer;
  margin-left: 8px;
}
.alerts-manager-container .left-sidebar-container {
  height: 100%;
  padding: 0;
}
.alerts-manager-container .left-sidebar-container .search-input-wrapper {
  margin: 24px 0;
}
.alerts-manager-container .collection .collection-item {
  padding: 16px 16px 16px 40px;
}
.alerts-manager-container .collapsible {
  margin: 0 0 24px 0;
}
.light .alert-detail-container {
  padding: 0;
}
.light .alert-detail-container.card {
  overflow: hidden;
}
.light .alert-detail-container.card .form-container {
  /* calculate footer size */
  height: calc(100% - 100px);
}
.light .alert-detail-container.card .form-container > .meta-object-editor > .controls {
  overflow: auto;
}
.light .alert-detail-container .form-container {
  padding: 0;
}
.light .alert-detail-container .form-container .from-control-container-alertConditionText,
.light .alert-detail-container .form-container .from-control-container-alertingMethodText {
  padding-top: 0 !important;
}
.light .alert-detail-container .form-container .head {
  width: 100%;
}
.light .alert-detail-container .form-container .head h4 > span.description {
  margin-left: 8px;
  margin-top: 2px !important;
}
.light .alert-detail-container .actions {
  position: sticky;
  bottom: 0;
  width: -webkit-fill-available;
  width: -moz-available;
  overflow: hidden !important;
  left: auto;
  right: auto;
  border: none !important;
  border-top: 1px solid #d9e0e3 !important;
  border-radius: 0 0 4px 4px !important;
}
.light .alert-detail-container .actions .cancel {
  display: none;
}
.light .alert-detail-container .card-content {
  padding: 24px 24px 0 24px;
}
.light .alert-detail-container .card-content h2.alert-name {
  color: #1E1E5C !important;
}
.light .alert-detail-container .card-content div {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #6E7D8C;
  margin-top: 4px;
}
.light .alert-detail-container a {
  color: #089BEE !important;
}
.light .alert-detail-container .meta-object-editor .field-row.from-control-container-alertConditionTitle .header-with-icon {
  margin-bottom: 0 !important;
}
.light .alert-detail-container .meta-object-editor .from-control-container-alertConditionText .header-with-icon {
  margin-bottom: 0 !important;
}
.light .alert-detail-container .meta-object-editor .from-control-container-alertingMethodText .header-with-icon {
  margin-bottom: 0 !important;
}
.light .alert-detail-container .meta-object-editor .field-row.from-control-container-Enable_Alert {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.light .alert-detail-container .meta-object-editor .field-row.from-control-container-Enable_Alert .body {
  width: 15%;
}
.light .alert-detail-container .meta-object-editor .field-row.from-control-container-Enable_Alert .head {
  margin-top: 8px;
}
.light .alert-detail-container .meta-object-editor .from-control-container-alertingMethodTitle .header-with-icon {
  margin-bottom: 0 !important;
}
.light .alert-detail-container .meta-object-editor .field-row:not(.from-control-container-alertNameTitle) {
  width: 350px !important;
}
.light .alert-detail-container .meta-object-editor .from-control-container-Alert_Type .head > div > h4 {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
}
.light .alert-detail-container .meta-object-editor .from-control-container-Alert_Type .body .radio-grp {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.light .alert-detail-container .meta-object-editor .from-control-container-Alert_Type .body .radio-grp label > span {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #6E7D8C;
  line-height: 16px;
}
.click-left-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: inherit;
}
.click-left-message img {
  width: auto;
  height: 200px;
  margin-bottom: 20px;
}
.click-left-message a {
  text-decoration: underline;
  text-underline-position: under;
}
.alerts-manager-container.lite {
  height: 100%;
  width: 60vw;
}
.alerts-manager-container.lite .left-side-bar,
.alerts-manager-container.lite .content {
  height: 400px;
  overflow: auto;
}
.alerts-manager-container.lite .left-sidebar-container {
  height: 400px;
}
.alerts-manager-container.lite .left-sidebar-container .groups {
  height: calc(100% - 80px);
}
.alerts-manager-container.lite .alert-detail-container {
  padding: 0;
}
.alerts-manager-container.lite .alert-detail-container h2 {
  margin: 0;
}
.alerts-manager-container.lite .alert-detail-container .actions {
  position: sticky;
  width: 100%;
  margin: 0;
  bottom: 0;
}
.alerts-manager-container.lite .alert-detail-container .actions .icon.icon-del {
  margin-left: 35px;
}
.light .alerts-manager-container .meta-object-editor .controls {
  padding: 16px 16px 0 16px;
}
.light .alerts-manager-container .meta-object-editor .controls li .field-row .header-with-icon {
  margin-bottom: 8px;
}
/* Alert form is dynamic, so there is no specific CSS class, but we need to make that first padding is proper */
.light .alerts-manager-container .alert-detail-container > .form-container > .meta-object-editor > .controls {
  padding-top: 0;
  padding-left: 24px;
}
.light .alerts-manager-container .alert-detail-container > .form-container > .meta-object-editor > .controls > div > .no-label {
  margin-bottom: 0;
}
.alerts-list .alerts-manager-container .alert-detail-container .controls {
  margin-bottom: 0;
}
.icon-maker {
  position: relative;
}
.icon-maker .preview-adapter {
  position: absolute;
  right: 0;
}
.icon-maker .icon {
  width: 100%;
  height: 100%;
  padding-right: 0 !important;
}
.icon-maker .icon svg {
  fill: #ffffff;
  width: 100%;
  height: 100%;
}
.icon-maker .icon.with-border svg {
  padding: 8px;
  position: relative;
  z-index: 1000;
}
.icon-maker .icon .mirror {
  position: absolute;
}
.icon-maker .shape {
  position: absolute;
  width: 100%;
  height: 100%;
}
.icon-maker .shape img {
  display: block;
}
.icon-maker.component-icon {
  width: 64px;
  height: 64px;
}
.icon-maker.component-icon .with-border svg {
  padding: 14px;
}
.icon-maker.component-icon .mirror {
  height: 12px;
  width: 14px;
  bottom: 4px;
  right: 4px;
}
.icon-maker.graphnode-icon {
  width: 40px;
  height: 40px;
}
.icon-maker.graphnode-icon .mirror {
  height: 8px;
  width: 12px;
  bottom: 2px;
  right: 0px;
}
.icon-maker.sidebar-header-icon {
  width: 24px;
  height: 24px;
}
.schema-selection-view {
  margin: auto;
  border-radius: 8px;
  min-width: 40vw;
  min-height: calc(100vh - 300px);
  margin: auto !important;
}
.schema-selection-view .inline-help-content {
  width: 40vw;
}
.schema-selection-view .schema-selection-title {
  padding: 24px 24px 16px 24px;
}
.schema-selection-view #schema-selection_wrapper {
  max-height: 60vh;
  overflow: auto;
}
.schema-selection-view #schema-selection {
  cursor: pointer;
}
.schema-selection-view #schema-selection thead {
  margin-top: 20px;
}
.schema-selection-view #schema-selection .select-checkbox {
  text-align: center;
}
.schema-selection-view #schema-selection tbody .select-radiobutton {
  text-align: center;
}
.schema-selection-view #schema-selection tbody td,
.schema-selection-view #schema-selection tbody .selected {
  background-color: transparent;
}
.schema-selection-view #schema-selection tbody td .select-checkbox,
.schema-selection-view #schema-selection tbody .selected .select-checkbox,
.schema-selection-view #schema-selection tbody td .select-radiobutton,
.schema-selection-view #schema-selection tbody .selected .select-radiobutton {
  background-color: transparent;
}
.schema-selection-view #schema-selection tbody .selected:hover {
  background-color: #ebf2fa;
}
.schema-selection-view #schema-selection_filter {
  float: left;
  padding: 0px 24px 24px 24px;
  border-bottom: 1px solid #D8E4F0;
  margin-bottom: 24px;
  width: 100%;
}
.schema-selection-view #schema-selection_filter input[type="search"] {
  width: auto;
  float: left;
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  color: #0F0F42;
  text-overflow: ellipsis;
  /* Feature required by UX. Need to wrap each input with white background
  text-overflow: initial;
  &:not(:focus) {
    background: linear-gradient(90deg, @common_color_value 0%, @common_color_value 20px, @additional_white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    &:disabled, &:read-only {
      background: linear-gradient(90deg, @greyscale_400 0%, @greyscale_400 20px, @additional_white 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }*/
  background-image: url("/app/images/Search.svg");
  background-repeat: no-repeat;
  background-position-x: 8px;
  background-size: 18px;
  padding: 0px 0px 0px 32px !important;
  background-position-y: center;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input) {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #D8E4F0;
  border-radius: 8px;
  padding: 17px 12px;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus {
  border-bottom-width: 1px;
  border-color: #49B5F2;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label {
  letter-spacing: 0;
  text-transform: initial;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 400;
  color: #5E6B78;
  margin-left: 0;
  padding-left: 0;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):focus + label.active {
  transform: translateY(-22px);
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover {
  border-color: #BCC9D6;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):not([disabled]):not([readonly]):not(:focus):hover::placeholder {
  color: #5E6B78;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):disabled {
  color: #A7B7C7;
  border-color: #EBF2FA;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):disabled::placeholder {
  color: #A7B7C7;
}
.schema-selection-view #schema-selection_filter input[type="search"]:not(.browser-default, #react-select-2-input):disabled + label {
  color: #A7B7C7;
}
.schema-selection-view #schema-selection {
  width: 90%;
  margin-bottom: 24px;
}
.schema-selection-view #schema-selection .select-checkbox label {
  display: block;
  width: 20px;
  height: 20px;
}
.schema-selection-view #schema-selection .select-checkbox label input {
  width: 20px;
  height: 20px;
}
.schema-selection-view #schema-selection .select-checkbox span {
  pointer-events: none;
  padding: 0px;
}
.schema-selection-view #schema-selection .select-checkbox span:after {
  padding: 1px;
}
.drift-frame-controller {
  bottom: 60px !important;
}
.drift-frame-chat {
  bottom: 150px !important;
}
#drift-widget {
  bottom: 70px !important;
}
/* BOF Custom JqGrid */
.ui-widget-content {
  /*   .remove-grid-border{
      tr.jqgrow{
        td{
           border-left: transparent ;
           border-bottom: transparent;
        }
      }
    }*/
  border: transparent !important;
}
.ui-widget-content .hasCheckbox .ui-state-default.ui-th-column:first-child {
  padding-left: 3px;
}
.ui-widget-content .ui-jqgrid-bdiv .hasCheckbox .jqgfirstrow td:first-child {
  text-align: center;
}
.ui-widget-content .ui-jqgrid-bdiv table:not(.plain):not(.dg-options):not(.wa-table) {
  position: relative;
  top: -1px;
}
.ui-widget-content table:not(.plain):not(.dg-options):not(.wa-table) {
  border: transparent;
}
.ui-widget-content .ui-pg-table td {
  border: transparent !important;
}
.ui-widget-content .checkbox-admin input[type=checkbox] {
  display: none;
}
.ui-pager-control {
  height: 40px !important;
}
.ui-pager-control .ui-pg-input {
  width: 42px !important;
  height: 22px !important;
  margin: 0px 3px;
  font-size: 12px;
  line-height: 9px;
}
.ui-pager-control .ui-state-disabled:hover {
  padding: 0px 1px;
}
.ui-pager-control .ui-state-disabled:hover .ui-separator {
  margin: 0px 2px !important;
}
.ui-pager-control .ui-icon {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  display: inline;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  width: 12px;
  height: 12px;
  text-indent: inherit;
  font-size: 15px;
  position: relative;
  top: -2px;
}
.ui-pager-control .ui-icon.ui-icon-seek-next:before {
  content: "\f105";
}
.ui-pager-control .ui-icon.ui-icon-seek-end:before {
  content: "\f101";
}
.ui-pager-control .ui-icon.ui-icon-seek-first:before {
  content: "\f100";
}
.ui-pager-control .ui-icon.ui-icon-seek-prev:before {
  content: "\f104";
}
div.loader-line {
  position: relative;
  text-transform: uppercase;
  color: #00a7e5;
  padding-bottom: 5px;
  text-align: center;
}
div.loader-line:after {
  content: "";
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: loaderLine cubic-bezier(0.77, 0, 0.175, 1) 0.8s infinite;
  -webkit-animation: loaderLine cubic-bezier(0.77, 0, 0.175, 1) 0.8s infinite;
  animation: loaderLine cubic-bezier(0.77, 0, 0.175, 1) 0.8s infinite;
  background-color: #00a7e5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 4px;
}
@-moz-keyframes loaderLine {
  25% {
    width: 100%;
  }
  50% {
    width: 0;
    left: auto;
    right: 0;
  }
  75% {
    width: 100%;
  }
  100% {
    width: 0;
    right: auto;
    left: 0;
  }
}
@-webkit-keyframes loaderLine {
  25% {
    width: 100%;
  }
  50% {
    width: 0;
    left: auto;
    right: 0;
  }
  75% {
    width: 100%;
  }
  100% {
    width: 0;
    right: auto;
    left: 0;
  }
}
@keyframes loaderLine {
  25% {
    width: 100%;
  }
  50% {
    width: 0;
    left: auto;
    right: 0;
  }
  75% {
    width: 100%;
  }
  100% {
    width: 0;
    right: auto;
    left: 0;
  }
}
.error-message-overlay {
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: #020f49;
  text-align: center;
}
.error-message-overlay > span {
  display: table-cell;
  vertical-align: middle;
  font-size: 2em;
}
.error-message-overlay > span .error-content {
  background-color: #010a30;
  color: #d0dde2;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 5px;
}
/* hide auto "X" in IE for clearableSearch plugin */
input[type="text"]::-ms-clear {
  display: none;
}
.hidden-element {
  display: none !important;
}
.md-tabs-container {
  --primary-color: #3498DB;
  --accent-color: #E74C3C;
  --grey-700-color: #423f3f;
  --grey-900-color: #333333;
  --base-spacing: 8px;
  --font-m: 14px;
  --shadow-small: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
}
.tabs-box {
  display: flex;
  height: 48px;
  width: 100%;
  /*background-color: var(--primary-color);*/
  box-shadow: var(--shadow-small);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  /*  .tab-indicator {
    background-color: #4285F4;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: left 250ms ease-in-out, width 650ms ease-in-out;
  }*/
}
.tabs-box .tabs-menu {
  display: flex;
  justify-content: space-around;
  position: relative;
}
.tabs-box .tabs-menu .tab-button {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  border: none;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  font-size: var(--font-m);
  color: #666;
  /*text-transform: uppercase;*/
  white-space: normal;
  letter-spacing: 0.02857em;
  background-color: transparent;
  padding: var(--base-spacing) calc(var(--base-spacing) * 2);
  cursor: pointer;
  transition: color 250ms ease-in;
}
.tabs-box .tabs-menu .tab-button.disabled {
  color: rgba(78, 92, 98, 0.4);
  font-weight: 300;
  cursor: default;
}
.tabs-box .tabs-menu .tab-button.active {
  color: #4285F4 !important;
}
.tabs-box .tabs-menu .tab-button__content {
  display: block;
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tabs-box .tabs-menu .tab-button:hover,
.tabs-box .tabs-menu .tab-button:focus {
  outline: none;
  color: #4285F4;
  background-color: transparent;
}
.tabs-box .tab-button__ripple {
  position: absolute;
  background-color: black;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  animation: ripple 1000ms linear infinite;
  pointer-events: none;
}
.tabs-box .focus::after {
  content: '';
  position: absolute;
  opacity: 0.2;
  border-radius: 50%;
  width: 80%;
  height: auto;
  padding-top: 80%;
  background: black;
  transition: transform 300ms ease-in-out;
  transform: scale(0);
  animation: focusRipple 300ms linear infinite, focusPulse 1700ms linear 300ms infinite;
}
#end-to-end-tabs {
  display: flex;
  padding: 24px;
  justify-content: flex-start;
  border-bottom: 1px solid #D8E4F0;
}
@keyframes ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0.4;
  }
  100% {
    width: 500px;
    height: 500px;
    opacity: 0;
  }
}
@keyframes focusRipple {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes focusPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
.pulldown {
  position: relative;
}
/* Styles for our pulldown menus */
.pulldown.menu-button {
  margin-top: 8px;
}
.pulldown .pulldown-menu {
  position: absolute;
  top: 40px;
  right: 0;
  width: 300px;
  background-color: #fff;
  display: none;
  z-index: 21;
  box-shadow: 0 6px 15px 0 #48525C1F;
  border-radius: 8px;
  border: 1px solid #D8E4F0;
}
.pulldown .pulldown-menu h3 {
  text-align: left;
}
.pulldown .pulldown-menu #leedropdown {
  margin-top: 0;
}
.pulldown .pulldown-menu #leedropdown li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.pulldown .pulldown-menu #leedropdown li:hover {
  background-color: #F7FBFF;
}
.pulldown .pulldown-menu #leedropdown .divider {
  background-color: #D8E4F0;
}
.pulldown-right .pulldown-menu {
  left: auto;
  right: 0;
}
.pulldown-toggle.open + .pulldown-menu {
  display: block;
  -webkit-animation-name: openPullDown;
  animation-name: openPullDown;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.pulldown-right .pulldown-toggle.open + .pulldown-menu {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.pulldown-menu ul {
  list-style: none;
  padding: 0;
  margin: 4px 0;
}
.pulldown-menu ul li {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #0d1417;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}
.pulldown-menu ul li:hover {
  background-color: #f4f4f4;
}
@media (max-width: 550px) {
  .pulldown .pulldown-menu {
    position: fixed;
    top: auto!important;
    left: 0 !important;
    right: 0 !important;
    bottom: 10px!important;
    width: 95%;
    margin: auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .pulldown-toggle.open + .pulldown-menu {
    -webkit-animation-name: openPullDownMobile;
    animation-name: openPullDownMobile;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
  }
  .pulldown-menu ul {
    margin: 10px;
  }
  .pulldown-menu ul li {
    display: block;
    height: 45px;
    padding: 0 10px;
    line-height: 50px;
    cursor: pointer;
    text-decoration: none;
  }
  .pulldown .pulldown-menu li {
    background-color: #fff;
    margin-bottom: 1px;
    width: 100%;
  }
}
/*
|
| Grow from origin
|
*/
@-webkit-keyframes openPullDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes openPullDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/*
|
| Slide up from bottom
|
*/
@-webkit-keyframes openPullDownMobile {
  0% {
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@keyframes openPullDownMobile {
  0% {
    -webkit-transform: translate(0%, 100%);
    -ms-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

.ag-row-drag {
  user-select: none;
}

.ag-theme-material .ag-header-cell {
  padding-right: 0 !important;
}