/*! * Materialize v0.100.2 (http://materializecss.com) * Copyright 2014-2017 Materialize * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) */ .materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:transparent !important}.transparent-text{color:transparent !important}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}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}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-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}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.z-depth-3{-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)}.z-depth-4,.modal{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3);box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)}.z-depth-5{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,0.7)}.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'\E5CC';color:rgba(255,255,255,0.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{display:none;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width: 600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px 0px;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}table,th,td{border:none}table{width:100%;display:table}table.bordered>thead>tr,table.bordered>tbody>tr{border-bottom:1px solid #d0d0d0}table.striped>tbody>tr:nth-child(odd){background-color:#f2f2f2}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:#f2f2f2}table.centered thead tr th,table.centered tbody tr td{text-align:center}thead{border-bottom:1px solid #d0d0d0}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width: 992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:'\00a0'}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"\00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid #d0d0d0}table.responsive-table.bordered th{border-bottom:0;border-left:0}table.responsive-table.bordered td{border-left:0;border-right:0;border-bottom:0}table.responsive-table.bordered tr{border:0}table.responsive-table.bordered tbody tr{border-right:1px solid #d0d0d0}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:0.8rem;color:#fff;background-color:#26a69a;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.side-nav span.badge{margin-top:calc(24px - 11px)}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga'}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width: 601px){.container{width:85%}}@media only screen and (min-width: 993px){.container{width:70%}}.container .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width: 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width: 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width: 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#ee6e73;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width: 993px){nav a.button-collapse{display:none}}nav .button-collapse{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .button-collapse i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 992px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:0.5rem}nav .brand-logo.right{right:0.5rem;left:auto}}nav .brand-logo.right{right:0.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,0.1)}nav ul a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-large,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,0.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,0.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{height:64px;line-height:64px}.navbar-fixed{height:64px}}@font-face{font-family:"Roboto";src:local(Roboto Thin),url("/static/fonts/roboto/Roboto-Thin.1f35e6a11d27.woff2?f72697a71fca") format("woff2"),url("/static/fonts/roboto/Roboto-Thin.44b78f142603.woff?33e42b84471d") format("woff");font-weight:100}@font-face{font-family:"Roboto";src:local(Roboto Light),url("/static/fonts/roboto/Roboto-Light.3c37aa69cd77.woff2?acec38d50a6f") format("woff2"),url("/static/fonts/roboto/Roboto-Light.ea36cd9a0e9e.woff?b1ae247c0649") format("woff");font-weight:300}@font-face{font-family:"Roboto";src:local(Roboto Regular),url("/static/fonts/roboto/Roboto-Regular.5136cbe62a63.woff2?02a7cd67c545") format("woff2"),url("/static/fonts/roboto/Roboto-Regular.3cf6adf61054.woff?14a2b59cbc2e") format("woff");font-weight:400}@font-face{font-family:"Roboto";src:local(Roboto Medium),url("/static/fonts/roboto/Roboto-Medium.1561b424aaef.woff2?c013c361fcb1") format("woff2"),url("/static/fonts/roboto/Roboto-Medium.cf4d60bc0b1d.woff?adc00a50646f") format("woff");font-weight:500}@font-face{font-family:"Roboto";src:local(Roboto Bold),url("/static/fonts/roboto/Roboto-Bold.c0f1e4a4fdfb.woff2?03b4584f80ee") format("woff2"),url("/static/fonts/roboto/Roboto-Bold.eed9aab5449c.woff?166fb09710c1") format("woff");font-weight:700}a{text-decoration:none}html{line-height:1.5;font-family:"Roboto", sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.1rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:1.78rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.46rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.14rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:.82rem 0 .656rem 0}h6{font-size:1rem;line-height:110%;margin:.5rem 0 .4rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light,.page-footer .footer-copyright{font-weight:300}.thin{font-weight:200}.flow-text{font-weight:300}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0;color:inherit}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{position:relative;background-color:inherit;border-top:1px solid rgba(160,160,160,0.2);padding:16px 24px}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;word-break:break-all;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:transparent}.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,0.7)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{color:#fff}.tabs.tabs-transparent .indicator{background-color:#fff}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:rgba(238,110,115,0.7);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease;transition:color .28s ease}.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#ee6e73}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(238,110,115,0.7);cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left, right}@media only screen and (max-width: 992px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;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}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;visibility:hidden}.btn,.btn-large,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 2rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn.disabled,.disabled.btn-large,.btn-floating.disabled,.btn-large.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-flat:disabled,.btn[disabled],[disabled].btn-large,.btn-floating[disabled],.btn-large[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#DFDFDF !important;-webkit-box-shadow:none;box-shadow:none;color:#9F9F9F !important;cursor:default}.btn.disabled:hover,.disabled.btn-large:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,[disabled].btn-large:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-flat[disabled]:hover{background-color:#DFDFDF !important;color:#9F9F9F !important}.btn,.btn-large,.btn-floating,.btn-large,.btn-flat{font-size:1rem;outline:0}.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn:focus,.btn-large:focus,.btn-floating:focus{background-color:#1d7d74}.btn,.btn-large{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer}.btn:hover,.btn-large:hover{background-color:#2bbbad}.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:#26a69a;border-radius:50%;-webkit-transition:.3s;transition:.3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:#26a69a}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.horizontal{padding:0 0 0 15px}.fixed-action-btn.horizontal ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.horizontal ul li{display:inline-block;margin:15px 15px 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none}.btn-flat:focus{background-color:rgba(0,0,0,0.1)}.btn-flat.disabled{background-color:transparent !important;color:#b3b2b2 !important;cursor:default}.btn-large{height:54px;line-height:54px}.btn-large i{font-size:1.6rem}.btn-block{display:block}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;max-height:650px;overflow-y:auto;opacity:0;position:absolute;z-index:999;will-change:width, height}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left;text-transform:none}.dropdown-content li:hover,.dropdown-content li.active,.dropdown-content li.selected{background-color:#eee}.dropdown-content li.active.selected{background-color:#e1e1e1}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px}/*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.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}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-flat{margin:6px 0}.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}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.collapsible-body{display:none;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem}.side-nav .collapsible,.side-nav.fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.side-nav .collapsible li,.side-nav.fixed .collapsible li{padding:0}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}.side-nav .collapsible-header:hover,.side-nav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.05)}.side-nav .collapsible-header i,.side-nav.fixed .collapsible-header i{line-height:inherit}.side-nav .collapsible-body,.side-nav.fixed .collapsible-body{border:0;background-color:#fff}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;-webkit-transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid #9e9e9e;-webkit-box-shadow:none;box-shadow:none;margin:0 0 20px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}.chips:hover{cursor:text}.chips .chip.selected{background-color:#26a69a;color:#fff}.chips .input{background:none;border:0;color:rgba(0,0,0,0.6);display:inline-block;font-size:1rem;height:3rem;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}.chips .input:focus{border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix ~ .chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty ~ label{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.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}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}::placeholder{color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:1rem;margin:0 0 20px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all 0.3s;transition:all 0.3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.42);border-bottom:1px dotted rgba(0,0,0,0.42)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}input:not([type]).invalid+label:after,input:not([type]).valid+label:after,input[type=text]:not(.browser-default).invalid+label:after,input[type=text]:not(.browser-default).valid+label:after,input[type=password]:not(.browser-default).invalid+label:after,input[type=password]:not(.browser-default).valid+label:after,input[type=email]:not(.browser-default).invalid+label:after,input[type=email]:not(.browser-default).valid+label:after,input[type=url]:not(.browser-default).invalid+label:after,input[type=url]:not(.browser-default).valid+label:after,input[type=time]:not(.browser-default).invalid+label:after,input[type=time]:not(.browser-default).valid+label:after,input[type=date]:not(.browser-default).invalid+label:after,input[type=date]:not(.browser-default).valid+label:after,input[type=datetime]:not(.browser-default).invalid+label:after,input[type=datetime]:not(.browser-default).valid+label:after,input[type=datetime-local]:not(.browser-default).invalid+label:after,input[type=datetime-local]:not(.browser-default).valid+label:after,input[type=tel]:not(.browser-default).invalid+label:after,input[type=tel]:not(.browser-default).valid+label:after,input[type=number]:not(.browser-default).invalid+label:after,input[type=number]:not(.browser-default).valid+label:after,input[type=search]:not(.browser-default).invalid+label:after,input[type=search]:not(.browser-default).valid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea.valid+label:after{display:none}input:not([type]).invalid+label.active:after,input:not([type]).valid+label.active:after,input[type=text]:not(.browser-default).invalid+label.active:after,input[type=text]:not(.browser-default).valid+label.active:after,input[type=password]:not(.browser-default).invalid+label.active:after,input[type=password]:not(.browser-default).valid+label.active:after,input[type=email]:not(.browser-default).invalid+label.active:after,input[type=email]:not(.browser-default).valid+label.active:after,input[type=url]:not(.browser-default).invalid+label.active:after,input[type=url]:not(.browser-default).valid+label.active:after,input[type=time]:not(.browser-default).invalid+label.active:after,input[type=time]:not(.browser-default).valid+label.active:after,input[type=date]:not(.browser-default).invalid+label.active:after,input[type=date]:not(.browser-default).valid+label.active:after,input[type=datetime]:not(.browser-default).invalid+label.active:after,input[type=datetime]:not(.browser-default).valid+label.active:after,input[type=datetime-local]:not(.browser-default).invalid+label.active:after,input[type=datetime-local]:not(.browser-default).valid+label.active:after,input[type=tel]:not(.browser-default).invalid+label.active:after,input[type=tel]:not(.browser-default).valid+label.active:after,input[type=number]:not(.browser-default).invalid+label.active:after,input[type=number]:not(.browser-default).valid+label.active:after,input[type=search]:not(.browser-default).invalid+label.active:after,input[type=search]:not(.browser-default).valid+label.active:after,textarea.materialize-textarea.invalid+label.active:after,textarea.materialize-textarea.valid+label.active:after{display:block}input.valid:not([type]),input.valid:not([type]):focus,input[type=text].valid:not(.browser-default),input[type=text].valid:not(.browser-default):focus,input[type=password].valid:not(.browser-default),input[type=password].valid:not(.browser-default):focus,input[type=email].valid:not(.browser-default),input[type=email].valid:not(.browser-default):focus,input[type=url].valid:not(.browser-default),input[type=url].valid:not(.browser-default):focus,input[type=time].valid:not(.browser-default),input[type=time].valid:not(.browser-default):focus,input[type=date].valid:not(.browser-default),input[type=date].valid:not(.browser-default):focus,input[type=datetime].valid:not(.browser-default),input[type=datetime].valid:not(.browser-default):focus,input[type=datetime-local].valid:not(.browser-default),input[type=datetime-local].valid:not(.browser-default):focus,input[type=tel].valid:not(.browser-default),input[type=tel].valid:not(.browser-default):focus,input[type=number].valid:not(.browser-default),input[type=number].valid:not(.browser-default):focus,input[type=search].valid:not(.browser-default),input[type=search].valid:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus,.select-wrapper.valid>input.select-dropdown{border-bottom:1px solid #4CAF50;-webkit-box-shadow:0 1px 0 0 #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input.invalid:not([type]),input.invalid:not([type]):focus,input[type=text].invalid:not(.browser-default),input[type=text].invalid:not(.browser-default):focus,input[type=password].invalid:not(.browser-default),input[type=password].invalid:not(.browser-default):focus,input[type=email].invalid:not(.browser-default),input[type=email].invalid:not(.browser-default):focus,input[type=url].invalid:not(.browser-default),input[type=url].invalid:not(.browser-default):focus,input[type=time].invalid:not(.browser-default),input[type=time].invalid:not(.browser-default):focus,input[type=date].invalid:not(.browser-default),input[type=date].invalid:not(.browser-default):focus,input[type=datetime].invalid:not(.browser-default),input[type=datetime].invalid:not(.browser-default):focus,input[type=datetime-local].invalid:not(.browser-default),input[type=datetime-local].invalid:not(.browser-default):focus,input[type=tel].invalid:not(.browser-default),input[type=tel].invalid:not(.browser-default):focus,input[type=number].invalid:not(.browser-default),input[type=number].invalid:not(.browser-default):focus,input[type=search].invalid:not(.browser-default),input[type=search].invalid:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus,.select-wrapper.invalid>input.select-dropdown{border-bottom:1px solid #F44336;-webkit-box-shadow:0 1px 0 0 #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).valid+label:after,input:not([type]):focus.valid+label:after,input[type=text]:not(.browser-default).valid+label:after,input[type=text]:not(.browser-default):focus.valid+label:after,input[type=password]:not(.browser-default).valid+label:after,input[type=password]:not(.browser-default):focus.valid+label:after,input[type=email]:not(.browser-default).valid+label:after,input[type=email]:not(.browser-default):focus.valid+label:after,input[type=url]:not(.browser-default).valid+label:after,input[type=url]:not(.browser-default):focus.valid+label:after,input[type=time]:not(.browser-default).valid+label:after,input[type=time]:not(.browser-default):focus.valid+label:after,input[type=date]:not(.browser-default).valid+label:after,input[type=date]:not(.browser-default):focus.valid+label:after,input[type=datetime]:not(.browser-default).valid+label:after,input[type=datetime]:not(.browser-default):focus.valid+label:after,input[type=datetime-local]:not(.browser-default).valid+label:after,input[type=datetime-local]:not(.browser-default):focus.valid+label:after,input[type=tel]:not(.browser-default).valid+label:after,input[type=tel]:not(.browser-default):focus.valid+label:after,input[type=number]:not(.browser-default).valid+label:after,input[type=number]:not(.browser-default):focus.valid+label:after,input[type=search]:not(.browser-default).valid+label:after,input[type=search]:not(.browser-default):focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after,.select-wrapper.valid+label:after{content:attr(data-success);color:#4CAF50;opacity:1;-webkit-transform:translateY(9px);transform:translateY(9px)}input:not([type]).invalid+label:after,input:not([type]):focus.invalid+label:after,input[type=text]:not(.browser-default).invalid+label:after,input[type=text]:not(.browser-default):focus.invalid+label:after,input[type=password]:not(.browser-default).invalid+label:after,input[type=password]:not(.browser-default):focus.invalid+label:after,input[type=email]:not(.browser-default).invalid+label:after,input[type=email]:not(.browser-default):focus.invalid+label:after,input[type=url]:not(.browser-default).invalid+label:after,input[type=url]:not(.browser-default):focus.invalid+label:after,input[type=time]:not(.browser-default).invalid+label:after,input[type=time]:not(.browser-default):focus.invalid+label:after,input[type=date]:not(.browser-default).invalid+label:after,input[type=date]:not(.browser-default):focus.invalid+label:after,input[type=datetime]:not(.browser-default).invalid+label:after,input[type=datetime]:not(.browser-default):focus.invalid+label:after,input[type=datetime-local]:not(.browser-default).invalid+label:after,input[type=datetime-local]:not(.browser-default):focus.invalid+label:after,input[type=tel]:not(.browser-default).invalid+label:after,input[type=tel]:not(.browser-default):focus.invalid+label:after,input[type=number]:not(.browser-default).invalid+label:after,input[type=number]:not(.browser-default):focus.invalid+label:after,input[type=search]:not(.browser-default).invalid+label:after,input[type=search]:not(.browser-default):focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after,.select-wrapper.invalid+label:after{content:attr(data-error);color:#F44336;opacity:1;-webkit-transform:translateY(9px);transform:translateY(9px)}input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after,.select-wrapper+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;-webkit-transition:.2s opacity ease-out, .2s color ease-out;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label{width:calc(100% - 3rem - 1.5rem)}.input-field label{color:#9e9e9e;position:absolute;top:0;left:0;height:100%;font-size:1rem;cursor:text;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;text-align:initial;-webkit-transform:translateY(12px);transform:translateY(12px);pointer-events:none}.input-field label:not(.label-icon).active{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;-webkit-transition:color .2s;transition:color .2s}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .autocomplete-content{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;-webkit-box-shadow:none;box-shadow:none}.input-field input[type=search]:focus{background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;color:#444}.input-field input[type=search]:focus+label i,.input-field input[type=search]:focus ~ .mdi-navigation-close,.input-field input[type=search]:focus ~ .material-icons{color:#444}.input-field input[type=search]+label{left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;-webkit-transition:.3s color;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{overflow-y:hidden;padding:.8rem 0 1.6rem 0;resize:none;min-height:3rem}textarea.materialize-textarea.validate+label{height:100%}textarea.materialize-textarea.validate+label::after{top:calc(100% - 12px)}textarea.materialize-textarea.validate+label:not(.label-icon).active{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.hiddendiv{display:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0}.autocomplete-content{margin-top:-20px;margin-bottom:20px;display:block;opacity:1;position:static}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;opacity:0;pointer-events:none}[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+label:before,[type="radio"]+label:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after,[type="radio"]:checked+label:before,[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{border-radius:50%}[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after{border:2px solid #5a5a5a}[type="radio"]:not(:checked)+label:after{-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+label:before{border:2px solid transparent}[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{border:2px solid #26a69a}[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:after{background-color:#26a69a}[type="radio"]:checked+label:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type="radio"].with-gap:checked+label:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].tabbed:focus+label:before{-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1)}[type="radio"].with-gap:disabled:checked+label:before{border:2px solid rgba(0,0,0,0.42)}[type="radio"].with-gap:disabled:checked+label:after{border:none;background-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{background-color:transparent;border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled+label{color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+label:before{border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:checked+label:after{background-color:rgba(0,0,0,0.42);border-color:#949494}form p{margin-bottom:10px;text-align:left}form p:last-child{margin-bottom:0}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;opacity:0;pointer-events:none}[type="checkbox"]+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="checkbox"]+label:before,[type="checkbox"]:not(.filled-in)+label:after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;-webkit-transition:.2s;transition:.2s}[type="checkbox"]:not(.filled-in)+label:after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type="checkbox"]:not(:checked):disabled+label:before{border:none;background-color:rgba(0,0,0,0.42)}[type="checkbox"].tabbed:focus+label:after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.1)}[type="checkbox"]:checked+label:before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+label:before{border-right:2px solid rgba(0,0,0,0.42);border-bottom:2px solid rgba(0,0,0,0.42)}[type="checkbox"]:indeterminate+label:before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+label:before{border-right:2px solid rgba(0,0,0,0.42);background-color:transparent}[type="checkbox"].filled-in+label:after{border-radius:2px}[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after{content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+label:after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+label:before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+label:after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in.tabbed:focus+label:after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,0.1)}[type="checkbox"].filled-in.tabbed:checked:focus+label:after{border-radius:2px;background-color:#26a69a;border-color:#26a69a}[type="checkbox"].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#949494}[type="checkbox"].filled-in:disabled:checked+label:before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+label:after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,0.38);border-radius:15px;margin-right:10px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease}.switch label .lever:before{background-color:rgba(38,166,154,0.15)}.switch label .lever:after{background-color:#F1F1F1;-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(38,166,154,0.15)}input[type=checkbox]:not(:disabled) ~ .lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,0.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,0.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.input-field>select{display:block;position:absolute;width:0;pointer-events:none;height:0;top:0;left:0;opacity:0}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.valid+label,.select-wrapper.invalid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:1rem;margin:0 0 20px 0;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper span.caret{color:initial;position:absolute;right:0;top:0;bottom:0;height:10px;margin:auto 0;font-size:10px;line-height:10px}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}select:disabled{color:rgba(0,0,0,0.42)}.select-wrapper.disabled span.caret,.select-wrapper.disabled+label{color:rgba(0,0,0,0.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}.select-dropdown.dropdown-content li.active{background-color:transparent}.select-dropdown.dropdown-content li:hover{background-color:rgba(0,0,0,0.06)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,0.03)}.prefix ~ .select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix ~ label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:14px;width:14px;border-radius:50%;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0;-webkit-transition:.3s;transition:.3s}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#ddd;border:none}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input[type=range]:focus::-moz-range-track{background:#ccc}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:20px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:19px;border-left:1px solid #ee6e73}.table-of-contents a.active{font-weight:500;padding-left:18px;border-left:2px solid #ee6e73}.side-nav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);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;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.side-nav .collapsible{margin:0}.side-nav li{float:none;line-height:48px}.side-nav li.active{background-color:rgba(0,0,0,0.05)}.side-nav li>a{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.side-nav li>a:hover{background-color:rgba(0,0,0,0.05)}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-flat,.side-nav li>a.btn-floating{margin:10px 15px}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-floating{color:#fff}.side-nav li>a.btn-flat{color:#343434}.side-nav li>a.btn:hover,.side-nav li>a.btn-large:hover,.side-nav li>a.btn-large:hover{background-color:#2bbbad}.side-nav li>a.btn-floating:hover{background-color:#26a69a}.side-nav li>a>i,.side-nav li>a>[class^="mdi-"],.side-nav li>a li>a>[class*="mdi-"],.side-nav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.side-nav .divider{margin:8px 0 0 0}.side-nav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.side-nav .subheader:hover{background-color:transparent}.side-nav .user-view,.side-nav .userView{position:relative;padding:32px 32px 0;margin-bottom:8px}.side-nav .user-view>a,.side-nav .userView>a{height:auto;padding:0}.side-nav .user-view>a:hover,.side-nav .userView>a:hover{background-color:transparent}.side-nav .user-view .background,.side-nav .userView .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.side-nav .user-view .circle,.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .circle,.side-nav .userView .name,.side-nav .userView .email{display:block}.side-nav .user-view .circle,.side-nav .userView .circle{height:64px;width:64px}.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .name,.side-nav .userView .email{font-size:14px;line-height:24px}.side-nav .user-view .name,.side-nav .userView .name{margin-top:16px;font-weight:500}.side-nav .user-view .email,.side-nav .userView .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.side-nav.fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.side-nav.fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.side-nav.fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.side-nav a{padding:0 16px}.side-nav .user-view,.side-nav .userView{padding:16px 16px 0}}.side-nav .collapsible-body>ul:not(.collapsible)>li.active,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.side-nav .collapsible-body>ul:not(.collapsible)>li.active a,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.side-nav .collapsible-body{padding:0}#sidenav-overlay{position:fixed;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;will-change:opacity}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.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{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.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}.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}.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}.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}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{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%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);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}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-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{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);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{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#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}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{display:none;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.5);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s, visibility 0s 1s, -webkit-transform .3s;transition:opacity .3s, visibility 0s 1s, -webkit-transform .3s;transition:opacity .3s, transform .3s, visibility 0s 1s;transition:opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#ee6e73;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ffffff}.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s, visibility 0s, -webkit-transform .3s;transition:opacity .3s, visibility 0s, -webkit-transform .3s;transition:opacity .3s, transform .3s, visibility 0s;transition:opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large),.tap-target-origin:not(.btn):not(.btn-large):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:initial;position:relative}.pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}/*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */.picker__holder,.picker__frame{bottom:0;left:0;right:0;top:100%}.picker__holder{position:fixed;-webkit-transition:background 0.15s ease-out, top 0s 0.15s;transition:background 0.15s ease-out, top 0s 0.15s;-webkit-backface-visibility:hidden}.picker__frame{position:absolute;margin:0 auto;min-width:256px;width:300px;max-height:350px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out}@media (min-height: 28.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}}@media (min-height: 40.125em){.picker__frame{margin-bottom:7.5%}}.picker__wrap{display:table;width:100%;height:100%}@media (min-height: 28.875em){.picker__wrap{display:block}}.picker__box{background:#ffffff;display:table-cell;vertical-align:middle}@media (min-height: 28.875em){.picker__box{display:block;border:1px solid #777777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;-webkit-box-shadow:0 12px 36px 16px rgba(0,0,0,0.24);box-shadow:0 12px 36px 16px rgba(0,0,0,0.24)}}.picker--opened .picker__holder{top:0;background:transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";zoom:1;background:rgba(0,0,0,0.32);-webkit-transition:background 0.15s ease-out;transition:background 0.15s ease-out}.picker--opened .picker__frame{top:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height: 35.875em){.picker--opened .picker__frame{top:10%;bottom:auto}}.picker__input.picker__input--active{border-color:#E3F2FD}.picker__frame{margin:0 auto;max-width:325px}@media (min-height: 38.875em){.picker--opened .picker__frame{top:10%;bottom:auto}}@media only screen and (min-width: 601px){.picker__box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.picker__frame{width:80%;max-width:600px}}.picker__box{padding:0;border-radius:2px;overflow:hidden}.picker__header{text-align:center;position:relative;margin-top:.75em}.picker__month,.picker__year{display:inline-block;margin-left:.25em;margin-right:.25em}.picker__select--month,.picker__select--year{height:2em;padding:0;margin-left:.25em;margin-right:.25em}.picker__select--month.browser-default{display:inline;background-color:#FFFFFF;width:40%}.picker__select--year.browser-default{display:inline;background-color:#FFFFFF;width:26%}.picker__select--month:focus,.picker__select--year:focus{border-color:rgba(0,0,0,0.05)}.picker__nav--prev,.picker__nav--next{position:absolute;padding:.5em 1.25em;width:1em;height:1em;-webkit-box-sizing:content-box;box-sizing:content-box;top:-0.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}.picker__nav--disabled,.picker__nav--disabled:hover,.picker__nav--disabled:before,.picker__nav--disabled:before:hover{cursor:default;background:none;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:1rem;width:100%;margin-top:.75em;margin-bottom:.5em}.picker__table th,.picker__table td{text-align:center}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999999;font-weight:500}@media (min-height: 33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day--today{position:relative;color:#595959;letter-spacing:-.3;padding:.75rem 0;font-weight:400;border:1px solid transparent}.picker__day--disabled:before{border-top-color:#aaaaaa}.picker__day--infocus:hover{cursor:pointer;color:#000;font-weight:500}.picker__day--outfocus{display:none;padding:.75rem 0;color:#fff}.picker__day--outfocus:hover{cursor:pointer;color:#dddddd;font-weight:500}.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted{cursor:pointer}.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{border-radius:50%;-webkit-transform:scale(0.75);transform:scale(0.75);background:#0089ec;color:#ffffff}.picker__day--disabled,.picker__day--disabled:hover,.picker--focused .picker__day--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#dddddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbbbbb}.picker__footer{text-align:right}.picker__button--today,.picker__button--clear,.picker__button--close{border:1px solid #ffffff;background:#ffffff;font-size:.8em;padding:.66em 0;font-weight:bold;width:33%;display:inline-block;vertical-align:bottom}.picker__button--today:hover,.picker__button--clear:hover,.picker__button--close:hover{cursor:pointer;color:#000000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--today:focus,.picker__button--clear:focus,.picker__button--close:focus{background:#b1dcfb;border-color:rgba(0,0,0,0.05);outline:none}.picker__button--today:before,.picker__button--clear:before,.picker__button--close:before{position:relative;display:inline-block;height:0}.picker__button--today:before,.picker__button--clear:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-0.05em;width:0;border-top:0.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-0.25em;width:.66em;border-top:3px solid #ee2200}.picker__button--close:before{content:"\D7";top:-0.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#dddddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaaaaa}.picker__date-display{text-align:left;background-color:#26a69a;color:#fff;padding:18px;font-weight:300}@media only screen and (min-width: 601px){.picker__date-display{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.picker__weekday-display{display:block}.picker__container__wrapper{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}}.picker__nav--prev:hover,.picker__nav--next:hover{cursor:pointer;color:#000000;background:#a1ded8}.picker__weekday-display{font-weight:500;font-size:2.8rem;margin-right:5px;margin-top:4px}.picker__month-display{font-size:2.8rem;font-weight:500}.picker__day-display{font-size:2.8rem;font-weight:500;margin-right:5px}.picker__year-display{font-size:1.5rem;font-weight:500;color:rgba(255,255,255,0.7)}.picker__calendar-container{padding:0 1rem}.picker__calendar-container thead{border:none}.picker__table{margin-top:0;margin-bottom:.5em}.picker__day--infocus{color:rgba(0,0,0,0.87);letter-spacing:-.3px;padding:0.75rem 0;font-weight:400;border:1px solid transparent}@media only screen and (min-width: 601px){.picker__day--infocus{padding:1.1rem 0}}.picker__day.picker__day--today{color:#26a69a}.picker__day.picker__day--today.picker__day--selected{color:#fff}.picker__weekday{font-size:.9rem}.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{border-radius:50%;-webkit-transform:scale(0.9);transform:scale(0.9);background-color:#26a69a;color:#ffffff}.picker__day--selected.picker__day--outfocus,.picker__day--selected:hover.picker__day--outfocus,.picker--focused .picker__day--selected.picker__day--outfocus{background-color:#a1ded8}.picker__footer{text-align:right;padding:5px 10px}.picker__close,.picker__today,.picker__clear{font-size:1.1rem;padding:0 1rem;color:#26a69a}.picker__clear{color:#f44336;float:left}.picker__nav--prev:before,.picker__nav--next:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:0.75em solid #676767;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:0.75em solid #676767}button.picker__today:focus,button.picker__clear:focus,button.picker__close:focus{background-color:#a1ded8}.picker__list{list-style:none;padding:0.75em 0 4.2em;margin:0}.picker__list-item{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}@media (min-height: 46.75em){.picker__list-item{padding:.5em 1em}}.picker__list-item:hover{cursor:pointer;color:#000;background:#b1dcfb;border-color:#0089ec;z-index:10}.picker__list-item--highlighted{border-color:#0089ec;z-index:10}.picker__list-item--highlighted:hover,.picker--focused .picker__list-item--highlighted{cursor:pointer;color:#000;background:#b1dcfb}.picker__list-item--selected,.picker__list-item--selected:hover,.picker--focused .picker__list-item--selected{background:#0089ec;color:#fff;z-index:10}.picker__list-item--disabled,.picker__list-item--disabled:hover,.picker--focused .picker__list-item--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:none;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:rgba(0,0,0,0.87)}.picker--time .picker__button--clear:hover,.picker--time .picker__button--clear:focus{color:#000;background:#b1dcfb;background:#ee2200;border-color:#ee2200;cursor:pointer;color:#fff;outline:none}.picker--time .picker__button--clear:before{top:-0.25em;color:rgba(0,0,0,0.87);font-size:1.25em;font-weight:bold}.picker--time .picker__button--clear:hover:before,.picker--time .picker__button--clear:focus:before{color:#fff}.picker--time .picker__frame{min-width:256px;max-width:320px}.picker--time .picker__box{font-size:1em;background:#f2f2f2;padding:0}@media (min-height: 40.125em){.picker--time .picker__box{margin-bottom:5em}}.clockpicker-display{font-size:4rem;font-weight:bold;text-align:center;color:rgba(255,255,255,0.6);font-weight:400;clear:both;position:relative}.clockpicker-span-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:0.3rem;line-height:2rem;font-weight:500}@media only screen and (min-width: 601px){.clockpicker-display{top:32%}.clockpicker-span-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}.text-primary{color:#fff}.clockpicker-span-hours{margin-right:3px}.clockpicker-span-minutes{margin-left:3px}.clockpicker-span-hours,.clockpicker-span-minutes,.clockpicker-span-am-pm div{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:270px;height:270px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:rgba(0,0,0,0.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:rgba(38,166,154,0.25)}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms, opacity 350ms;-webkit-transition:opacity 350ms, -webkit-transform 350ms;transition:opacity 350ms, -webkit-transform 350ms;transition:transform 350ms, opacity 350ms;transition:transform 350ms, opacity 350ms, -webkit-transform 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:0.25}.clockpicker-canvas-bearing{stroke:none;fill:#26a69a}.clockpicker-canvas-bg{stroke:none;fill:#26a69a}.clockpicker-canvas-bg-trans{fill:#26a69a}.clockpicker-canvas line{stroke:#26a69a;stroke-width:4;stroke-linecap:round} /* FORM LAYOUT */ form .row { margin-bottom: 0px; margin-left: -0.75rem; margin-right: -0.75rem; } /* COMMON ELEMENTS */ form .help-block { line-height: 12px; position: relative; top: -10px; color: rgba(0, 0, 0, 0.6); font-size: 75%; } form .error { line-height: 12px; position: relative; top: -10px; color: #F44336; } /* INPUT FIELD */ .input-field label { white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 21px); overflow: hidden; } .input-field.has-error .prefix { color: #F44336; } .input-field .prefix { line-height: 45px; } .input-field .prefix ~ label { width: calc(100% - 21px - 3rem); } .input-field .prefix ~ .errors .error { margin-left: 3rem; } .input-field input[type=number] { -moz-appearance: textfield; } .input-field ::-webkit-inner-spin-button { -webkit-appearance: none; } .input-field ::-webkit-outer-spin-button { -webkit-appearance: none; } input:-webkit-autofill + label { font-size: 0.8rem; transform: translateY(-140%); } /* SELECT FIELD */ select.material-ignore { display: block; } .select-field .prefix { position: absolute; width: 3rem; font-size: 2rem; margin-top: 25px; transition: color .2s; } .select-field .prefix ~ label { margin-left: 3rem; } .select-field.has-error input { border-bottom: 1px solid #F44336; box-shadow: 0 1px 0 0 #F44336; } .select-field .select-wrapper { margin-top: 0px; } .select-field .select-wrapper input.select-dropdown { margin-top: -7px; } /* CHECHBOX FIELD */ .checkbox-field { line-height: 35px; } .checkbox-field label { color: rgba(0, 0, 0, 0.84); } .checkbox-field .prefix { position: relative; top: 5px; width: 2.5rem; font-size: 2rem; } .checkbox-field .help-block { padding-top: 5px; padding-left: 35px; font-size: 12px; line-height: 16px; display: block; } /* RADIO FIELD */ .radio-field .radio { padding-top: 10px; } .radio-field .error, .radio-field .help-block { top: 0px; left: 5px; } .radio-field label.item-label { font-size: 14px; color: rgba(0, 0, 0, 0.84); } .radio-field .prefix { position: relative; top: 5px; width: 2.5rem; font-size: 2rem; } .radio-field .prefix ~ label { width: calc(100% - 21px - 3rem); } .radio-field .inline { margin-top: 10px; } .radio-field .inline .radio { display: inline; margin-right: 20px; } /* FILE FIELD */ .file-field .btn, .file-field .btn-large { left: auto; } .file-field .file-path-wrapper { position: relative; } .file-field .preview { right: 20px; bottom: 25px; position: absolute; overflow: hidden; } .file-field .preview img { vertical-align: middle; max-width: 40px; max-height: 40px; } img.tooltip-preview { max-width: 250px; } .file-field-clear { float: right; } .file-field-clear label { margin-right: 25px; width: auto; } /* FORMSET*/ .formset-field td { vertical-align: top; } /* Default colors */ :root { /* Primary colors */ --primary-color: #424242; --primary-color-trans: rgba(66, 66, 66, 0.7); --primary-color-light: #686868; /* Secondary colors */ --secondary-color-dark1: #222c31; --secondary-color-dark2: #28343a; --secondary-color: #37474f; --secondary-color-dark-trans: rgba(55, 71, 79, 0.1); --secondary-color-dark3: #3f525b; --secondary-color-dark4: #41555e; --secondary-color-light: #838383; --secondary-color-light1: #999d9f; --secondary-color-light2: #9aaeb8; --secondary-color-light3: #afbfc7; --secondary-color-light4: #c7d2d8; --secondary-color-light5: #ffffff; } /* django-material variables */ /* fixes */ /* MAIN */ html, body, main { height: 100%; } body { background: #efefef; } th { font-weight: 300; } /* REGISTRATION */ .registration { width: 100%; height: 100%; display: flex; flex-direction: row; background-size: cover !important; } .registration .sidebar { align-items: center; align-self: flex-start; background: white; display: flex; flex-direction: column; height: 100%; justify-content: center; min-width: 400px; max-width: 400px; opacity: 0.85; text-align: center; } .registration .sidebar h4 { font-weight: 300; } .registration .sidebar form { width: 90%; } .registration .logo { -ms-grid-row-align: center; align-self: center; width: 100%; text-align: center; color: white; } .registration .logo .logo__icon { font-size: 20rem; } .registration .action button { width: calc(100% - 3rem); margin-top: 1.5rem; } @media only screen and (max-width: 600px) { .registration .logo { display: none; } .registration .sidebar { width: 100%; } } /* LAYOUT */ @media only screen and (min-width: 993px) { html { overflow-y: scroll; } main, footer { margin-left: 300px; } nav { padding-left: 40px; } } .content { display: flex; max-width: 100%; padding-bottom: 50px; } .left-panel { flex-basis: 80%; margin-left: 0.375rem; } .left-panel.wide { flex-basis: 100%; margin-right: 0.375rem; } .left-panel > .card { margin-bottom: 0.375rem; } .right-panel { flex-basis: 20%; min-width: 250px; margin-left: 0.375rem; margin-right: 0.375rem; } .right-panel > .card { margin-bottom: 0.5rem; } @media only screen and (max-width: 993px) { .left-panel { flex-basis: 100%; width: 100%; margin-left: 0; margin-right: 0; } .left-panel > .card { margin-top: 1px; } .right-panel { display: none; } } /* SIDEBAR */ .side-nav.fixed { overflow-y: hidden; } .side-nav.fixed .userView { min-height: 175px; } .side-nav.fixed li { min-height: 48px; } .side-nav.fixed > li.last { padding-bottom: 58px; } .side-nav.fixed .collapsible-body { padding: 0; } .side-nav.fixed .collapsible-body li a { padding-left: 70px; } .side-nav.fixed .collapsible-body li .collapsible li.active { background-color: rgba(0, 0, 0, 0.05); } .side-nav.fixed .collapsible-body li .collapsible li.active a { color: rgba(0, 0, 0, 0.87); } .side-nav.fixed .collapsible-body li:not(.active) > a.collapsible-header { color: rgba(0, 0, 0, 0.87); } .side-nav.fixed .collapsible-body li .collapsible-body li.active { background-color: var(--primary-color); } .side-nav.fixed .collapsible-body li .collapsible-body li.active a { color: #fff; } .side-nav.fixed .collapsible-body li .collapsible-body li a { color: rgba(0, 0, 0, 0.87); padding-left: 90px; } .side-nav.fixed .collapsible-body .collapsible li.active > a.active { color: rgba(0, 0, 0, 0.87); } .side-nav.fixed .collapsible-body .submenu.active { background-color: rgba(0, 0, 0, 0.05) !important; } .side-nav.fixed .collapsible-body .submenu.active .collapsible li.active > a.active, .side-nav.fixed .collapsible-body .submenu.active .collapsible li.active > .collapsible-header { color: rgba(0, 0, 0, 0.87); } /* TOPBAR */ nav.topbar { box-shadow: none; height: 54px; line-height: 54px; } nav.topbar i, nav.topbar a.button-collapse, nav.topbar a.button-collapse i { height: 54px; line-height: 54px; } nav.topbar .brand-logo { font-weight: 100; font-size: 2.5rem; top: 5px; } /* BREADCRUMBS */ nav.breadcrumbs { height: 48px; line-height: 48px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 0px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } nav.breadcrumbs a:first-child { padding-left: 0px; } nav.breadcrumbs a { font-size: 1rem; color: rgba(255, 255, 255, 0.7); } nav.breadcrumbs a.active { color: white; } nav.breadcrumbs a:not(:first-child):before { content: '\E5CC'; color: rgba(255, 255, 255, 0.7); vertical-align: top; display: inline-block; font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 20px; margin: 0 5px 0 4px; -webkit-font-smoothing: antialiased; } @media only screen and (max-width: 992px) { nav.breadcrumbs { text-align: center; } } @media only screen and (max-width: 600px) { nav.breadcrumbs { white-space: nowrap; } nav.breadcrumbs .nav-wrapper { width: 100%; overflow-x: hidden; padding: 0 20px 0 10px; text-overflow: ellipsis; } } /* DATATABLE */ .list-card .card-content { padding-left: 0px; padding-right: 0px; } .list-card .card-action { margin-top: -75px; border-top: none; padding: 10px 10px 10px 20px; float: left; } table[data-form-control="datatable"] { margin-bottom: 60px; } table[data-form-control="datatable"] ~ .dataTables_paginate { margin-top: -60px; padding-right: 20px; min-height: 60px; text-align: right; } table[data-form-control="datatable"] ~ .dataTables_paginate .paginate_button { display: inline-block; font-size: 1.2rem; padding: 0 10px; margin: 15px 2px; line-height: 30px; border-radius: 2px; text-align: center; color: #444; cursor: pointer; } table[data-form-control="datatable"] ~ .dataTables_paginate .paginate_button.current { background-color: var(--primary-color); color: white; } table[data-form-control="datatable"] ~ .dataTables_paginate .paginate_button.disabled { cursor: default; color: #999; } table[data-form-control="datatable"] thead tr > th:first-child { padding-left: 20px; } table[data-form-control="datatable"] thead tr > th:last-child { padding-right: 20px; } table[data-form-control="datatable"] thead tr > th { padding-right: 30px; } table[data-form-control="datatable"] thead tr > th.sorting, table[data-form-control="datatable"] thead tr > th.sorting_asc, table[data-form-control="datatable"] thead tr > th.sorting_desc { cursor: pointer; position: relative; } table[data-form-control="datatable"] thead tr > th.sorting_asc, table[data-form-control="datatable"] thead tr > th.sorting_desc { font-weight: 500; } table[data-form-control="datatable"] thead tr > th.sorting:before, table[data-form-control="datatable"] thead tr > th.sorting:after, table[data-form-control="datatable"] thead tr > th.sorting_asc:before, table[data-form-control="datatable"] thead tr > th.sorting_asc:after, table[data-form-control="datatable"] thead tr > th.sorting_desc:before, table[data-form-control="datatable"] thead tr > th.sorting_desc:after, table[data-form-control="datatable"] thead tr > th.sorting_asc_disabled:before, table[data-form-control="datatable"] thead tr > th.sorting_asc_disabled:after, table[data-form-control="datatable"] thead tr > th.sorting_desc_disabled:before, table[data-form-control="datatable"] thead tr > th.sorting_desc_disabled:after { position: absolute; bottom: 11px; display: block; opacity: 0.3; font-size: 1.3em; margin: auto; height: 30px; top: 0px; bottom: 0px; } table[data-form-control="datatable"] thead tr > th.sorting:before, table[data-form-control="datatable"] thead tr > th.sorting_asc:before, table[data-form-control="datatable"] thead tr > th.sorting_desc:before, table[data-form-control="datatable"] thead tr > th.sorting_asc_disabled:before, table[data-form-control="datatable"] thead tr > th.sorting_desc_disabled:before { right: 1em; content: "\2191"; } table[data-form-control="datatable"] thead tr > th.sorting:after, table[data-form-control="datatable"] thead tr > th.sorting_asc:after, table[data-form-control="datatable"] thead tr > th.sorting_desc:after, table[data-form-control="datatable"] thead tr > th.sorting_asc_disabled:after, table[data-form-control="datatable"] thead tr > th.sorting_desc_disabled:after { right: 0.5em; content: "\2193"; } table[data-form-control="datatable"] thead tr > th.sorting_asc:before, table[data-form-control="datatable"] thead tr > th.sorting_desc:after { opacity: 1; } table[data-form-control="datatable"] thead tr > th.sorting_asc_disabled:before, table[data-form-control="datatable"] thead tr > th.sorting_desc_disabled:after { opacity: 0; } table[data-form-control="datatable"] tbody tr:hover, table[data-form-control="datatable"] tbody tr.selected:hover { background-color: #eeeeee; } table[data-form-control="datatable"] tbody tr.selected { background: #f5f5f5; } table[data-form-control="datatable"] tbody .dt-body-center { padding-top: 10px; padding-bottom: 0px; } table[data-form-control="datatable"] tbody tr > td:first-child { padding-left: 20px; } table[data-form-control="datatable"] tbody tr > td:last-child { padding-right: 20px; } table[data-form-control="datatable"] tbody tr > td > i.material-icons { height: 16px; margin-top: -8px; font-size: 22px; display: block; } /* ALERTS */ .toast { justify-content: flex-start; } .toast a { color: white; } .toast a.alert-info { background-color: #0277bd; } .toast a.alert-warning { background-color: #ff8f00; } .toast a.alert-error { background-color: #bf360c; } /* FORM CARD */ .card form .section { padding-top: 0; padding-bottom: 0; } .card form .section h5 { font-size: 1.2rem; padding-bottom: 0.5rem; border-bottom: 2px solid black; margin-bottom: 10px; } .input-field.col .dropdown-content [type="checkbox"] + label { width: auto; } [type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after { margin-top: 0; } /* HELPERS */ .primary { background-color: var(--primary-color); } .secondary { background-color: var(--secondary-color); } .responsiveTablet { width: 100%; } .formset-field table .select2.select2-container .selection span.select2-selection { max-width: inherit; min-width: 150px; height: 3.15rem; } .formset-field table .select2.select2-container.select2-container--default, .formset-field table .input-field input, .formset-field .select-field input { min-width: 150px; } /* Overlay */ #sidenav-overlay { position: fixed; background: rgba(0, 0, 0, 0.5); opacity: 0; z-index: -1; } #sidenav-overlay.active { opacity: 1; z-index: 1; } /* Responsive apsl */ @media (min-width: 992px) and (max-width: 1220px) { nav.topbar .brand-logo { font-size: 2rem; } nav ul a { padding: 0 10px; } .btn, .btn-large, .btn-flat { padding: 0 1.2rem; } .content { display: block; } .right-panel { display: block; } } @media (min-width: 993px) { #sidenav-overlay.active { opacity: 0; z-index: -1; } } @media (max-width: 992px) { .main-sidebar { overflow: auto; height: 0px !important; } .content { display: block; } .right-panel { display: block; } .responsiveTablet table.responsive-table tbody tr { display: block; } } @media (max-width: 768px) { .card-action .right-align { text-align: center; } .card-action .right-align .btn { margin-top: 5px; margin-bottom: 5px; } } /* perfect-scrollbar v0.7.1 */ .ps { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail { display: block; background-color: transparent; } .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #999; height: 11px; } .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #999; width: 11px; } .ps > .ps__scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; /* there must be 'bottom' for ps__scrollbar-x-rail */ height: 15px; } .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; /* there must be 'bottom' for ps__scrollbar-x */ height: 6px; } .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x { height: 11px; } .ps > .ps__scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 0; /* there must be 'right' for ps__scrollbar-y-rail */ width: 15px; } .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 2px; /* there must be 'right' for ps__scrollbar-y */ width: 6px; } .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y { width: 11px; } .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #999; height: 11px; } .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #999; width: 11px; } .ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail { opacity: 0.6; } .ps:hover > .ps__scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x { background-color: #999; } .ps:hover > .ps__scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y { background-color: #999; } .color-draft { background-color: #BBBBBB; } .color-open { background-color: #0092E0; } .color-sent { background-color: #0092E0; } .color-paid { background-color: #01A93A; } .color-done { background-color: #01A93A; } .color-cancel { background-color: #FF3366; } .color-pending_sent_quote { background: #FF4A43; } .color-pending_sending, .color-pending_contact, .color-pending_visit, .pending { background: #FF9500; } .color-accepted, .color-charged, .color-started_job, .color-quote_accepted, .charged { background: #01A93A; } .color-unbilled, .unbilled { background: #07A8F4; } .color-invoiced, .invoiced { background: #006AA3; } .color-partially_charged, .partially_charged { background: #62E46F; } .color-discarded, .color-quote_discarded, .color-others, .color-not_interested { background: #B3B2B3; } .color-quote_sent { background: #0092E0; } .zeroMargin { margin: 0; } .borderBottom { border-bottom: 1px solid #777; } .relative { position: relative; } .btn-floating { background: #ff7300 !important; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .btn-floating:hover { background: #ff7300; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } .fixed-action-btn { z-index: 1000; } .fixed-action-btn .btn-wscreen i { font-size: 2em; transition: all 0.8s ease 0s; } .fixed-action-btn.active .btn-wscreen i { transform: rotate(135deg); } .fixed-action-btn ul li { margin-bottom: 20px; } .fixed-action-btn ul li .btn-floating { background: #ffffff; color: #ff7300; } .fixed-action-btn ul li .btn-floating i { color: #ff7300; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .input-field label, .input-field.col label { font-weight: 500; color: #222; } .input-field label strong, .input-field.col label strong { font-weight: 500; } .separateMe { margin-top: 25px; } .separateMe span { font-weight: 500; } .separateMe .mTop { font-weight: 500; } .separateMe .mTop #infoDiscount { font-weight: 400; } #subtotal-value, .resetFieldset .s8 span.truncate { font-weight: 500; } .joinMe { margin-top: 0px; } .asTotal { font-family: 'Roboto', sans-serif; font-weight: 700; } #conceptPlaceholder { font-family: 'Roboto', sans-serif; font-weight: 300; color: #9E9E9E; text-align: center !important; } .fixed-action-btn.addNew .btn-floating.specialButton { position: relative; width: 56px; height: 56px; padding: 0; overflow: inherit; text-align: center; font-weight: 400; } .fixed-action-btn.addNew .btn-floating.specialButton span { position: absolute; top: 15px; right: 30px; white-space: nowrap; color: #777; padding: 12px; background-color: #ffffff; border-radius: 2px; box-shadow: 1px 1px 1px 1px #aaaaaa; line-height: 0; text-transform: none; font-size: 0.9em; opacity: 0; transition: all 0.8s ease 0s; } .fixed-action-btn.addNew .btn-floating.specialButton:hover span { right: 75px; opacity: 1; } .boxBg { background: #f7f7f7; padding: 15px 25px 0 25px; } .infoMessage { position: relative; top: -10px; display: block; line-height: 1.1em; color: #aaaaaa; } .alertError { padding: 10px; margin-bottom: 10%; border: 3px solid red; color: red; } .alertAdvice { padding: 8px 10px; margin-bottom: 10%; border: 3px solid #0092E0; color: #1D93E4; font-size: 14px; } .alertAdvice p { margin: 0; } .exampleTag { background-color: #B3B2B3; color: #FFF; } #id_discount_rate { margin-bottom: 5px; } #infoDiscount { color: #9e9e9e; font-size: 13px; margin-bottom: 25px; } .picker--opened .picker__holder { background: rgba(0, 0, 0, 0.8); } input, textarea { font-weight: 400; color: #111111; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9E9E9E; font-weight: 300; } input:-moz-placeholder, textarea:-moz-placeholder { color: #333; font-weight: 300; } input::-moz-placeholder, textarea::-moz-placeholder { color: #333; font-weight: 300; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #9E9E9E; font-weight: 300; } textarea { font-weight: 300; } #changeBrowser { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; text-align: center; padding: 15px 40px; background: #ffc000; color: #5e5e5e; } #changeBrowser .closeMessage { cursor: pointer; color: #444444; position: absolute; right: 15px; top: 20px; } #changeBrowser ul li { display: inline; list-style-type: none; } #changeBrowser ul li a { background: #ffffff; color: #919191; font-size: 12px; display: inline-block; padding: 4px 15px; margin: 0 15px; border: 1px solid #777; } #changeBrowser ul li a:hover { border-color: #ffffff; } #changeBrowser ul li a img { vertical-align: middle; margin-right: 10px; } body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; background: #f3f3f3; } body#bgPage { background: #ffffff; } body.listPage .material-tooltip { margin-top: 8px; } body.longTitle #logoContainer { width: 80%; } header { position: relative; /*z-index:995;*/ } header .side-nav.fixed { overflow-y: auto !important; } header .side-nav li > a { padding: 0 20px 0 32px; font-weight: 400; } header#headerLogin { max-height: 60px; background: #333; position: relative; text-align: center; padding: 0; } header#headerLogin img { max-height: 120px; max-width: 200px; margin-top: 4px; } header#headerLogin.modalHeader { min-height: 60px; background: #ffffff; } header#headerLogin.modalHeader a#navbarBackButton i { color: #919191 !important; } header#headerLogin.modalHeader .homeLink { display: none; } header, main, footer { padding-left: 300px; margin-left: 0; } .select-wrapper span.caret { color: #737373; } .material-tooltip { border: 1px solid #222; } input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea { border-color: #DCDCDC; font-weight: 400; } input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #ff7300; box-shadow: 0 1px 0 0 #ff7300; font-weight: 400; } input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: #aaaaaa; font-weight: 500; } [type="checkbox"].filled-in:checked + label::after { background: #ff7300; border: 2px solid #ff7300; } .navbar-fixed { z-index: 999; } .navbar-fixed .nav-wrapper { position: relative; } .navbar-fixed .nav-wrapper #nav-mobile { background: #333; padding-bottom: 0; z-index: 9; } .navbar-fixed .nav-wrapper #nav-mobile ul { position: relative; } .navbar-fixed .nav-wrapper #nav-mobile .profileSection { color: #ffffff; font-size: 1.3em; margin-bottom: 20px; } .navbar-fixed .nav-wrapper #nav-mobile .profileSection a { border: 0; height: auto; padding: 0; } .navbar-fixed .nav-wrapper #nav-mobile .profileSection a img { margin: 20px 40px 20px 35px; width: auto; max-height: inherit; max-width: 200px; opacity: 1; } .navbar-fixed .nav-wrapper #nav-mobile .profileSection a:hover { background: transparent; border-color: #333; } .navbar-fixed .nav-wrapper #nav-mobile a img { opacity: 0.6; -webkit-backface-visibility: hidden; } .navbar-fixed .nav-wrapper #nav-mobile a:hover img { opacity: 1; } .navbar-fixed .nav-wrapper #nav-mobile.collapsible { height: auto; } .navbar-fixed .nav-wrapper #nav-mobile.collapsible .collapsible-body { background: transparent; } .navbar-fixed .nav-wrapper #nav-mobile.collapsible .collapsible-body ul { height: auto; } .navbar-fixed .nav-wrapper #nav-mobile.collapsible .collapsible-body ul li a { padding-left: 95px; } .navbar-fixed .nav-wrapper ul { z-index: 1; } .navbar-fixed .nav-wrapper ul li { min-height: 0; } .navbar-fixed .nav-wrapper ul li > a { font-size: 1.05em; height: 55px; color: #ffffff; } .navbar-fixed .nav-wrapper ul li > a:hover { background: #0a0a0a; } .navbar-fixed .nav-wrapper ul li > a img { width: 22px; max-height: 25px; text-align: center; vertical-align: middle; margin: 0 30px 0 5px; } .navbar-fixed .nav-wrapper ul li.dividerMenu { border: 1px solid #4D4E50; } .navbar-fixed .nav-wrapper ul li.specialMenu { border-top: 0; } .navbar-fixed .nav-wrapper ul li.specialMenu a:hover { border-color: #404040; } .navbar-fixed .nav-wrapper #nav-mobile li { position: relative; } .navbar-fixed .nav-wrapper #nav-mobile li a { height: 60px; padding-top: 5px; color: #aaaaaa; padding-left: 32px; } .navbar-fixed .nav-wrapper #nav-mobile li a:hover { background: #404040; color: #ffffff; } .navbar-fixed .nav-wrapper #nav-mobile li a.active { background: #404040; color: #ffffff; border-left: 5px solid #ff7300; padding-left: 27px; } .navbar-fixed .nav-wrapper #nav-mobile li a.active img { opacity: 1; } .navbar-fixed .nav-wrapper #nav-mobile li.specialMenu { text-align: center; line-height: 30px; } .navbar-fixed .nav-wrapper #nav-mobile li.specialMenu p { margin: 0; text-align: center; color: #aaaaaa; } .navbar-fixed .nav-wrapper #nav-mobile li.specialMenu p a { display: inline-block; padding-left: 0; padding-right: 0; height: 30px; } .navbar-fixed .nav-wrapper #nav-mobile li.specialMenu a { padding-bottom: 5px; line-height: 30px; height: 40px; border-left: 0; } .navbar-fixed .nav-wrapper #nav-mobile li.specialMenu a:hover { background: transparent; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip { background: #f1f1f1; text-align: right; color: #444444; border: 1px solid #a6a6a6; width: 96%; padding: 15px 30px 15px 20px; position: absolute; top: 60px; left: 2%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0 1px 5px 0 #999; z-index: 99; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip:after { content: "▲"; font-size: 18px; line-height: 1em; color: #f1f1f1; display: block; width: 15px; height: 15px; position: absolute; left: 50%; top: -13px; margin-left: -7px; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip i { height: auto; line-height: 1em; margin-right: -25px; color: #aaaaaa; font-size: 15px; cursor: pointer; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip p { position: relative; margin-top: -17px; text-align: left; line-height: 1.5em; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip p strong { font-weight: 600; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip p a { color: #ff7300; display: inline; padding: 0; height: auto; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip p a:hover { background: transparent; } .navbar-fixed .nav-wrapper #nav-mobile .paymentMethodTooltip p + p { border-top: 1px solid #ccc; padding-top: 15px; margin-top: 15px; margin-bottom: 0; } .navbar-fixed .nav-wrapper .collapsible .collapsible-header { position: relative; } .navbar-fixed .nav-wrapper .collapsible .collapsible-header:after { position: absolute; top: 10%; right: 10%; content: "▾"; color: #aaaaaa; z-index: 9; } .navbar-fixed .nav-wrapper .collapsible .collapsible-header.active:after { transform: rotate(180deg); } #logoContainer { display: block; width: 50%; } #logoContainer #brandImg { width: 175px; margin-top: 8px; } #logoContainerTotal { color: #E4E3E3; font-family: 'Roboto', sans-serif; font-weight: 300; } #searchOverlay { display: none; width: 100%; height: 100%; background-color: white; } #sidenav-overlay { z-index: 998 !important; } nav { background-color: #333; color: #eee; box-shadow: 0 2px 2px 0 #666; } nav .nav-wrapper.container:last-child { padding-left: 20px; } nav .nav-wrapper.container #navbarBackButton { display: inline-block; } nav .nav-wrapper.container #navbarSearch { position: absolute; left: 45px; top: 0; z-index: 5; width: 72%; } nav .nav-wrapper.container #navbarSearch input { background: #333; color: #ffffff; height: 30px; width: 95%; margin: 5px 0 0 0; padding-left: 10px; font-size: 1.15em; font-family: 'Roboto', sans-serif; font-weight: 300; border-bottom: 1px solid #ffffff; box-shadow: 0 1px 0 0 #ffffff; } nav .nav-wrapper.container #navbarSearch input:focus, nav .nav-wrapper.container #navbarSearch input:active { border-color: #ffffff; box-shadow: 0 1px 0 0 #ffffff; } nav .nav-wrapper.container #blockSearch { text-transform: uppercase; font-size: 0.9em; } nav .nav-wrapper.container #blockSearch li a { min-height: 64px; } nav .nav-wrapper.container #blockSearch li #buttonSave, nav .nav-wrapper.container #blockSearch li #navbarSaveButton, nav .nav-wrapper.container #blockSearch li #conceptSaveButton, nav .nav-wrapper.container #blockSearch li #contactUpdateSaveButton, nav .nav-wrapper.container #blockSearch li #contactCreateSaveButton, nav .nav-wrapper.container #blockSearch li #paymentInfoSaveButton { min-height: 36px; line-height: 2.3em; border: 2px solid #ff7300; margin-right: 0; margin-left: 10px; transition: all 0.2s ease 0s; text-transform: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 1.1em; } nav .nav-wrapper.container #blockSearch li #buttonSave:hover, nav .nav-wrapper.container #blockSearch li #navbarSaveButton:hover, nav .nav-wrapper.container #blockSearch li #conceptSaveButton:hover, nav .nav-wrapper.container #blockSearch li #contactUpdateSaveButton:hover, nav .nav-wrapper.container #blockSearch li #contactCreateSaveButton:hover, nav .nav-wrapper.container #blockSearch li #paymentInfoSaveButton:hover { border: 2px solid #DF6501 ; color: #ffffff; background: #DF6501 ; } nav .nav-wrapper.container #blockSearch li.right { float: right; } nav .nav-wrapper.container #blockSearch li #editButton, nav .nav-wrapper.container #blockSearch li #saveAndOther { min-height: 36px; height: 36px; line-height: 2.3em; border: 2px solid #A3A3A3; color: #A3A3A3; margin: 15px 0 0 0; transition: all 0.2s ease 0s; text-transform: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 1.1em; } nav .nav-wrapper.container #blockSearch li #editButton:hover, nav .nav-wrapper.container #blockSearch li #saveAndOther:hover { background: transparent; border: 2px solid #fff; color: #fff; } nav .nav-wrapper.container #blockSearch li #editButton { border: 2px solid #fff; color: #fff; margin: 15px 10px 0 0; } nav .nav-wrapper.container #blockSearch li #editButton:hover { background: transparent; border: 2px solid #FF7300; color: #FF7300; } nav .nav-wrapper.container #blockSearch li #go-button { background: transparent; padding: 0 8px; box-shadow: inherit; } nav .nav-wrapper.container #blockSearch li #go-button i { line-height: 35px; font-size: 30px; } nav .nav-wrapper.container #blockSearch li .mainCTAButton { min-width: 120px; text-align: center; margin-top: 15px; margin-right: -10px; height: 35px; line-height: 2.6em; text-transform: uppercase; color: #ffffff; background: #ff7300; } nav .nav-wrapper.container #blockSearch li .mainCTAButton:hover, nav .nav-wrapper.container #blockSearch li .mainCTAButton:focus, nav .nav-wrapper.container #blockSearch li .mainCTAButton:active { background: #e66800; } nav .nav-wrapper.container #blockSearch li #reset-filters { padding-right: 25px; color: #eee; } nav .nav-wrapper.container #blockSearch li .csvOption { white-space: nowrap; top: 45px !important; min-width: 200px; } nav .nav-wrapper.container #blockSearch li .csvOption a { font-size: 1.2rem; color: #444444; padding-right: 20px; } nav .nav-wrapper.container #blockSearch li .csvOption a img { margin-right: 20px; } nav .nav-wrapper.container #blockSearch #listItems li a { min-height: auto; } nav .nav-wrapper.container #blockSearch #reset-filters { padding-right: 25px; color: #eee; } nav .nav-wrapper.container #blockSearch #actionsDropdown, nav .nav-wrapper.container #blockSearch #actionsContactDropdown { left: inherit !important; right: 20px; top: 55px !important; min-width: 200px; } nav .nav-wrapper.container #blockSearch #actionsDropdown li a, nav .nav-wrapper.container #blockSearch #actionsContactDropdown li a { display: block; white-space: nowrap; font-size: 16px; font-weight: 400; min-height: auto; color: #444444; } nav .nav-wrapper.container #blockSearch #actionsDropdown li a:hover, nav .nav-wrapper.container #blockSearch #actionsContactDropdown li a:hover { background: #dddddd; } nav .nav-wrapper.container #blockSearch #actionsDropdown li a img, nav .nav-wrapper.container #blockSearch #actionsContactDropdown li a img { margin: 0 15px -5px 10px; max-width: 25px; max-height: 25px; } nav .nav-wrapper.container #blockSearch #listItems li a:hover { background: #dddddd; } nav a { color: #eee; } nav .button-collapse { margin: 0; } nav .brand-logo { color: #eee; margin-left: 60px; font-size: 1.4rem; font-family: 'Roboto', sans-serif; font-weight: 400; } nav .input-field input, nav .dropdown-content { font-weight: 300; } nav .dropdown-content li > a, nav .dropdown-content li > span { color: #777; font-size: 16px; white-space: nowrap; font-weight: 400; } #contact_search_form #logoContainer { width: 44%; } #contact_search_form nav #blockSearch #btn-more-vert { margin-left: 10px; } .dropdown-content li > a, .dropdown-content li > span { white-space: nowrap; } .incompletePoint { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #0092E0; margin-left: 10px; position: relative; top: -1px; } .errors .error { font-size: 1em; } .errors#quote_discount_rate_error, .errors#invoice_discount_rate_error { padding-top: 10px; } .errorlist { font-size: 1em; color: #F44336; } .has-error input, .has-error select { border-bottom: 2px solid #F44336; } #id_name_container .errors { margin-top: 20px; } .left-panel > .card { margin-top: 0; } form label { text-transform: uppercase; } form .section h5 { font-weight: bold; border: none !important; margin-top: 30px; } .modal { top: 20% !important; bottom: 20%; color: #777; max-width: 750px; } .modal h4 { font-size: 1.2rem; font-weight: bold; color: #333; } .modal .modal-footer { padding: 4px 24px; } .modal-footer a { color: #ff7300; } .modal#modal-quote-changed .modal-footer a { color: #ff7300; } .modal.specialModal .modal-footer a { color: #ff7300; } .modal.specialModal .modal-footer a.modal-close { color: #777; } .has-error label { color: #F44336 !important; } .helpText { background-color: darkgray; color: #eee !important; padding: 10px; } #wScreen { background: rgba(0, 0, 0, 0.7); width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 999; } #showWalkthrough { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); z-index: 99999; } #showWalkthrough #owlContent { position: relative; max-width: 700px; left: 50%; margin-left: -350px; top: 10%; } #showWalkthrough #owlContent #closeWalkthrough { cursor: pointer; position: absolute; z-index: 999; top: -50px; right: 0; font-size: 2em; color: #ffffff; background: #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 3px; border: 2px solid #fff; } #showWalkthrough #owlContent .owl-prev, #showWalkthrough #owlContent .owl-next { color: #ffffff; background: #ff7300; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 4em; width: 50px; height: 50px; line-height: 0.2em; position: absolute; } #showWalkthrough #owlContent .owl-prev.disabled, #showWalkthrough #owlContent .owl-next.disabled { display: none; } #showWalkthrough #owlContent .owl-prev:hover, #showWalkthrough #owlContent .owl-next:hover { background: #DF6501; } #showWalkthrough #owlContent .owl-prev span, #showWalkthrough #owlContent .owl-next span { position: relative; top: -2px; } #showWalkthrough #owlContent .owl-prev { top: 40%; left: -70px; } #showWalkthrough #owlContent .owl-next { top: 40%; right: -70px; } #showWalkthrough #owlContent .owl-dots { text-align: center; padding: 20px; } #showWalkthrough #owlContent .owl-dots .owl-dot { background: #919191; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 8px; } #showWalkthrough #owlContent .owl-dots .owl-dot span { background: transparent; } #showWalkthrough #owlContent .owl-dots .owl-dot:hover, #showWalkthrough #owlContent .owl-dots .owl-dot.active { background: #dddddd; } /* homepage */ #home header nav .nav-wrapper { padding: 0; } #home header nav .nav-wrapper #logoContainer { padding: 0; text-align: center; left: inherit; margin: 0 auto; width: 100%; } #home header nav .nav-wrapper #logoContainer .truncate { width: auto; margin-right: 20px; text-align: center; } #home header nav .nav-wrapper #logoContainer #brandImg { margin: 8px auto 0; } #home main { background: #f3f3f3; } #home main #mainContent { background: transparent; } .fixed-action-btn ul li .btn-floating { background: #ffffff !important; text-align: center; } .fixed-action-btn ul li .btn-floating img { max-width: 17px; margin-top: 10px; } #homePage { background: #f3f3f3; padding: 0 50px; } #homePage #welcomeMsj { padding: 20px 10px; } #homePage #welcomeMsj h1 { font-size: 2em; margin: 0; color: #777; font-family: 'Roboto', sans-serif; font-weight: 500; } #homePage #welcomeMsj h1 span { font-family: 'Roboto', sans-serif; font-weight: 300; } #homePage .well { background: #ffffff; padding: 40px 20px 20px; color: #777; font-size: 1.1em; box-shadow: 0 5px 5px 0 #b7b7b7; border-radius: 2px; margin-right: 25px; margin-bottom: 25px; overflow: hidden; font-family: 'Roboto', sans-serif; font-weight: 300; box-shadow: none; } #homePage .well h2 { color: #000000; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.8em; min-height: 65px; } #homePage .well h2 strong { font-family: 'Roboto', sans-serif; font-weight: 500; } #homePage .well p { min-height: 100px; } #homePage .well .btn { float: left; font-family: 'Roboto', sans-serif; font-weight: 400; background: #ff7300; border: 2px solid #ff7300; box-shadow: none; text-transform: inherit; margin-bottom: 10px; padding: 0 1rem; min-width: 170px; height: auto; font-size: 1em; } #homePage .well .btn:hover { border: 2px solid #DF6501; color: #ffffff; background: #DF6501; } #homePage .well .goToLink { display: inline-block; color: #777; padding: 8px 0; font-size: 0.9em; color: #444444; text-decoration: underline; font-family: 'Roboto', sans-serif; font-weight: 500; } #homePage .well .goToLink:hover { text-decoration: none; } #homePage .well img { float: right; opacity: 0.8; max-width: 40px; } footer { text-align: center; color: #777; padding-top: 10px; padding-bottom: 10px; clear: both; margin: 0; } footer a { text-decoration: underline; color: #777; } footer a:hover { text-decoration: none; } #preloader span { color: white; position: absolute; z-index: 999; display: block; top: 50%; left: 50%; width: 300px; margin-left: -150px; text-align: center; margin-top: -130px; font-size: 1.1rem; } #infoBlocks { max-width: 1074px; margin: 20px 0; } #infoBlocks .col { background: transparent; padding: 12px; } #infoBlocks .col .well { background: #ffffff; text-align: center; box-shadow: 0px 0px 8px 0 #aaaaaa; margin: 0; padding: 15px; } #infoBlocks .col .well strong { display: block; font-size: 2em; font-weight: normal; } #infoBlocks .col.color-pending_sent_quote strong { color: #FF4A43; } #infoBlocks .col.color-pending_sending strong, #infoBlocks .col.color-pending_contact strong, #infoBlocks .col.color-pending_visit strong, #infoBlocks .col.pending strong { color: #FF9500; } #infoBlocks .col.color-accepted strong, #infoBlocks .col.color-charged strong, #infoBlocks .col.color-started_job strong, #infoBlocks .col.color-quote_accepted strong, #infoBlocks .col.charged strong { color: #01A93A; } #infoBlocks .col.color-unbilled strong, #infoBlocks .col.unbilled strong { color: #07A8F4; } #infoBlocks .col.color-invoiced strong, #infoBlocks .col.invoiced strong { color: #006AA3; } #infoBlocks .col.color-partially_charged strong, #infoBlocks .col.partially_charged strong { color: #62E46F; } #infoBlocks .col.color-discarded strong, #infoBlocks .col.color-quote_discarded strong, #infoBlocks .col.color-others strong, #infoBlocks .col.color-not_interested strong { color: #B3B2B3; } #infoBlocks .col.color-quote_sent strong { color: #0092E0; } #changeQuotes .resetFieldset .checkbox [type="checkbox"] + label::before, #changeQuotes .resetFieldset .checkbox [type="checkbox"]:not(.filled-in) + label::after { border: 2px solid black; } #changeQuotes .resetFieldset .checkbox [type="checkbox"] + label::before, #changeQuotes .resetFieldset .checkbox [type="checkbox"]:not(.filled-in) + label::after { border: 2px solid black; -webkit-transition: 0s; transition: 0s; } #changeQuotes .resetFieldset .checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; } #changeQuotes .resetFieldset .checkbox [type="checkbox"]:checked + label::before { top: 2px; left: 2px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: .2s; transition: .2s; } #changeQuotes .resetFieldset .checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .veil { background: rgba(0, 0, 0, 0.7); width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 999; } .progress { z-index: 999; position: absolute; margin: -100px 0 0 -150px; top: 50%; left: 50%; width: 300px; background-color: #fcd2af; } .progress .indeterminate { background-color: #ff7300; } .has-error { color: #F44336; } .totalListAmount { overflow: hidden; max-width: 710px; padding: 0 .75rem; margin: 14px 0 0 10px; font-size: 16px; } .totalListAmount small { padding: 3px 0 0 10px; } .totalListAmount small.noTotal { font-size: 16px; } .totalListAmount #orderContent { width: auto; max-width: 500px; float: right; text-align: right; font-size: 0.95em; } .totalListAmount #orderContent span { font-weight: 500; margin-right: 20px; float: left; } .totalListAmount #orderContent ul { margin: 0; vertical-align: top; float: right; } .totalListAmount #orderContent ul li { display: inline-block; padding: 0 5px; } .totalListAmount #orderContent ul li.active, .totalListAmount #orderContent ul li:hover { color: #ff7300; } .totalListAmount #orderContent ul li strong { color: #000000; cursor: inherit; } .totalListAmount #orderContent ul li[data-value] { cursor: pointer; text-transform: lowercase; } .dropdown-content { min-height: 100px !important; overflow-y: auto; overflow-x: hidden; } #jobDetail #notes a .box .dropdown-content, #contactDetail #notes a .box .dropdown-content, .resetFieldset .dropdown-content, #actionsDropdown.dropdown-content, #actionsContactDropdown.dropdown-content, #listItems.dropdown-content { min-height: auto !important; } #jobDetail #notes a .box .dropdown-content li > a, #contactDetail #notes a .box .dropdown-content li > a, #jobDetail #notes a .box .dropdown-content li > span, #contactDetail #notes a .box .dropdown-content li > span { padding-right: 30px; } .genericalPage .card { margin: 0; box-shadow: inherit; } .genericalPage .card .dropdown-content li span { color: #777; } .genericalPage .card .contAddLogo { border: 2px dotted #c3c3c3; background: #ffffff; margin-top: 20px; padding: 10px; } .genericalPage .card .contAddLogo img { display: block; margin: 0 auto; width: auto; max-width: 310px; max-height: 150px; } .genericalPage .card .contAddLogo img.imgDefault { width: 50px; margin: 50px auto; } .genericalPage .card .contAddLogo img#id_ticket_img { width: 100%; } .genericalPage .card .listOptions { margin: 0 0 25px 0; box-shadow: 0px 2px 2px 0 #c3c3c3; overflow: hidden; } .genericalPage .card .listOptions li { display: block; float: left; width: 50%; } .genericalPage .card .listOptions li a { display: block; text-align: center; padding: 5px; color: #444444; cursor: pointer; } .genericalPage .card .listOptions li:first-child a { border-right: 1px solid #c3c3c3; } .genericalPage .card .logoBlock { display: block; color: darkgray; padding: 24px 0 0; } .genericalPage .card .logoBlock h2 { font-size: 1.1em; margin: 0 0 5px 0; color: #444444; } .genericalPage .card #btnAddLogo { border: 2px dotted #c3c3c3; width: 100%; background: #ffffff; color: #444444; box-shadow: inherit; margin-top: 20px; } .genericalPage .card #btnAddLogo i { color: #ff7300; vertical-align: middle; font-size: 32px; } .genericalPage .card #businessInfo h5 { background: #f1f1f1; font-weight: bold; font-size: 0.9rem; text-transform: uppercase; padding: 10px 25px; margin: 20px -24px 20px -24px; } .genericalPage .card #businessInfo .descriptionMaxCharacters { min-height: 30px; margin: -22px 0 0 0; } .genericalPage .card #businessInfo .descriptionMaxCharacters span.redText { color: #F44336; } .genericalPage .businessForm .listOptions li { float: none; width: 100%; } .genericalPage .businessForm .listOptions li.ticket-hide { display: none; } .genericalPage .businessForm .contAddLogo img#id_logo_img { max-width: 100%; width: auto; } .genericalPage#taxesForm .dropdown-content, .genericalPage#serieForm .dropdown-content { margin-top: 8px !important; } .genericalPage#taxesForm .infoMessage, .genericalPage#serieForm .infoMessage { font-size: 80%; } .genericalPage#sendSuggestion a { color: #ff7300; } .genericalPage#sendSuggestion .checkbox-field label { text-transform: none; } .genericalPage#sendSuggestion address { padding: 10px 24px; font-style: normal; } .genericalPage#sendSuggestion address dl { border: 1px solid #777; padding: 20px 0 20px 40px; background: url('/static/img/icon/place-icon.svg?67fbc5da1f16') no-repeat 40px 65px; background-size: 24px; } .genericalPage#sendSuggestion address dl dt { font-family: 'Roboto', sans-serif; font-weight: 700; margin-bottom: 20px; } .genericalPage.LegalTextDetail { padding: 15px 24px; color: #777; } .genericalPage.LegalTextDetail a { color: #FF7300; } .genericalPage.LegalTextDetail a:hover, .genericalPage.LegalTextDetail a.active { text-decoration: underline; } .genericalPage.reportsPage { color: #777; } .genericalPage.reportsPage > .row { margin-bottom: 0; } .genericalPage.reportsPage .chartContainer .collapsible { background-color: #FFF; } .genericalPage.reportsPage .chartContainer .collapsible .collapsible-header { border: none; background: url('/static/img/arrow/arrowdown-icon.svg?3191e32c296c') no-repeat top right; background-position-y: center; background-position-x: 96%; background-size: 20px; } .genericalPage.reportsPage .chartContainer .collapsible .collapsible-header.active { border: 0; background: url('/static/img/arrow/arrowup-icon.svg?78baf1472333') no-repeat top right; background-position-y: center; background-position-x: 96%; background-size: 20px; } .genericalPage.reportsPage h1 { font-size: 25px; margin: 0 0 40px 0; color: #111111; } .genericalPage.reportsPage .card-title { font-size: 20px; padding: 0 10px; } .genericalPage.reportsPage .card-title > span { color: #111111; font-weight: 400; position: relative; display: inline-block; padding-right: 25px; cursor: pointer; } .genericalPage.reportsPage .card-title > span:after { position: absolute; top: 10%; right: 0; content: "▾"; font-size: 14px; color: #777; z-index: 9; } .genericalPage.reportsPage .card-title small { display: block; } .genericalPage.reportsPage .results { color: #aaaaaa; font-size: 15px; } .genericalPage.reportsPage .results .col { padding-bottom: 20px; } .genericalPage.reportsPage .results .col .result { border: 1px solid #dddddd; padding: 10px 12px; } .genericalPage.reportsPage .results p { margin-top: 0; margin-bottom: 0px; font-size: 12px; color: #777; text-transform: uppercase; } .genericalPage.reportsPage .results strong { display: block; font-size: 26px; font-weight: 400; color: #111111; } .genericalPage.reportsPage h2 { font-size: 20px; color: #111111; padding-left: 1rem; margin-right: 30px; } .genericalPage.reportsPage .noResults { text-align: center; margin-bottom: 80px; } .genericalPage#changePass .input-field.relative label { left: 0; } .genericalPage#changePass .input-field.relative a { position: absolute; display: block; top: 0px; right: 8px; width: 40px; height: 45px; text-align: center; padding-top: 10px; color: #444444; } .genericalPage#serieForm, .genericalPage#taxesForm { padding: 0 24px; } .genericalPage#serieForm .textBlock, .genericalPage#taxesForm .textBlock { font-size: 1.1em; margin: 30px 0 0; color: #444444; } .genericalPage#serieForm .blockHeader, .genericalPage#taxesForm .blockHeader { background: #f1f1f1; font-weight: bold; color: #222222; line-height: 2em; font-size: 0.9rem; text-transform: uppercase; padding: 5px 20px; margin: 25px -24px; } .genericalPage#serieForm .blockHeader .col, .genericalPage#taxesForm .blockHeader .col { padding: 0 .35rem; } .genericalPage#serieForm .listTip, .genericalPage#taxesForm .listTip { background: #f1f1f1; margin: 0 0 25px 0; font-size: 0.9em; padding: 10px; } .genericalPage#serieForm .paragraphTip, .genericalPage#taxesForm .paragraphTip { background: #f1f1f1; margin: 0 0 25px 0; font-size: 0.9em; padding: 10px; } .genericalPage#serieForm .taxesBlock .blockHeader, .genericalPage#taxesForm .taxesBlock .blockHeader { margin-top: 0; } .genericalPage#serieForm .taxesBlock .descTax, .genericalPage#taxesForm .taxesBlock .descTax { font-family: 'Roboto', sans-serif; font-weight: 300; margin-bottom: 30px; } /* Reports page */ #reports main { max-width: 1450px; } #reports main #mainContent { background-color: #f3f3f3; max-width: 100%; box-shadow: none; margin: 0; } #reports main #mainContent #filter_form { margin-top: 10px; margin-bottom: 10px; } #reports main #mainContent #filter_form .boxBg { background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } #reports main #mainContent #filter_form .btn { background: #ff7300; text-transform: inherit; box-shadow: inherit; margin-top: 15px; } #reports main #mainContent #filter_form .btn:hover { background: #DF6501; } #reports main #mainContent #filter_form .btn#reset-filters { background: transparent; text-transform: inherit; box-shadow: inherit; color: #444444; text-decoration: underline; margin-top: 30px; padding: 0 1rem; } #reports main #mainContent #filter_form .btn#reset-filters:hover { text-decoration: none; background: transparent; color: #ff7300; } .paginationContent { margin-top: 15px; } .paginationContent strong { font-family: 'Roboto', sans-serif; font-weight: 700; } .paginationContent .btn { display: inline-block; padding-left: 5px; padding-right: 5px; height: 30px; box-shadow: inherit; background: #ff7300; } .paginationContent .btn.disabled { background: #f1f1f1; } .paginationContent .btn i { line-height: 1.5em; } #paginationForm .select-wrapper .select-dropdown { margin-bottom: 0; } .pagination { color: #777; font-size: 0.9em; } .pagination li { height: 27px; } .pagination li a { color: #777; font-size: 1.1em; } .pagination li.active { background-color: #585858; } #pagination { padding: 4% 8%; text-align: right; } #pagination .pagination { float: left; } #pagination .pagination li { height: auto; } #pagination .pagination li a { display: inline-block; font-size: 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0; width: 30px; height: 30px; line-height: 2.2em; } #pagination .pagination li.active span { display: inline-block; font-size: 0.9em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 30px; height: 30px; line-height: 2.4em; color: #ffffff; } #pagination .pagination li.prevPage, #pagination .pagination li.nextPage { text-align: center; } #pagination .pagination li.prevPage a, #pagination .pagination li.nextPage a { background: #ffffff; } #pagination .pagination li.prevPage a i, #pagination .pagination li.nextPage a i { font-size: 1.5rem; line-height: 1.3em; } #pagination .contFormPagi { float: right; } #pagination .contFormPagi strong { display: inline !important; float: none !important; font-weight: normal; padding: 15px; } #pagination .contFormPagi #paginationForm { display: inline; float: none !important; } #pagination .contFormPagi #paginationForm .dropdown-menu { display: inline-block !important; max-width: 70px; } #pagination .contFormPagi #paginationForm .dropdown-menu select { display: none !important; } .floatingWithLabel ul a { overflow: inherit; background-color: #333; } .floatingWithLabel ul a span { position: absolute; right: 50px; top: 8px; white-space: nowrap; color: #777; padding: 12px; background-color: white; border-radius: 2px; box-shadow: 1px 1px 1px 1px #eee; line-height: 0; } .center-align div { text-align: center; } .right-align div { text-align: right; } #loginForm .checkbox-field label { color: #777; text-transform: none; } #loginForm .checkbox-field [type="checkbox"] + label::before, #loginForm .checkbox-field [type="checkbox"]:not(.filled-in) + label::after { border: 2px solid black; } #loginForm .checkbox-field [type="checkbox"] + label::before, #loginForm .checkbox-field [type="checkbox"]:not(.filled-in) + label::after { border: 2px solid black; -webkit-transition: 0s; transition: 0s; } #loginForm .checkbox-field [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; } #loginForm .checkbox-field [type="checkbox"]:checked + label::before { top: 2px; left: 2px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: .2s; transition: .2s; } #loginForm .checkbox-field [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .contactContent { margin: 0; box-shadow: inherit; } .contactContent .blockHeader { background: #f1f1f1; font-weight: bold; text-transform: uppercase; } .contactContent .blockHeader .panel { padding: 5px 10px; } .contactContent .package { display: inline-block; font-size: 0.8em; padding: 0 15px; color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-left: 0.75rem; } .contactContent .package.exampleTag { font-size: 11px; } .contactContent .boxBlock { border-bottom: 1px solid #ddd; margin: 0; padding: 0; } .contactContent .boxBlock:hover { box-shadow: 0 1px 5px 0 #666; position: relative; } .contactContent .boxBlock .checkContact .checkbox { padding-top: 26px; } .contactContent .boxBlock .checkContact .checkbox label { color: #777; font-size: 1.2em; text-transform: none; height: 60px; } .contactContent .boxBlock .checkContact .checkbox [type="radio"]:not(:checked) + label, .contactContent .boxBlock .checkContact .checkbox [type="radio"]:checked + label, .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:not(:checked) + label, .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:checked + label { width: 95%; padding-left: 0; } .contactContent .boxBlock .checkContact .checkbox [type="radio"]:checked + label, .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:checked + label { font-weight: bold; color: #444444; } .contactContent .boxBlock .checkContact .checkbox [type="radio"] + label::before, .contactContent .boxBlock .checkContact .checkbox [type="radio"] + label::after, .contactContent .boxBlock .checkContact .checkbox [type="checkbox"] + label::before, .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; } .contactContent .boxBlock .checkContact .checkbox [type="checkbox"] + label::before, .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; -webkit-transition: 0s; transition: 0s; } .contactContent .boxBlock .checkContact .checkbox [type="radio"]:checked + label::after, .contactContent .boxBlock .checkContact .checkbox [type="radio"].with-gap:checked + label::before, .contactContent .boxBlock .checkContact .checkbox [type="radio"].with-gap:checked + label::after { border-color: #ff7300; -webkit-transition: 0s; transition: 0s; } .contactContent .boxBlock .checkContact .checkbox [type="radio"]:checked + label::after, .contactContent .boxBlock .checkContact .checkbox [type="radio"].with-gap:checked + label::after { background: #ff7300; } .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; right: 5px; } .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:checked + label::before { top: 0; right: 10px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: 0s; transition: 0s; } .contactContent .boxBlock .checkContact .checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .contactContent .boxBlock .contactList { padding-top: 20px; padding-bottom: 15px; margin: 0; } .contactContent .boxBlock .contactList .contactRelated { font-size: 14px; text-align: center; line-height: 1.2em; float: right; } .contactContent .boxBlock .contactList .contactRelated img { width: 30px; max-height: 32px; text-align: center; margin: 5px 12px 0 12px; position: relative; z-index: 1; opacity: 0.5; } .contactContent .boxBlock .contactList .contactRelated img:last-child { margin: 0; } .contactContent .boxBlock .contactList .contactRelated img:hover { opacity: 1; } .contactContent .boxBlock .contactList .contactRelated span { display: block; } .contactContent .boxBlock .contactListWithEmail { padding-top: 20px; margin: 0; } .contactContent .boxBlock a { color: #444444; font-size: 1.4rem; margin: 0; } .contactContent .boxBlock a .nameBlock { display: inline-block; padding-left: 0.75rem; font-size: 1.1em; font-weight: normal; } .contactContent .boxBlock a .nameBlock .contact_first_name { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; } .contactContent .boxBlock a .emailBlock { display: block; padding-left: 0.75rem; font-size: 14px; } .contactContent .dropdown-content { left: inherit !important; right: 5%; width: auto !important; } .contactContent .dropdown-content li > a, .contactContent .dropdown-content li > span { color: #444444; font-size: 16px; font-weight: 400; white-space: nowrap; } .contactContent .dropdown-content li > a > img, .contactContent .dropdown-content li > span > img { margin: 0 15px -5px 10px; max-width: 18px; max-height: 25px; } .contactContent .dropdown-content li > a span, .contactContent .dropdown-content li > span span { margin-right: 30px; } #walkthroughTrigger, .helpOnHoverIcon { position: absolute; top: 0; opacity: 0.6; } #walkthroughTrigger:hover, .helpOnHoverIcon:hover { opacity: 1; } .helpOnHoverIcon i { cursor: default; } #mobileHelpOnHover { margin-top: 15px; } .dropdown-content { left: inherit !important; } .dropdown-content li > a, .dropdown-content li > span { color: #444444; font-size: 16px; font-weight: 400; } .dropdown-content li > a > img, .dropdown-content li > span > img { margin: 0 15px -5px 10px; max-width: 18px; max-height: 25px; } .dropdown-content li > a span, .dropdown-content li > span span { margin-right: 30px; } .resetFieldset .dropdown-content { z-index: 99; height: auto; overflow-y: auto; } #changeQuotes .resetFieldset .dropdown-content a { padding-right: 30px; min-width: 175px; } #changeQuotes .resetFieldset .dropdown-content .concept-delete { color: #444444; } .contactList { margin-top: 10px; font-size: 1.2rem; } .noResults { margin: 80px 20px 20px 20px; color: #777; } .noResults img { width: 200px; margin-bottom: 40px; } .noResults .title { font-size: 1.8rem; font-weight: 300; } .noResults .title strong { font-size: 1.2em; display: block; font-weight: 500; } .noResults .title .user { color: #333; } .noResults .subtitle { font-size: 1.2em; } .noResults .subtitle a { border: 1px solid #777; display: inline-block; color: #777; padding: 10px 20px; } .noResults .subtitle a:hover { border-color: #ff7300; background: #ff7300; color: #ffffff; } .noResults .subtitle.visibleMobile a { margin-bottom: 20px; } .noResults .subtitle.visibleMobile a.stdLink { border: 0; display: block; color: #ff7300; text-decoration: underline; } .noResults .subtitle.visibleMobile a.stdLink:hover { background: transparent; text-decoration: none; } .noContacts { margin: 125px 20px 20px 20px; color: #777; } .noContacts .title { font-size: 1.5rem; font-weight: bold; } .noContacts .title .user { color: #333; } .noContacts .subtitle { font-size: 1.2em; } #jobDetail .jobDetailHeader, #contactDetail .jobDetailHeader, #jobDetail .contactDetailHeader, #contactDetail .contactDetailHeader { background-color: #333; color: #eee; } #jobDetail .jobDetailHeader h1, #contactDetail .jobDetailHeader h1, #jobDetail .contactDetailHeader h1, #contactDetail .contactDetailHeader h1 { font-size: 2.2rem; margin: 10px; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 300; } #jobDetail .jobDetailHeader #contactUserOptions li, #contactDetail .jobDetailHeader #contactUserOptions li, #jobDetail .contactDetailHeader #contactUserOptions li, #contactDetail .contactDetailHeader #contactUserOptions li { display: inline-block; list-style-type: none; } #jobDetail .jobDetailHeader #contactUserOptions li a, #contactDetail .jobDetailHeader #contactUserOptions li a, #jobDetail .contactDetailHeader #contactUserOptions li a, #contactDetail .contactDetailHeader #contactUserOptions li a { color: #ff7300; text-align: center; display: block; padding: 0 15px; } #jobDetail .jobDetailHeader #contactUserOptions li a span, #contactDetail .jobDetailHeader #contactUserOptions li a span, #jobDetail .contactDetailHeader #contactUserOptions li a span, #contactDetail .contactDetailHeader #contactUserOptions li a span { background: #ff7300; display: block; width: 45px; height: 45px; padding: 10px; margin: 0 auto 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #jobDetail .jobDetailHeader #contactUserOptions li a span img, #contactDetail .jobDetailHeader #contactUserOptions li a span img, #jobDetail .contactDetailHeader #contactUserOptions li a span img, #contactDetail .contactDetailHeader #contactUserOptions li a span img { max-width: 100%; } #jobDetail .jobDetailHeader #contactUserOptions li a.disabled, #contactDetail .jobDetailHeader #contactUserOptions li a.disabled, #jobDetail .contactDetailHeader #contactUserOptions li a.disabled, #contactDetail .contactDetailHeader #contactUserOptions li a.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); } #jobDetail .card, #contactDetail .card { box-shadow: inherit; } #jobDetail .card.contInfo, #contactDetail .card.contInfo { position: relative; padding-top: 128px; } #jobDetail .card.contInfo .fixedInfo, #contactDetail .card.contInfo .fixedInfo { width: 100%; position: fixed; z-index: 99; top: 55px; } #jobDetail .card #habitissimoLink, #contactDetail .card #habitissimoLink { position: absolute; top: 24px; right: 24px; text-decoration: none; font-size: 0.9em; color: #ff7300; } #jobDetail .card #habitissimoLink:hover, #contactDetail .card #habitissimoLink:hover { text-decoration: underline; } #jobDetail .tabs .tab, #contactDetail .tabs .tab { background-color: #333; } #jobDetail .tabs .tab a, #contactDetail .tabs .tab a { color: #777; } #jobDetail .tabs .tab a:hover, #contactDetail .tabs .tab a:hover, #jobDetail .tabs .tab a.active, #contactDetail .tabs .tab a.active { color: #eee; } #jobDetail .tabs .indicator, #contactDetail .tabs .indicator { height: 8px; background: #ff7300; } #jobDetail #activity, #contactDetail #activity { padding-bottom: 75px; } #jobDetail #activity .blockHeader, #contactDetail #activity .blockHeader { background: #f1f1f1; font-weight: bold; text-transform: uppercase; padding: 5px 10px; } #jobDetail #activity .box, #contactDetail #activity .box { border-color: #ddd; margin-top: 0; padding-top: 20px; padding-bottom: 20px; } #jobDetail #activity .box .row, #contactDetail #activity .box .row { margin-bottom: 0; } #jobDetail #activity .box ul, #contactDetail #activity .box ul { margin: 14px 0 10px 0; } #jobDetail #activity .box ul li, #contactDetail #activity .box ul li { display: inline-block; } #jobDetail #activity .box ul li img, #contactDetail #activity .box ul li img { width: 40px; margin-bottom: 4px; } #jobDetail #activity .generalCont, #contactDetail #activity .generalCont { margin: 0; border-top: 1px solid #f1f1f1; transition: all 0.8s ease 0s; } #jobDetail #activity .generalCont:hover, #contactDetail #activity .generalCont:hover { background: #f3f3f3; } #jobDetail #activity .package, #contactDetail #activity .package { display: inline-block; font-size: 0.8em; padding: 0 15px; color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #jobDetail #activity .modal, #contactDetail #activity .modal { width: 25%; height: auto; padding-bottom: 15px; bottom: inherit; } #jobDetail #activity .modal .modal-footer a, #contactDetail #activity .modal .modal-footer a { color: #ff7300; } #jobDetail #activity .modal .modal-footer a.modal-close, #contactDetail #activity .modal .modal-footer a.modal-close { color: #777; } #jobDetail #activity .orderBy, #contactDetail #activity .orderBy { margin: 0; padding: 25px 0 15px 0; font-size: 1.2rem; cursor: pointer; } #jobDetail #activity .orderBy i, #contactDetail #activity .orderBy i { vertical-align: middle; } #jobDetail #activity #orderContent, #contactDetail #activity #orderContent { display: none; margin: -10px 20px 20px 20px; } #jobDetail #activity #orderContent ul, #contactDetail #activity #orderContent ul { margin: 0; } #jobDetail #activity #orderContent ul li, #contactDetail #activity #orderContent ul li { border-bottom: 1px solid #dddddd; text-transform: capitalize; } #jobDetail #activity #orderContent ul li a, #contactDetail #activity #orderContent ul li a { display: block; white-space: nowrap; font-size: 1.2rem; min-height: auto; color: #777; height: 55px; padding: 14px 16px; font-weight: 400; } #jobDetail #activity #orderContent ul li a:hover, #contactDetail #activity #orderContent ul li a:hover { background: #f3f3f3; } #jobDetail #activity #orderContent ul li:last-child, #contactDetail #activity #orderContent ul li:last-child { border: 0; } #jobDetail #activity .elementlist, #contactDetail #activity .elementlist { font-family: 'Roboto', sans-serif; font-weight: 500; padding: 1.5rem .75rem; margin: 0; border-bottom: 1px solid #efefef; } #jobDetail #activity .elementlist h3, #contactDetail #activity .elementlist h3 { text-transform: uppercase; font-size: 15px; color: #aaaaaa; margin: 4px 0 5px 0; } #jobDetail #activity .elementlist h2, #contactDetail #activity .elementlist h2 { font-size: 22px; color: #444444; padding: 0; margin: 5px 0; } #jobDetail #activity .elementlist strong, #contactDetail #activity .elementlist strong { font-size: 22px; color: #444444; margin: 5px 0; } #jobDetail #activity .elementlist p, #contactDetail #activity .elementlist p { margin: 0 0 10px 0; font-size: 14px; line-height: 1.2em; } #jobDetail #activity .elementlist img, #contactDetail #activity .elementlist img { margin: 0; width: 12px; opacity: 1; vertical-align: middle; margin-right: 4px; } #jobDetail #activity .elementlist .dropDownContent, #contactDetail #activity .elementlist .dropDownContent { padding: 15px 0 40px 0; font-family: 'Roboto', sans-serif; font-weight: 400; } #jobDetail #activity .elementlist .dropDownContent .col, #contactDetail #activity .elementlist .dropDownContent .col { padding-left: 0; } #jobDetail #activity .elementlist .dropDownContent .col:last-child, #contactDetail #activity .elementlist .dropDownContent .col:last-child { padding-right: 0; } #jobDetail #activity .elementlist .dropDownContent ul, #contactDetail #activity .elementlist .dropDownContent ul { display: none; margin: 14px 0 10px 0; border: 1px solid #efefef; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } #jobDetail #activity .elementlist .dropDownContent ul li, #contactDetail #activity .elementlist .dropDownContent ul li { display: block; border-bottom: 1px solid #efefef; } #jobDetail #activity .elementlist .dropDownContent ul li a, #contactDetail #activity .elementlist .dropDownContent ul li a { display: block; white-space: nowrap; font-size: 1.2rem; min-height: auto; color: #777; height: 55px; padding: 14px 16px; font-weight: 400; } #jobDetail #activity .elementlist .dropDownContent ul li a:hover, #contactDetail #activity .elementlist .dropDownContent ul li a:hover { background: #ddd; } #jobDetail #activity .elementlist .dropDownContent ul li a img, #contactDetail #activity .elementlist .dropDownContent ul li a img { margin: 0 10px -5px 5px; max-width: 25px; max-height: 25px; vertical-align: inherit; } #jobDetail #activity .elementlist .dropDownContent ul li:last-child, #contactDetail #activity .elementlist .dropDownContent ul li:last-child { border: 0; } #jobDetail #activity .elementlist ul, #contactDetail #activity .elementlist ul { margin: 14px 0 10px 0; } #jobDetail #activity .elementlist ul li, #contactDetail #activity .elementlist ul li { display: inline-block; } #jobDetail #activity .elementlist ul li img, #contactDetail #activity .elementlist ul li img { width: 40px; margin-bottom: 4px; } #jobDetail #activity .elementlist .btn, #contactDetail #activity .elementlist .btn { background: transparent; font-size: 0.9em; text-transform: normal; font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 2px solid #ff7300; box-shadow: none; color: #ff7300; display: block; height: 32px; line-height: 30px; padding: 0 1rem; text-align: left; } #jobDetail #activity .elementlist .btn:hover, #contactDetail #activity .elementlist .btn:hover { background: #ff7300; color: #ffffff; } #jobDetail #activity .elementlist .btn.specialButton, #contactDetail #activity .elementlist .btn.specialButton { background: #ff7300; color: #ffffff; } #jobDetail #activity .elementlist .btn.specialButton:hover, #contactDetail #activity .elementlist .btn.specialButton:hover { background: #e66800; } #jobDetail #notes, #contactDetail #notes { padding-bottom: 45px; } #jobDetail #notes a, #contactDetail #notes a { color: #444444; display: block; } #jobDetail #notes a .box, #contactDetail #notes a .box { border-color: #ddd; margin: 0; } #jobDetail #notes a .box .noteContent, #contactDetail #notes a .box .noteContent { padding: 20px 0.75rem; } #jobDetail #notes a .box h2, #contactDetail #notes a .box h2 { font-size: 1.3em; margin: 0 0 5px 0; font-family: 'Roboto', sans-serif; font-weight: 500; } #jobDetail #notes a .box small, #contactDetail #notes a .box small { display: block; padding-top: 2px; color: #848484; font-size: 0.8em; } #jobDetail #notes a .box .clear, #contactDetail #notes a .box .clear { overflow: hidden; } #jobDetail #notes a .box .clear .col, #contactDetail #notes a .box .clear .col { padding: 0; } #jobDetail #notes a .box .optionsDropdown, #contactDetail #notes a .box .optionsDropdown { margin-top: 30px; } #jobDetail #notes a .box .dropdown-content, #contactDetail #notes a .box .dropdown-content { left: inherit !important; right: 6%; width: auto !important; } #jobDetail #notes a .box .dropdown-content li > a, #contactDetail #notes a .box .dropdown-content li > a, #jobDetail #notes a .box .dropdown-content li > span, #contactDetail #notes a .box .dropdown-content li > span { color: #444444; font-size: 16px; } #jobDetail #notes a .box .dropdown-content li > a > img, #contactDetail #notes a .box .dropdown-content li > a > img, #jobDetail #notes a .box .dropdown-content li > span > img, #contactDetail #notes a .box .dropdown-content li > span > img { margin: 0 15px -5px 10px; max-width: 25px; max-height: 25px; } #jobDetail #notes a .box .dropdown-content li > a span, #contactDetail #notes a .box .dropdown-content li > a span, #jobDetail #notes a .box .dropdown-content li > span span, #contactDetail #notes a .box .dropdown-content li > span span { margin-right: 30px; } #jobDetail #notes a.btn-flat, #contactDetail #notes a.btn-flat { display: inline-block; } #jobDetail #notes a:hover, #contactDetail #notes a:hover { color: #000000 !important; background-color: #F3F3F3; transition: background-color 1s; } #jobDetail #notes .noContacts .btn, #contactDetail #notes .noContacts .btn { margin-top: 50px; float: left; font-family: 'Roboto', sans-serif; font-weight: 400; color: #ff7300; background: #ffffff; box-shadow: none; text-transform: inherit; margin-bottom: 10px; padding: 0 1rem; min-width: 170px; height: auto; } #jobDetail #notes .modal .modal-footer a, #contactDetail #notes .modal .modal-footer a { color: #ff7300; } #jobDetail #notes .modal .modal-footer a.modal-close, #contactDetail #notes .modal .modal-footer a.modal-close { color: #777; } #jobDetail #activity a, #contactDetail #activity a { color: #777; } #contactDetail .contactDetailHeader .card.contInfo { padding-top: 200px; } .showDropFilterOrder { max-width: 710px; padding-left: 10px; } .showDropFilterOrder .orderBy { color: #444444; font-size: 1.2em; cursor: pointer; } .showDropFilterOrder .orderBy i { vertical-align: middle; } .showDropFilterOrder #orderContent { color: #444444; font-size: 1.2em; } .showDropFilterOrder #orderContent ul li { text-align: center; border-top: 1px solid #e2e2e2; padding: 10px 0; cursor: pointer; } .showDropFilterOrder #orderContent ul li:hover { background: #eaeaea; } #addInvoiceBtn, #addQuoteBtn, #addJobBtn, #addContactBtn, #addExpenseBtn, #addNoteBtn { font-size: 2em; } #noteDetail { padding: 30px 10px; color: #777; } #noteDetail h1 { color: #444444; font-size: 1.4em; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-weight: 400; } #contactData h2, #activity h2 { font-size: 1.5rem; padding-left: 15px; font-family: 'Roboto', sans-serif; font-weight: 400; } #contactData .dataRow, #activity .dataRow { font-size: 1.2rem; margin-bottom: 40px; } #contactData .dataRow small, #activity .dataRow small { display: block; padding-left: 15px; font-size: 0.9em; color: #d0d0d0; padding-left: 0; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0; } #contactData .dataRow img, #activity .dataRow img { margin: 0 15px; max-width: 25px; max-height: 25px; text-align: center; vertical-align: top; } #contactData .dataRow a, #activity .dataRow a { color: #ff7300; } #contactData .dataRow .valign-wrapper, #activity .dataRow .valign-wrapper { align-items: unset; } #contactData .dataRow .valign-wrapper a, #activity .dataRow .valign-wrapper a { display: block; width: 85%; } #contactData .dataRow .valign-wrapper a.noLink, #activity .dataRow .valign-wrapper a.noLink { color: #1e1e1e; } #contactData p, #activity p { font-size: 1.1rem; } #contactData .col.s1 .circleButton, #activity .col.s1 .circleButton { border-radius: 50%; min-height: 35px; display: block; height: 35px; width: 35px; padding: 0; text-align: center; color: #1e1e1e; } #contactData .col.s1 .circleButton:hover, #activity .col.s1 .circleButton:hover { background: #f1f1f1; } #contactData .col.s1 .dropdown-content, #activity .col.s1 .dropdown-content { width: auto !important; min-width: 255px; min-height: 50px !important; left: inherit !important; right: 45px; } #contactData .col.s1 .dropdown-content a, #activity .col.s1 .dropdown-content a { color: #777; } #contactData .col.s1 .dropdown-content img, #activity .col.s1 .dropdown-content img { margin: 0 15px -5px 10px; max-width: 18px; max-height: 25px; opacity: 1; } #activity img { width: 22px; margin-right: -15px; opacity: 0.4; } #activity .btn-floating img { max-width: 17px; margin-right: 0; margin-top: 10px; opacity: 1; } #activity a { color: #777; } #activity a strong { color: #444444; } #toast-container { top: inherit !important; bottom: 20% !important; background: transparent; padding: 0 10%; } #toast-container .toast { display: block; text-align: center; padding-top: 12px; background: rgba(0, 0, 0, 0.7) !important; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .contentForm .card { box-shadow: inherit; } .contentForm .card .contentFields .input-field input:disabled { border: 0; color: #444444; } .contentForm .card .contentFields .input-field .disabled_input { border: 0; color: #444444; } .contentForm .card .contentFields .input-field i { font-size: 32px; } .contentForm .card .contentFields .input-field .disabled_input input { border: 0; color: #444444; } .contentForm .card .contentFields .input-field .disabled_input .caret { display: none; } .contentForm .card .contentFields .dropdown-content li span { color: #777; } .contentForm .card #formFields .section:first-child h5 { margin: -24px -24px 20px -24px; } .contentForm .card #formFields .section h5 { background: #f1f1f1; font-weight: bold; font-size: 0.9rem; text-transform: uppercase; padding: 10px 25px; margin: 20px -24px 20px -24px; } #id_phone_container { position: relative; } #addPhone, #removeSecondPhone { position: absolute; display: block; top: 0px; right: 8px; width: 40px; height: 45px; text-align: center; padding-top: 10px; background: white; color: #ff7300; } #removeSecondPhone { color: #333 !important; } #id_second_phone_second_phone_type { display: none; } #contactData p.notYet, #activity p.notYet, #notes p.notYet { font-size: 1.4em; text-align: center; color: #777; margin-top: 50px; font-family: 'Roboto', sans-serif; font-weight: 300; } .referenceNumber { font-size: 12px; font-weight: bold; } .activityTitle { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000000; } .activityTitle .right-align { color: #9B9B9B; } .contactName { font-size: 16px; font-weight: bold; } .mailPhone { font-size: 14px; } .box { border-bottom: solid 1px #ddd; padding-top: 15px; margin-bottom: 0; } .package { display: flex; position: relative; width: auto; border-radius: 5px; } /* hover rows */ #jobDetail #notes a .box, #contactDetail #notes a .box, #contactDetail #activity .box .contactDList, .invoiceContent .boxBlock, .quoteContent .boxBlock, .jobContent .boxBlock, .expenseContent .boxBlock, .contactContent .boxBlock, #jobDetail #activity .box, #contactDetail #activity .box, .jobContent .listSection.listLine .row, .quoteContent .listSection.listLine .row, .invoiceContent .listSection.listLine .row, .expenseContent .listSection.listLine .row, .expensesForms .resetFieldset #conceptList .row, #changeQuotes .resetFieldset #conceptList .row { position: inherit; } #jobDetail #notes a .box:hover, #contactDetail #notes a .box:hover, #contactDetail #activity .box .contactDList:hover, .invoiceContent .boxBlock:hover, .quoteContent .boxBlock:hover, .jobContent .boxBlock:hover, .expenseContent .boxBlock:hover, .contactContent .boxBlock:hover, #jobDetail #activity .box:hover, #contactDetail #activity .box:hover, .jobContent .listSection.listLine .row:hover, .quoteContent .listSection.listLine .row:hover, .invoiceContent .listSection.listLine .row:hover, .expenseContent .listSection.listLine .row:hover, .expensesForms .resetFieldset #conceptList .row:hover, #changeQuotes .resetFieldset #conceptList .row:hover { background: #F3F3F3; box-shadow: 0 0px 3px 0 #999; position: inherit; z-index: 5; } #jobDetail #notes a .box.blockHeader:hover, #contactDetail #notes a .box.blockHeader:hover, #contactDetail #activity .box .contactDList.blockHeader:hover, .invoiceContent .boxBlock.blockHeader:hover, .quoteContent .boxBlock.blockHeader:hover, .jobContent .boxBlock.blockHeader:hover, .expenseContent .boxBlock.blockHeader:hover, .contactContent .boxBlock.blockHeader:hover, #jobDetail #activity .box.blockHeader:hover, #contactDetail #activity .box.blockHeader:hover, .jobContent .listSection.listLine .row.blockHeader:hover, .quoteContent .listSection.listLine .row.blockHeader:hover, .invoiceContent .listSection.listLine .row.blockHeader:hover, .expenseContent .listSection.listLine .row.blockHeader:hover, .expensesForms .resetFieldset #conceptList .row.blockHeader:hover, #changeQuotes .resetFieldset #conceptList .row.blockHeader:hover { box-shadow: none; z-index: 0; } .boxHistoric .card .cardHeader { background: #333; text-align: right; padding: 10px 15px; color: #ffffff; } .boxHistoric .card .cardHeader span { float: left; display: inline-block; padding-top: 4px; font-size: 16px; } .boxHistoric .card .cardHeader .btn { background: transparent; min-height: 30px; height: 30px; line-height: inherit; border: 1px solid #A3A3A3; color: #ffffff; margin: 0; padding: 0 10px; transition: all 0.2s ease 0s; text-transform: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px; } .boxHistoric .card .cardHeader .btn i { vertical-align: middle; } .boxHistoric .card .cardHeader .btn:hover { color: #ff7300; border-color: #ff7300; } .boxHistoric .card .orderBy { text-align: center; cursor: pointer; margin: 0; padding: 10px 0 0 0; border-bottom: 1px solid #e2e2e2; } .boxHistoric .card .orderBy .caret { margin-right: 15px; } .boxHistoric .card .orderBy .input-field label { padding-left: 15px; } .boxHistoric .card .orderBy .input-field .select-dropdown { margin: 0 0 0 15px; border: 0; } .boxHistoric .card .orderBy .input-field .dropdown-content { margin-left: 0; margin-top: 10px; font-size: 0.9em; } .boxHistoric .card .orderBy i { vertical-align: middle; } .boxHistoric .card .card-content { height: 450px; padding: 0; overflow-y: auto; overflow-x: hidden; } .boxHistoric .card .card-content .contentHistorical { border-bottom: 1px solid #e2e2e2; padding: 15px 15px 15px 0; } .boxHistoric .card .card-content .contentHistorical:last-child { border: 0; } .boxHistoric .card .card-content .contentHistorical:hover { background: #f3f3f3; } .boxHistoric .card .card-content .row { margin: 0; font-size: 14px; } .boxHistoric .card .card-content .row .s6 { color: #222222; } .boxHistoric .card .card-content .row .s6:last-child { text-align: right; } .boxHistoric .card .card-content .row .activityTitle { color: #848484; font-size: 14px; } .boxHistoric .card .card-content .circleButton { color: #777; margin-left: -5px; } .boxHistoric .card .card-content .dropdown-content { width: auto; min-width: 200px; margin-top: 40px; right: 0; } .noInvoices, .noConcepts, .noQuotes, .noJobs, .noContacts { margin: 0 auto 0; display: table; vertical-align: middle; height: 80%; color: #777; font-size: 1em; } .noInvoices a, .noConcepts a, .noQuotes a, .noJobs a, .noContacts a { color: #ff7300; text-decoration: underline; } .noInvoices a:hover, .noConcepts a:hover, .noQuotes a:hover, .noJobs a:hover, .noContacts a:hover { text-decoration: none; } .noInvoices .contMessage, .noConcepts .contMessage, .noQuotes .contMessage, .noJobs .contMessage, .noContacts .contMessage { display: table-cell; vertical-align: middle; } .noInvoices .contMessage a, .noConcepts .contMessage a, .noQuotes .contMessage a, .noJobs .contMessage a, .noContacts .contMessage a { font-family: 'Roboto', sans-serif; font-weight: 400; text-decoration: underline; } .noInvoices .contMessage a:hover, .noConcepts .contMessage a:hover, .noQuotes .contMessage a:hover, .noJobs .contMessage a:hover, .noContacts .contMessage a:hover { text-decoration: none; } .noInvoices .title, .noConcepts .title, .noQuotes .title, .noJobs .title, .noContacts .title { font-size: 1.8rem; font-family: 'Roboto', sans-serif; font-weight: 400; } .noInvoices .title .user, .noConcepts .title .user, .noQuotes .title .user, .noJobs .title .user, .noContacts .title .user { color: #333; } .noInvoices .subtitle, .noConcepts .subtitle, .noQuotes .subtitle, .noJobs .subtitle, .noContacts .subtitle { font-size: 1.5em; font-family: 'Roboto', sans-serif; font-weight: 300; } .noInvoices img, .noConcepts img, .noQuotes img, .noJobs img, .noContacts img { max-width: 150px; margin-left: 25%; } #fillCifAgain { color: #ff7300; text-decoration: underline; } #contFilterAll { overflow: visible; padding-bottom: 20px; margin-bottom: 0; } #contFilterAll .filterAll { float: left; } #contFilterAll #select_all_expenses.all_select_desktop_tablet { float: right; min-width: auto; margin-top: 15px; white-space: nowrap; position: relative; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportButton, #contFilterAll #select_all_expenses.all_select_desktop_tablet #deleteButton { float: left; background: #ffffff; border: 1px solid #333; border-radius: 5px; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-transform: inherit; color: #333; display: inline-block; width: auto; padding: 4px 15px; height: 32px; line-height: 1.6em; font-family: 'Roboto', sans-serif; font-weight: 400; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportButton:hover, #contFilterAll #select_all_expenses.all_select_desktop_tablet #deleteButton:hover { border: 1px solid #ff7300; color: #ff7300; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportButton[disabled="disabled"], #contFilterAll #select_all_expenses.all_select_desktop_tablet #deleteButton[disabled="disabled"] { pointer-events: none; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportButton[disabled="disabled"] img, #contFilterAll #select_all_expenses.all_select_desktop_tablet #deleteButton[disabled="disabled"] img { opacity: 1; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportButton { margin-right: 25px; } #contFilterAll #select_all_expenses.all_select_desktop_tablet .tooltip { background: #444444; color: #ffffff; display: inline-block; padding: 2px 10px; position: absolute; top: 134px; right: 38px; white-space: nowrap; z-index: 999; } #contFilterAll #select_all_expenses.all_select_desktop_tablet .deleteTooltip { background: #444444; color: #ffffff; display: inline-block; padding: 2px 10px; position: absolute; top: 33px; right: 0; white-space: nowrap; z-index: 999; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #deleteButtonWrapperDesktop { display: inline-block; height: 32px; } #contFilterAll #select_all_expenses.all_select_mobile { float: right; min-width: 89px; margin-top: 15px; position: relative; } #contFilterAll #select_all_expenses.all_select_mobile a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 42px; padding-top: 4px; padding-bottom: 13px; display: inline-block; white-space: nowrap; font-size: 1.2rem; color: #444444; } #contFilterAll #select_all_expenses.all_select_mobile a:hover { background: #dddddd; } #contFilterAll #select_all_expenses.all_select_mobile a img { margin: 0 10px -12px 8px; width: 25px; height: 25px; } #contFilterAll #select_all_expenses.all_select_mobile a[disabled="disabled"] { pointer-events: none; } #contFilterAll #select_all_expenses.all_select_mobile a[disabled="disabled"] img { opacity: 1; } #contFilterAll #select_all_expenses.all_select_mobile .tooltip { background: #444444; color: #ffffff; display: inline-block; padding: 2px 10px; position: absolute; top: 123px; right: 13px; white-space: nowrap; z-index: 999; } #contFilterAll #select_all_expenses.all_select_mobile .deleteTooltip { background: #444444; color: #ffffff; display: inline-block; padding: 2px 10px; position: absolute; top: 40px; right: -11px; white-space: nowrap; z-index: 999; } #contFilterAll #select_all_expenses.all_select_mobile #deleteButtonWrapperMobile { display: inline-block; height: 32px; } #modalAllDelete { width: 25%; height: auto; padding-bottom: 15px; bottom: inherit; } .filterAll { margin-top: 20px; } .filterAll.radio label, .filterAll.checkbox label { color: #777; font-size: 1.2em; } .filterAll.radio [type="radio"]:not(:checked) + label, .filterAll.checkbox [type="radio"]:not(:checked) + label, .filterAll.radio [type="radio"]:checked + label, .filterAll.checkbox [type="radio"]:checked + label, .filterAll.radio [type="checkbox"]:not(:checked) + label, .filterAll.checkbox [type="checkbox"]:not(:checked) + label, .filterAll.radio [type="checkbox"]:checked + label, .filterAll.checkbox [type="checkbox"]:checked + label { width: 100%; padding-left: 0; margin-left: 8px; padding-left: 60px; } .filterAll.radio [type="radio"]:checked + label, .filterAll.checkbox [type="radio"]:checked + label, .filterAll.radio [type="checkbox"]:checked + label, .filterAll.checkbox [type="checkbox"]:checked + label { font-weight: bold; color: #444444; } .filterAll.radio [type="radio"] + label::before, .filterAll.checkbox [type="radio"] + label::before, .filterAll.radio [type="radio"] + label::after, .filterAll.checkbox [type="radio"] + label::after, .filterAll.radio [type="checkbox"] + label::before, .filterAll.checkbox [type="checkbox"] + label::before, .filterAll.radio [type="checkbox"]:not(.filled-in) + label::after, .filterAll.checkbox [type="checkbox"]:not(.filled-in) + label::after { left: 0; border: 1px solid #777; } .filterAll.radio [type="checkbox"] + label::before, .filterAll.checkbox [type="checkbox"] + label::before, .filterAll.radio [type="checkbox"]:not(.filled-in) + label::after, .filterAll.checkbox [type="checkbox"]:not(.filled-in) + label::after { left: 0; border: 1px solid #777; -webkit-transition: 0s; transition: 0s; } .filterAll.radio [type="radio"]:checked + label::after, .filterAll.checkbox [type="radio"]:checked + label::after, .filterAll.radio [type="radio"].with-gap:checked + label::before, .filterAll.checkbox [type="radio"].with-gap:checked + label::before, .filterAll.radio [type="radio"].with-gap:checked + label::after, .filterAll.checkbox [type="radio"].with-gap:checked + label::after { border-color: #ff7300; -webkit-transition: 0s; transition: 0s; } .filterAll.radio [type="radio"]:checked + label::after, .filterAll.checkbox [type="radio"]:checked + label::after, .filterAll.radio [type="radio"].with-gap:checked + label::after, .filterAll.checkbox [type="radio"].with-gap:checked + label::after { background: #ff7300; } .filterAll.radio [type="checkbox"]:checked + label::before, .filterAll.checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; left: 5px; } .filterAll.radio [type="checkbox"]:checked + label::before, .filterAll.checkbox [type="checkbox"]:checked + label::before { top: 0; left: 2px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: 0s; transition: 0s; } .filterAll.radio [type="checkbox"]:checked + label::after, .filterAll.checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .jobContent .card, .quoteContent .card, .configurationContent .card, .FAQContent .card, .invoiceContent .card, .expenseContent .card { margin: 0; box-shadow: inherit; } .jobContent .card .blockHeader, .quoteContent .card .blockHeader, .configurationContent .card .blockHeader, .FAQContent .card .blockHeader, .invoiceContent .card .blockHeader, .expenseContent .card .blockHeader { background: #f1f1f1; font-weight: bold; text-transform: uppercase; } .jobContent .card .blockHeader .panel, .quoteContent .card .blockHeader .panel, .configurationContent .card .blockHeader .panel, .FAQContent .card .blockHeader .panel, .invoiceContent .card .blockHeader .panel, .expenseContent .card .blockHeader .panel { padding: 5px 10px; } .jobContent .card a, .quoteContent .card a, .configurationContent .card a, .FAQContent .card a, .invoiceContent .card a, .expenseContent .card a { color: #444444; } .jobContent .card a .box, .quoteContent .card a .box, .configurationContent .card a .box, .FAQContent .card a .box, .invoiceContent .card a .box, .expenseContent .card a .box { border-color: #ddd; color: #848484; padding-bottom: 15px; } .jobContent .card a .box strong, .quoteContent .card a .box strong, .configurationContent .card a .box strong, .FAQContent .card a .box strong, .invoiceContent .card a .box strong, .expenseContent .card a .box strong { font-weight: normal; color: #444444; } .jobContent .card a .box .right-align, .quoteContent .card a .box .right-align, .configurationContent .card a .box .right-align, .FAQContent .card a .box .right-align, .invoiceContent .card a .box .right-align, .expenseContent .card a .box .right-align { font-size: 0.9em; color: #aaaaaa; } .jobContent .card .blockHeader, .quoteContent .card .blockHeader, .configurationContent .card .blockHeader, .FAQContent .card .blockHeader, .invoiceContent .card .blockHeader, .expenseContent .card .blockHeader { position: relative; top: -1px; } .jobContent .card .package, .quoteContent .card .package, .configurationContent .card .package, .FAQContent .card .package, .invoiceContent .card .package, .expenseContent .card .package { display: inline-block; font-size: 0.8em; padding: 0 15px; color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .jobContent .card .dropdown-content, .quoteContent .card .dropdown-content, .configurationContent .card .dropdown-content, .FAQContent .card .dropdown-content, .invoiceContent .card .dropdown-content, .expenseContent .card .dropdown-content { min-height: auto !important; } .jobContent .modal-footer a, .quoteContent .modal-footer a, .configurationContent .modal-footer a, .FAQContent .modal-footer a, .invoiceContent .modal-footer a, .expenseContent .modal-footer a { color: #ff7300; } .jobContent .listSection .box, .quoteContent .listSection .box, .configurationContent .listSection .box, .FAQContent .listSection .box, .invoiceContent .listSection .box, .expenseContent .listSection .box { border-bottom: 1px solid #ddd; padding-bottom: 15px; } .jobContent .listSection .box .listBlock .s11, .quoteContent .listSection .box .listBlock .s11, .configurationContent .listSection .box .listBlock .s11, .FAQContent .listSection .box .listBlock .s11, .invoiceContent .listSection .box .listBlock .s11, .expenseContent .listSection .box .listBlock .s11 { padding: 0; } .jobContent .listSection .box .s1, .quoteContent .listSection .box .s1, .configurationContent .listSection .box .s1, .FAQContent .listSection .box .s1, .invoiceContent .listSection .box .s1, .expenseContent .listSection .box .s1 { padding-top: 10px; } .jobContent .listSection .box .dropdown-content, .quoteContent .listSection .box .dropdown-content, .configurationContent .listSection .box .dropdown-content, .FAQContent .listSection .box .dropdown-content, .invoiceContent .listSection .box .dropdown-content, .expenseContent .listSection .box .dropdown-content { width: auto !important; min-width: 255px; left: inherit !important; right: 45px; } .jobContent .listSection.listLine .row, .quoteContent .listSection.listLine .row, .configurationContent .listSection.listLine .row, .FAQContent .listSection.listLine .row, .invoiceContent .listSection.listLine .row, .expenseContent .listSection.listLine .row { border-bottom: 1px solid #ddd; margin-bottom: -1px; } .jobContent .listSection.listLine .s10, .quoteContent .listSection.listLine .s10, .configurationContent .listSection.listLine .s10, .FAQContent .listSection.listLine .s10, .invoiceContent .listSection.listLine .s10, .expenseContent .listSection.listLine .s10 { padding-top: 15px; padding-bottom: 15px; } .jobContent .listSection.listLine .s10 .priceTotal, .quoteContent .listSection.listLine .s10 .priceTotal, .configurationContent .listSection.listLine .s10 .priceTotal, .FAQContent .listSection.listLine .s10 .priceTotal, .invoiceContent .listSection.listLine .s10 .priceTotal, .expenseContent .listSection.listLine .s10 .priceTotal { color: #000000; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 1.1em; margin-bottom: -4px; } .jobContent .listSection.listLine .s1, .quoteContent .listSection.listLine .s1, .configurationContent .listSection.listLine .s1, .FAQContent .listSection.listLine .s1, .invoiceContent .listSection.listLine .s1, .expenseContent .listSection.listLine .s1 { padding-top: 22px; } .jobContent .listSection.listLine .s1.topOptions, .quoteContent .listSection.listLine .s1.topOptions, .configurationContent .listSection.listLine .s1.topOptions, .FAQContent .listSection.listLine .s1.topOptions, .invoiceContent .listSection.listLine .s1.topOptions, .expenseContent .listSection.listLine .s1.topOptions { padding-top: 2px; } .jobContent .listSection.listLine .radio label, .quoteContent .listSection.listLine .radio label, .configurationContent .listSection.listLine .radio label, .FAQContent .listSection.listLine .radio label, .invoiceContent .listSection.listLine .radio label, .expenseContent .listSection.listLine .radio label, .jobContent .listSection.listLine .checkbox label, .quoteContent .listSection.listLine .checkbox label, .configurationContent .listSection.listLine .checkbox label, .FAQContent .listSection.listLine .checkbox label, .invoiceContent .listSection.listLine .checkbox label, .expenseContent .listSection.listLine .checkbox label { color: #777; font-size: 1.2em; text-transform: none; width: 100%; height: 75px; } .jobContent .listSection.listLine .radio [type="radio"]:not(:checked) + label, .quoteContent .listSection.listLine .radio [type="radio"]:not(:checked) + label, .configurationContent .listSection.listLine .radio [type="radio"]:not(:checked) + label, .FAQContent .listSection.listLine .radio [type="radio"]:not(:checked) + label, .invoiceContent .listSection.listLine .radio [type="radio"]:not(:checked) + label, .expenseContent .listSection.listLine .radio [type="radio"]:not(:checked) + label, .jobContent .listSection.listLine .checkbox [type="radio"]:not(:checked) + label, .quoteContent .listSection.listLine .checkbox [type="radio"]:not(:checked) + label, .configurationContent .listSection.listLine .checkbox [type="radio"]:not(:checked) + label, .FAQContent .listSection.listLine .checkbox [type="radio"]:not(:checked) + label, .invoiceContent .listSection.listLine .checkbox [type="radio"]:not(:checked) + label, .expenseContent .listSection.listLine .checkbox [type="radio"]:not(:checked) + label, .jobContent .listSection.listLine .radio [type="radio"]:checked + label, .quoteContent .listSection.listLine .radio [type="radio"]:checked + label, .configurationContent .listSection.listLine .radio [type="radio"]:checked + label, .FAQContent .listSection.listLine .radio [type="radio"]:checked + label, .invoiceContent .listSection.listLine .radio [type="radio"]:checked + label, .expenseContent .listSection.listLine .radio [type="radio"]:checked + label, .jobContent .listSection.listLine .checkbox [type="radio"]:checked + label, .quoteContent .listSection.listLine .checkbox [type="radio"]:checked + label, .configurationContent .listSection.listLine .checkbox [type="radio"]:checked + label, .FAQContent .listSection.listLine .checkbox [type="radio"]:checked + label, .invoiceContent .listSection.listLine .checkbox [type="radio"]:checked + label, .expenseContent .listSection.listLine .checkbox [type="radio"]:checked + label, .jobContent .listSection.listLine .radio [type="checkbox"]:not(:checked) + label, .quoteContent .listSection.listLine .radio [type="checkbox"]:not(:checked) + label, .configurationContent .listSection.listLine .radio [type="checkbox"]:not(:checked) + label, .FAQContent .listSection.listLine .radio [type="checkbox"]:not(:checked) + label, .invoiceContent .listSection.listLine .radio [type="checkbox"]:not(:checked) + label, .expenseContent .listSection.listLine .radio [type="checkbox"]:not(:checked) + label, .jobContent .listSection.listLine .checkbox [type="checkbox"]:not(:checked) + label, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:not(:checked) + label, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:not(:checked) + label, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:not(:checked) + label, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:not(:checked) + label, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:not(:checked) + label, .jobContent .listSection.listLine .radio [type="checkbox"]:checked + label, .quoteContent .listSection.listLine .radio [type="checkbox"]:checked + label, .configurationContent .listSection.listLine .radio [type="checkbox"]:checked + label, .FAQContent .listSection.listLine .radio [type="checkbox"]:checked + label, .invoiceContent .listSection.listLine .radio [type="checkbox"]:checked + label, .expenseContent .listSection.listLine .radio [type="checkbox"]:checked + label, .jobContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:checked + label { width: 95%; padding-left: 0; } .jobContent .listSection.listLine .radio [type="radio"]:checked + label, .quoteContent .listSection.listLine .radio [type="radio"]:checked + label, .configurationContent .listSection.listLine .radio [type="radio"]:checked + label, .FAQContent .listSection.listLine .radio [type="radio"]:checked + label, .invoiceContent .listSection.listLine .radio [type="radio"]:checked + label, .expenseContent .listSection.listLine .radio [type="radio"]:checked + label, .jobContent .listSection.listLine .checkbox [type="radio"]:checked + label, .quoteContent .listSection.listLine .checkbox [type="radio"]:checked + label, .configurationContent .listSection.listLine .checkbox [type="radio"]:checked + label, .FAQContent .listSection.listLine .checkbox [type="radio"]:checked + label, .invoiceContent .listSection.listLine .checkbox [type="radio"]:checked + label, .expenseContent .listSection.listLine .checkbox [type="radio"]:checked + label, .jobContent .listSection.listLine .radio [type="checkbox"]:checked + label, .quoteContent .listSection.listLine .radio [type="checkbox"]:checked + label, .configurationContent .listSection.listLine .radio [type="checkbox"]:checked + label, .FAQContent .listSection.listLine .radio [type="checkbox"]:checked + label, .invoiceContent .listSection.listLine .radio [type="checkbox"]:checked + label, .expenseContent .listSection.listLine .radio [type="checkbox"]:checked + label, .jobContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:checked + label, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:checked + label { font-weight: bold; color: #444444; } .jobContent .listSection.listLine .radio [type="radio"] + label::before, .quoteContent .listSection.listLine .radio [type="radio"] + label::before, .configurationContent .listSection.listLine .radio [type="radio"] + label::before, .FAQContent .listSection.listLine .radio [type="radio"] + label::before, .invoiceContent .listSection.listLine .radio [type="radio"] + label::before, .expenseContent .listSection.listLine .radio [type="radio"] + label::before, .jobContent .listSection.listLine .checkbox [type="radio"] + label::before, .quoteContent .listSection.listLine .checkbox [type="radio"] + label::before, .configurationContent .listSection.listLine .checkbox [type="radio"] + label::before, .FAQContent .listSection.listLine .checkbox [type="radio"] + label::before, .invoiceContent .listSection.listLine .checkbox [type="radio"] + label::before, .expenseContent .listSection.listLine .checkbox [type="radio"] + label::before, .jobContent .listSection.listLine .radio [type="radio"] + label::after, .quoteContent .listSection.listLine .radio [type="radio"] + label::after, .configurationContent .listSection.listLine .radio [type="radio"] + label::after, .FAQContent .listSection.listLine .radio [type="radio"] + label::after, .invoiceContent .listSection.listLine .radio [type="radio"] + label::after, .expenseContent .listSection.listLine .radio [type="radio"] + label::after, .jobContent .listSection.listLine .checkbox [type="radio"] + label::after, .quoteContent .listSection.listLine .checkbox [type="radio"] + label::after, .configurationContent .listSection.listLine .checkbox [type="radio"] + label::after, .FAQContent .listSection.listLine .checkbox [type="radio"] + label::after, .invoiceContent .listSection.listLine .checkbox [type="radio"] + label::after, .expenseContent .listSection.listLine .checkbox [type="radio"] + label::after, .jobContent .listSection.listLine .radio [type="checkbox"] + label::before, .quoteContent .listSection.listLine .radio [type="checkbox"] + label::before, .configurationContent .listSection.listLine .radio [type="checkbox"] + label::before, .FAQContent .listSection.listLine .radio [type="checkbox"] + label::before, .invoiceContent .listSection.listLine .radio [type="checkbox"] + label::before, .expenseContent .listSection.listLine .radio [type="checkbox"] + label::before, .jobContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .quoteContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .configurationContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .FAQContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .invoiceContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .expenseContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .jobContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .quoteContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .configurationContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .FAQContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .invoiceContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .expenseContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .jobContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; } .jobContent .listSection.listLine .radio [type="checkbox"] + label::before, .quoteContent .listSection.listLine .radio [type="checkbox"] + label::before, .configurationContent .listSection.listLine .radio [type="checkbox"] + label::before, .FAQContent .listSection.listLine .radio [type="checkbox"] + label::before, .invoiceContent .listSection.listLine .radio [type="checkbox"] + label::before, .expenseContent .listSection.listLine .radio [type="checkbox"] + label::before, .jobContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .quoteContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .configurationContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .FAQContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .invoiceContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .expenseContent .listSection.listLine .checkbox [type="checkbox"] + label::before, .jobContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .quoteContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .configurationContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .FAQContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .invoiceContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .expenseContent .listSection.listLine .radio [type="checkbox"]:not(.filled-in) + label::after, .jobContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; -webkit-transition: 0s; transition: 0s; } .jobContent .listSection.listLine .radio [type="radio"]:checked + label::after, .quoteContent .listSection.listLine .radio [type="radio"]:checked + label::after, .configurationContent .listSection.listLine .radio [type="radio"]:checked + label::after, .FAQContent .listSection.listLine .radio [type="radio"]:checked + label::after, .invoiceContent .listSection.listLine .radio [type="radio"]:checked + label::after, .expenseContent .listSection.listLine .radio [type="radio"]:checked + label::after, .jobContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .quoteContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .configurationContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .FAQContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .invoiceContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .expenseContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .jobContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::before, .quoteContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::before, .configurationContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::before, .FAQContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::before, .invoiceContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::before, .expenseContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::before, .jobContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::before, .quoteContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::before, .configurationContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::before, .FAQContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::before, .invoiceContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::before, .expenseContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::before, .jobContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .quoteContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .configurationContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .FAQContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .invoiceContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .expenseContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .jobContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .quoteContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .configurationContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .FAQContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .invoiceContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .expenseContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after { border-color: #ff7300; -webkit-transition: 0s; transition: 0s; } .jobContent .listSection.listLine .radio [type="radio"]:checked + label::after, .quoteContent .listSection.listLine .radio [type="radio"]:checked + label::after, .configurationContent .listSection.listLine .radio [type="radio"]:checked + label::after, .FAQContent .listSection.listLine .radio [type="radio"]:checked + label::after, .invoiceContent .listSection.listLine .radio [type="radio"]:checked + label::after, .expenseContent .listSection.listLine .radio [type="radio"]:checked + label::after, .jobContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .quoteContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .configurationContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .FAQContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .invoiceContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .expenseContent .listSection.listLine .checkbox [type="radio"]:checked + label::after, .jobContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .quoteContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .configurationContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .FAQContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .invoiceContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .expenseContent .listSection.listLine .radio [type="radio"].with-gap:checked + label::after, .jobContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .quoteContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .configurationContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .FAQContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .invoiceContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after, .expenseContent .listSection.listLine .checkbox [type="radio"].with-gap:checked + label::after { background: #ff7300; } .jobContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .quoteContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .configurationContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .FAQContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .invoiceContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .expenseContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .jobContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; right: 5px; } .jobContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .quoteContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .configurationContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .FAQContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .invoiceContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .expenseContent .listSection.listLine .radio [type="checkbox"]:checked + label::before, .jobContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::before { top: 0; right: 10px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: 0s; transition: 0s; } .jobContent .listSection.listLine .radio [type="checkbox"]:checked + label::after, .quoteContent .listSection.listLine .radio [type="checkbox"]:checked + label::after, .configurationContent .listSection.listLine .radio [type="checkbox"]:checked + label::after, .FAQContent .listSection.listLine .radio [type="checkbox"]:checked + label::after, .invoiceContent .listSection.listLine .radio [type="checkbox"]:checked + label::after, .expenseContent .listSection.listLine .radio [type="checkbox"]:checked + label::after, .jobContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::after, .quoteContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::after, .configurationContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::after, .FAQContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::after, .invoiceContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::after, .expenseContent .listSection.listLine .checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .jobContent .listSection.listLine .dropdown-content, .quoteContent .listSection.listLine .dropdown-content, .configurationContent .listSection.listLine .dropdown-content, .FAQContent .listSection.listLine .dropdown-content, .invoiceContent .listSection.listLine .dropdown-content, .expenseContent .listSection.listLine .dropdown-content { width: auto !important; min-width: 255px; left: inherit !important; right: 45px; } .jobContent .listBlock, .quoteContent .listBlock, .configurationContent .listBlock, .FAQContent .listBlock, .invoiceContent .listBlock, .expenseContent .listBlock { display: block; padding: 0 10px; } .jobContent .listBlock .activityTitle, .quoteContent .listBlock .activityTitle, .configurationContent .listBlock .activityTitle, .FAQContent .listBlock .activityTitle, .invoiceContent .listBlock .activityTitle, .expenseContent .listBlock .activityTitle { color: #000000; } .jobContent .listBlock .activityTitle strong, .quoteContent .listBlock .activityTitle strong, .configurationContent .listBlock .activityTitle strong, .FAQContent .listBlock .activityTitle strong, .invoiceContent .listBlock .activityTitle strong, .expenseContent .listBlock .activityTitle strong { font-size: 1.1em; } .jobContent .listBlock .activityTitle .nameList, .quoteContent .listBlock .activityTitle .nameList, .configurationContent .listBlock .activityTitle .nameList, .FAQContent .listBlock .activityTitle .nameList, .invoiceContent .listBlock .activityTitle .nameList, .expenseContent .listBlock .activityTitle .nameList { text-transform: uppercase; font-size: 0.9em; } .jobContent .listBlock .activityTitle .priceTotal, .quoteContent .listBlock .activityTitle .priceTotal, .configurationContent .listBlock .activityTitle .priceTotal, .FAQContent .listBlock .activityTitle .priceTotal, .invoiceContent .listBlock .activityTitle .priceTotal, .expenseContent .listBlock .activityTitle .priceTotal { text-align: right; font-size: 1.1em; color: #000000; } .quoteContent .listBlock .activityTitle .priceTotal, .invoiceContent .listBlock .activityTitle .priceTotal, .expenseContent .listBlock .activityTitle .priceTotal { font-size: 1.15em; color: #777; } .quoteContent .activityTitle .s4.priceTotal, .invoiceContent .activityTitle .s4.priceTotal, .expenseContent .activityTitle .s4.priceTotal { white-space: nowrap; } #addConceptModal .dropdown-content, #updateContactModal .dropdown-content, #createContactModal .dropdown-content, #taxesForm .dropdown-content, .expensesForms .dropdown-content { max-height: 150px; min-height: 100px !important; overflow-y: auto; } #modalImportContacts { width: 30%; bottom: inherit; } #modalImportContacts a { color: #ff7300; } #modalImportContacts a.modal-close { color: #444444; } #modalImportContacts .modal-footer { padding-bottom: 15px; } #modalErrorImportingContacts { width: 30%; bottom: inherit; } .card-content .select2-container--default .select2-selection--single .select2-selection__arrow { background: url('/static/img/search/search-icon.png?9e181cafdd84') no-repeat center center; margin-top: -6px; } .card-content .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .configurationContent .listBlock:hover, .FAQContent .listBlock:hover, .detailQuestions .listBlock:hover { background: #F3F3F3; box-shadow: 0 0px 3px 0 #999; position: relative; z-index: 2; } .configurationContent .listBlock h2, .FAQContent h2 { font-weight: normal; color: #000000; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0 0 4px 0; font-size: 1.4rem; } .configurationContent .listBlock p, .FAQContent p { margin-top: 5px; } .configurationContent .listBlock img, .FAQContent img { max-width: 10px; margin-top: 10px; } .configurationContent .listBlock#helpList h2, .FAQContent#helpList h2 { font-size: 1.2rem; margin-top: 5px; } .configurationContent .listBlock#helpList img, .FAQContent#helpList img { margin-top: 5px; } .configurationContent .listBlock#detailQuestions .collaseContent, .FAQContent#detailQuestions .collaseContent { padding: 0 24px; } .configurationContent .listBlock#detailQuestions .collapsible, .FAQContent#detailQuestions .collapsible { margin: 0; box-shadow: inherit; border: 0; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-header, .FAQContent#detailQuestions .collapsible li .collapsible-header { padding-left: 0; padding-right: 0; font-weight: normal; color: #000000; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0 0 4px 0; font-size: 1.3rem; background: url('/static/img/arrow/arrowdown-icon.svg?3191e32c296c') no-repeat top right; background-position-y: 20px; background-size: 20px; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-header.active, .FAQContent#detailQuestions .collapsible li .collapsible-header.active { border: 0; background: url('/static/img/arrow/arrowup-icon.svg?78baf1472333') no-repeat top right; background-position-y: 20px; background-size: 20px; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-body, .FAQContent#detailQuestions .collapsible li .collapsible-body { color: #777; margin-top: -20px; padding: 0; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-body .helpRate, .FAQContent#detailQuestions .collapsible li .collapsible-body .helpRate { background: #f1f1f1; padding: 0 10px 0 15px; margin: 15px 0; font-size: 0.9em; text-align: right; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-body .helpRate span, .FAQContent#detailQuestions .collapsible li .collapsible-body .helpRate span { float: left; display: inline-block; padding-top: 8px; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-body .helpRate .btn, .FAQContent#detailQuestions .collapsible li .collapsible-body .helpRate .btn { box-shadow: inherit; background: transparent; color: #777; padding: 0 10px; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-body .helpRate .btn.like, .FAQContent#detailQuestions .collapsible li .collapsible-body .helpRate .btn.like { color: #01A93A; } .configurationContent .listBlock#detailQuestions .collapsible li .collapsible-body .helpRate .btn.dislike, .FAQContent#detailQuestions .collapsible li .collapsible-body .helpRate .btn.dislike { color: #FF3366; } .filterIcon { display: block; color: #777; padding: 10px 0; margin-bottom: 5px; box-shadow: 0 2px 2px 0 #ccc; font-size: 1.4em; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; } .filterIcon img { max-width: 18px; vertical-align: middle; margin-right: 10px; } #searcherContent { position: relative; padding: 0 10px; margin: 12px 0 20px 0; border: 1px #dddddd solid; } #searcherContent.focused { border-color: #ff7300; } #searcherContent input { margin: 0; border: 0; } #searcherContent input:focus, #searcherContent input:active { border: 0; box-shadow: none; } #searcherContent #search-icon { background: transparent; border: 0; color: #777; position: absolute; right: 0; top: 9px; cursor: default; } #searcherContent #search-icon.hand { cursor: pointer; } .filter-card .card-content .card-title small, .right-card .card-content .card-title small { display: block; text-align: left; font-size: 0.6em; font-family: 'Roboto', sans-serif; font-weight: 400; } .filter-card .card-content .card-title small span, .right-card .card-content .card-title small span { color: #B3B2B3; float: none; font-family: 'Roboto', sans-serif; font-weight: 500; } .filter-card .card { margin: 0; padding-bottom: 50px; box-shadow: inherit; } .filter-card .card-content { padding-top: 0; } .filter-card .card-content .blockHeader { background: #f1f1f1; font-weight: bold; color: #222222; line-height: 2em; text-transform: uppercase; padding: 5px 20px; margin: 0 -24px; } .filter-card .card-content .card-title small { text-align: center; } .filter-card .card-content .card-title a { text-decoration: underline; display: block; text-align: right; color: #444444; font-size: 14px; } .filter-card .card-content .card-title a:hover { text-decoration: none; } .filter-card .card-content .card-title #navbarSaveButton { text-align: center; text-decoration: none; text-transform: none; color: #ff7300; margin: 15px 0 !important; border: 2px solid #ff7300; background: #ffffff !important; box-shadow: none; height: auto; padding: 4px 0; font-weight: 500; } .filter-card .card-content .card-title #navbarSaveButton:hover, .filter-card .card-content .card-title #navbarSaveButton.active { background: #ff7300 !important; color: #ffffff; } .filter-card .card-content .card-title .mainCTAButton { font-size: 0.6em; cursor: pointer; } .filter-card .card-content .card-title .mainCTAButton:hover { text-decoration: none; } .filter-card .card-content #contentFilters { margin: 0; } .filter-card .card-content .collapsible { box-shadow: inherit; border: 0; } .filter-card .card-content .collapsible .collapsible-header { background: #F1F1F1 url('/static/img/arrow/arrowdown-icon.svg?3191e32c296c') no-repeat top right; border-bottom: 1px solid #eaeaea; background-position-y: 15px; background-position-x: 93%; background-size: 15px; color: #040404; font-size: 14px; line-height: 2em; padding: 5px 20px; margin: 0 -24px; text-transform: uppercase; } .filter-card .card-content .collapsible .collapsible-header.active { background: #F1F1F1 url('/static/img/arrow/arrowup-icon.svg?78baf1472333') no-repeat top right; background-position-y: 15px; background-position-x: 93%; background-size: 15px; } .filter-card .card-content .collapsible .collapsible-header span { display: block; width: 5px; height: 5px; margin: 10px 0 0 10px; background: #ff7300; } .filter-card .card-content .collapsible .collapsible-body { border: 0; margin: 0 -24px; padding: 10px 20px; background: #ffffff; display: block; } .filter-card .card-content .collapsible .collapsible-body .blockHeader { display: none; } .filter-card .card-content .collapsible .collapsible-body .dataFilter { padding-top: 10px; } .filter-card .card-content .collapsible .collapsible-body fieldset { padding: 15px 0; } .filter-card .card-content .collapsible .dataFilter .collapsible-body { padding-top: 20px; } .filter-card .card-content #id_from_created_date_container, .filter-card .card-content #id_to_created_date_container { margin-top: 2.5rem; } .filter-card .card-content #reset-filters:hover { color: #ff7300 !important; } .filter-card .card-content input:not([type]):focus:not([readonly]) + label, .filter-card .card-content input[type="text"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="password"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="email"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="url"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="time"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="date"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="number"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content input[type="search"]:not(.browser-default):focus:not([readonly]) + label, .filter-card .card-content textarea.materialize-textarea:focus:not([readonly]) + label { color: #777; } .filter-card .card-content .contCheck { position: relative; display: inline-block; margin: 0 8px 0 0; } .filter-card .card-content .contCheck input { display: none; } .filter-card .card-content .contCheck [type="checkbox"] + label, .filter-card .card-content .contCheck [type="radio"] + label { display: inline-block; cursor: pointer; position: relative; margin: 5px 0; padding: 5px 12px; line-height: 15px; height: auto; font-size: 14px; font-weight: 300; text-transform: none; color: #777; border: 1px solid #777; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; z-index: 2; } .filter-card .card-content .contCheck [type="checkbox"] + label:after, .filter-card .card-content .contCheck [type="radio"] + label:after { background: none; border: 0; } .filter-card .card-content .contCheck [type="checkbox"] + label:before, .filter-card .card-content .contCheck [type="radio"] + label:before { margin: 0; border: 0; width: 100%; height: 24px; top: inherit; left: 0; z-index: 1; } .filter-card .card-content .contCheck [type="radio"] + label { line-height: 15px; padding-left: 12px; } .filter-card .card-content .contCheck [type="checkbox"]:checked + label, .filter-card .card-content .contCheck [type="radio"]:checked + label { color: #ffffff; border: 1px solid #ff7300; background: #ff7300; } .filter-card .card-content .contCheck [type="checkbox"]:checked + label:after, .filter-card .card-content .contCheck [type="radio"]:checked + label:after { background: none; border: 0; } .filter-card .card-content .contCheck [type="checkbox"]:checked + label:before, .filter-card .card-content .contCheck [type="radio"]:checked + label:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); top: inherit; left: 0; position: absolute; z-index: -1; } .filter-card .card-content fieldset { padding: 0; margin: 0; border: 0; } .filter-card .card-content fieldset .blockHeader { display: block; padding: 5px 25px; margin: 15px -14px; } .filter-card .card-content fieldset .radio, .filter-card .card-content fieldset .checkbox { padding: 15px 0; } .filter-card .card-content fieldset .radio label, .filter-card .card-content fieldset .checkbox label { color: #777; font-size: 1.2em; text-transform: none; } .filter-card .card-content fieldset .radio [type="radio"]:not(:checked) + label, .filter-card .card-content fieldset .checkbox [type="radio"]:not(:checked) + label, .filter-card .card-content fieldset .radio [type="radio"]:checked + label, .filter-card .card-content fieldset .checkbox [type="radio"]:checked + label, .filter-card .card-content fieldset .radio [type="checkbox"]:not(:checked) + label, .filter-card .card-content fieldset .checkbox [type="checkbox"]:not(:checked) + label, .filter-card .card-content fieldset .radio [type="checkbox"]:checked + label, .filter-card .card-content fieldset .checkbox [type="checkbox"]:checked + label { width: 100%; padding-left: 0; } .filter-card .card-content fieldset .radio [type="radio"]:checked + label, .filter-card .card-content fieldset .checkbox [type="radio"]:checked + label, .filter-card .card-content fieldset .radio [type="checkbox"]:checked + label, .filter-card .card-content fieldset .checkbox [type="checkbox"]:checked + label { font-weight: bold; color: #444444; } .filter-card .card-content fieldset .radio [type="radio"] + label::before, .filter-card .card-content fieldset .checkbox [type="radio"] + label::before, .filter-card .card-content fieldset .radio [type="radio"] + label::after, .filter-card .card-content fieldset .checkbox [type="radio"] + label::after, .filter-card .card-content fieldset .radio [type="checkbox"] + label::before, .filter-card .card-content fieldset .checkbox [type="checkbox"] + label::before, .filter-card .card-content fieldset .radio [type="checkbox"]:not(.filled-in) + label::after, .filter-card .card-content fieldset .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; } .filter-card .card-content fieldset .radio [type="checkbox"] + label::before, .filter-card .card-content fieldset .checkbox [type="checkbox"] + label::before, .filter-card .card-content fieldset .radio [type="checkbox"]:not(.filled-in) + label::after, .filter-card .card-content fieldset .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; -webkit-transition: 0s; transition: 0s; } .filter-card .card-content fieldset .radio [type="radio"]:checked + label::after, .filter-card .card-content fieldset .checkbox [type="radio"]:checked + label::after, .filter-card .card-content fieldset .radio [type="radio"].with-gap:checked + label::before, .filter-card .card-content fieldset .checkbox [type="radio"].with-gap:checked + label::before, .filter-card .card-content fieldset .radio [type="radio"].with-gap:checked + label::after, .filter-card .card-content fieldset .checkbox [type="radio"].with-gap:checked + label::after { border-color: #ff7300; -webkit-transition: 0s; transition: 0s; } .filter-card .card-content fieldset .radio [type="radio"]:checked + label::after, .filter-card .card-content fieldset .checkbox [type="radio"]:checked + label::after, .filter-card .card-content fieldset .radio [type="radio"].with-gap:checked + label::after, .filter-card .card-content fieldset .checkbox [type="radio"].with-gap:checked + label::after { background: #ff7300; } .filter-card .card-content fieldset .radio [type="checkbox"]:checked + label::before, .filter-card .card-content fieldset .checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; right: 5px; } .filter-card .card-content fieldset .radio [type="checkbox"]:checked + label::before, .filter-card .card-content fieldset .checkbox [type="checkbox"]:checked + label::before { top: 0; right: 10px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: 0s; transition: 0s; } .filter-card .card-content fieldset .radio [type="checkbox"]:checked + label::after, .filter-card .card-content fieldset .checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .filter-card .actions { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9; } .filter-card .actions .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; background: #ff7300; text-transform: unset; height: 50px; font-size: 1.2em; } .filter-content.blockInfoFilters { text-align: center; font-size: 17px; } .filter-content.blockInfoFilters .card-title { margin-bottom: 10px; } #optionsColumn { padding: 0 15px; margin-left: -24px; margin-right: -24px; margin-top: 40px; } #optionsColumn #navbarSaveButton { margin: 0; } #optionsColumn.specialList { margin-top: 56px; } #jobDetail .jobDetailHeader { background-color: #333; color: #eee; } #jobDetail .jobDetailHeader h1 { font-size: 2.2rem; margin: 10px; font-family: 'Roboto', sans-serif; font-weight: 300; } #jobDetail #contactData { padding: 0 0 75px 0; width: 100%; } #jobDetail #contactData dl { padding: 10px 20px 0 20px; } #jobDetail #contactData dl dt { font-weight: bold; text-transform: uppercase; font-size: 0.9em; } #jobDetail #contactData dl dd { margin: 0 0 20px; color: #aaaaaa; overflow-wrap: break-word; overflow: hidden; } #jobDetail #contactData #infoDataContact { padding: 25px 10px 0 10px; margin: 0 0 15px; color: #aaaaaa; } #jobDetail #contactData #infoDataContact .col { min-height: 65px; } #jobDetail #contactData #infoDataContact span { display: block; font-weight: bold; text-transform: uppercase; font-size: 0.9em; color: #444444; } #jobDetail #contactData .dataInfo ul { margin: 10px 0; padding: 10px; color: #919191; font-size: 1.2em; font-family: 'Roboto', sans-serif; font-weight: 300; } #jobDetail #contactData .dataInfo ul li { padding: 2px 0; } #jobDetail #contactData .dataInfo ul li:first-child { font-family: 'Roboto', sans-serif; font-weight: 500; color: #373737; } #jobDetail #notes, #jobDetail #activity { padding: 0 0 75px 0; } #jobDetail #notes .blockHeader .panel, #jobDetail #activity .blockHeader .panel { padding: 0; } #jobDetail .blockHeader { background: #f1f1f1; font-weight: bold; text-transform: uppercase; } #jobDetail .blockHeader .panel { padding: 5px 10px; } #jobDetail .card { box-shadow: inherit; } #jobDetail a { color: #ff7300; } #jobDetail p { font-size: 1.1rem; } #contactInformation #associatedContact .circleButton, #id_contact_container #associatedContact .circleButton { margin-left: 5px; } #contactInformation #associatedContact dl, #id_contact_container #associatedContact dl { padding-left: 0; } #jobDetail #activity .row { margin-bottom: 0; } #jobDetail #activity .s1 { padding-top: 15px; } #jobDetail #activity .s1 img { margin-right: -5px; margin-top: 5px; } #jobDetail #activity .s10 { padding-top: 15px; padding-bottom: 15px; } #jobDetail #activity .dropdown-content { width: auto !important; min-width: 255px; left: inherit !important; right: 45px; } #jobDetail #activity .dropdown-content img { margin: 0 15px -5px 10px; max-width: 18px; max-height: 25px; opacity: 1; } #id_contact_phone_container, #id_contact_address_container, #id_contact_use_same_address_container { display: none; } #changeJobs h5, .expensesForms h5, #changeQuotes h5 { background: #f1f1f1; font-weight: bold; color: #222222; font-size: 0.9rem; line-height: 2em; text-transform: uppercase; padding: 5px 20px; margin: 20px -24px; } #changeJobs h5.specialDivider, .expensesForms h5.specialDivider, #changeQuotes h5.specialDivider { margin-top: -24px; margin-bottom: 30px; } #changeJobs .addConcept, .expensesForms .addConcept, #changeQuotes .addConcept, #changeJobs .addContact, .expensesForms .addContact, #changeQuotes .addContact { text-align: center; } #changeJobs .addConcept #clearContactDropdown, .expensesForms .addConcept #clearContactDropdown, #changeQuotes .addConcept #clearContactDropdown, #changeJobs .addContact #clearContactDropdown, .expensesForms .addContact #clearContactDropdown, #changeQuotes .addContact #clearContactDropdown { display: block; position: absolute; top: 33px; right: 20px; width: 23px; height: 23px; padding: 4px 0 0 1px; font-size: 1.2em; color: #6a6a6a; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 9; text-align: center; cursor: pointer; } #changeJobs .addConcept .select2-selection__placeholder, .expensesForms .addConcept .select2-selection__placeholder, #changeQuotes .addConcept .select2-selection__placeholder, #changeJobs .addContact .select2-selection__placeholder, .expensesForms .addContact .select2-selection__placeholder, #changeQuotes .addContact .select2-selection__placeholder { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 0.8em; } #changeJobs .addConcept .select2-container, .expensesForms .addConcept .select2-container, #changeQuotes .addConcept .select2-container, #changeJobs .addContact .select2-container, .expensesForms .addContact .select2-container, #changeQuotes .addContact .select2-container { width: 100% !important; } #changeJobs .addConcept .select2-container--default .select2-selection--single, .expensesForms .addConcept .select2-container--default .select2-selection--single, #changeQuotes .addConcept .select2-container--default .select2-selection--single, #changeJobs .addContact .select2-container--default .select2-selection--single, .expensesForms .addContact .select2-container--default .select2-selection--single, #changeQuotes .addContact .select2-container--default .select2-selection--single { border: 0; border-bottom: 1px solid #aaaaaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 1.1em; text-align: left; } #changeJobs .addConcept .select2-selection--single .select2-selection__rendered, .expensesForms .addConcept .select2-selection--single .select2-selection__rendered, #changeQuotes .addConcept .select2-selection--single .select2-selection__rendered, #changeJobs .addContact .select2-selection--single .select2-selection__rendered, .expensesForms .addContact .select2-selection--single .select2-selection__rendered, #changeQuotes .addContact .select2-selection--single .select2-selection__rendered { color: #444444; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1.15em; } #changeJobs .addConcept .select2-search__field, .expensesForms .addConcept .select2-search__field, #changeQuotes .addConcept .select2-search__field, #changeJobs .addContact .select2-search__field, .expensesForms .addContact .select2-search__field, #changeQuotes .addContact .select2-search__field { border: 0; border-bottom: 1px solid #dddddd; font-family: 'Roboto', sans-serif; font-weight: 300; } #changeJobs .addConcept .emptyContact, .expensesForms .addConcept .emptyContact, #changeQuotes .addConcept .emptyContact, #changeJobs .addContact .emptyContact, .expensesForms .addContact .emptyContact, #changeQuotes .addContact .emptyContact { border: 1px solid #dddddd; transition: none; background: url(/static/img/search/search-icon-bg.svg?b83b3f9cba0c) no-repeat right center; background-position-x: 98%; background-size: 3.5%; font-weight: 300; } #changeJobs .addConcept .emptyContact:focus, .expensesForms .addConcept .emptyContact:focus, #changeQuotes .addConcept .emptyContact:focus, #changeJobs .addContact .emptyContact:focus, .expensesForms .addContact .emptyContact:focus, #changeQuotes .addContact .emptyContact:focus { border-color: #ff7300; } #changeJobs .addConcept .emptyContact::-webkit-input-placeholder, .expensesForms .addConcept .emptyContact::-webkit-input-placeholder, #changeQuotes .addConcept .emptyContact::-webkit-input-placeholder, #changeJobs .addContact .emptyContact::-webkit-input-placeholder, .expensesForms .addContact .emptyContact::-webkit-input-placeholder, #changeQuotes .addContact .emptyContact::-webkit-input-placeholder { color: #9E9E9E; } #changeJobs .addConcept .emptyContact:-moz-placeholder, .expensesForms .addConcept .emptyContact:-moz-placeholder, #changeQuotes .addConcept .emptyContact:-moz-placeholder, #changeJobs .addContact .emptyContact:-moz-placeholder, .expensesForms .addContact .emptyContact:-moz-placeholder, #changeQuotes .addContact .emptyContact:-moz-placeholder { color: #333; } #changeJobs .addConcept .emptyContact::-moz-placeholder, .expensesForms .addConcept .emptyContact::-moz-placeholder, #changeQuotes .addConcept .emptyContact::-moz-placeholder, #changeJobs .addContact .emptyContact::-moz-placeholder, .expensesForms .addContact .emptyContact::-moz-placeholder, #changeQuotes .addContact .emptyContact::-moz-placeholder { color: #333; } #changeJobs .addConcept .emptyContact:-ms-input-placeholder, .expensesForms .addConcept .emptyContact:-ms-input-placeholder, #changeQuotes .addConcept .emptyContact:-ms-input-placeholder, #changeJobs .addContact .emptyContact:-ms-input-placeholder, .expensesForms .addContact .emptyContact:-ms-input-placeholder, #changeQuotes .addContact .emptyContact:-ms-input-placeholder { color: #9E9E9E; } #changeJobs .addConcept .btn, .expensesForms .addConcept .btn, #changeQuotes .addConcept .btn, #changeJobs .addContact .btn, .expensesForms .addContact .btn, #changeQuotes .addContact .btn { background: #ffffff; border: 2px solid #ff7300; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #ff7300; display: block; width: 100%; height: auto; margin: 15px 0 40px; font-family: 'Roboto', sans-serif; font-weight: 400; } #changeJobs .addConcept .btn i, .expensesForms .addConcept .btn i, #changeQuotes .addConcept .btn i, #changeJobs .addContact .btn i, .expensesForms .addContact .btn i, #changeQuotes .addContact .btn i { color: #ff7300; vertical-align: middle; font-size: 32px; transition: all 0.2s ease 0s; } #changeJobs .addConcept .btn:hover, .expensesForms .addConcept .btn:hover, #changeQuotes .addConcept .btn:hover, #changeJobs .addContact .btn:hover, .expensesForms .addContact .btn:hover, #changeQuotes .addContact .btn:hover { color: #ffffff; background: #ff7300; } #changeJobs .addConcept .btn:hover i, .expensesForms .addConcept .btn:hover i, #changeQuotes .addConcept .btn:hover i, #changeJobs .addContact .btn:hover i, .expensesForms .addContact .btn:hover i, #changeQuotes .addContact .btn:hover i { color: #ffffff; } #changeJobs .addConcept .has-error .select2-container--default .select2-selection--single .select2-selection__rendered, .expensesForms .addConcept .has-error .select2-container--default .select2-selection--single .select2-selection__rendered, #changeQuotes .addConcept .has-error .select2-container--default .select2-selection--single .select2-selection__rendered, #changeJobs .addContact .has-error .select2-container--default .select2-selection--single .select2-selection__rendered, .expensesForms .addContact .has-error .select2-container--default .select2-selection--single .select2-selection__rendered, #changeQuotes .addContact .has-error .select2-container--default .select2-selection--single .select2-selection__rendered { color: #F44336; padding-left: 0; } #changeJobs .addConcept .has-error .errorlist, .expensesForms .addConcept .has-error .errorlist, #changeQuotes .addConcept .has-error .errorlist, #changeJobs .addContact .has-error .errorlist, .expensesForms .addContact .has-error .errorlist, #changeQuotes .addContact .has-error .errorlist { text-align: left; } #changeJobs .addConcept #contactInfo ul, .expensesForms .addConcept #contactInfo ul, #changeQuotes .addConcept #contactInfo ul, #changeJobs .addContact #contactInfo ul, .expensesForms .addContact #contactInfo ul, #changeQuotes .addContact #contactInfo ul { text-align: left; margin-bottom: 0; } #changeJobs .addConcept #contactInfo ul li, .expensesForms .addConcept #contactInfo ul li, #changeQuotes .addConcept #contactInfo ul li, #changeJobs .addContact #contactInfo ul li, .expensesForms .addContact #contactInfo ul li, #changeQuotes .addContact #contactInfo ul li { font-family: 'Roboto', sans-serif; font-weight: 500; color: #777; } #changeJobs .addConcept .btn, .expensesForms .addConcept .btn, #changeQuotes .addConcept .btn { margin: 25px auto 0; width: 300px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #changeJobs .nonEditableJob, .expensesForms .nonEditableJob, #changeQuotes .nonEditableJob { font-style: italic; } #changeJobs #btnAddContact, .expensesForms #btnAddContact, #changeQuotes #btnAddContact { margin: 30px auto 20px auto; width: 300px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #changeJobs #id_name_container, .expensesForms #id_name_container, #changeQuotes #id_name_container { margin-bottom: 20px; } #changeJobs #id_name_container #id_name, .expensesForms #id_name_container #id_name, #changeQuotes #id_name_container #id_name { margin-bottom: 0; } #changeJobs #id_contact_container label, .expensesForms #id_contact_container label, #changeQuotes #id_contact_container label { top: -10px; color: rgba(0, 0, 0, 0.42); font-size: 0.80rem; font-family: 'Roboto', sans-serif; font-weight: 500; } #changeJobs #id_contact_container .hide:hover, .expensesForms #id_contact_container .hide:hover, #changeQuotes #id_contact_container .hide:hover { background: #f1f1f1; } #changeJobs textarea, .expensesForms textarea, #changeQuotes textarea { font-size: 1em; max-height: 300px; overflow-y: auto; font-weight: 400; } #changeJobs textarea::-webkit-input-placeholder, .expensesForms textarea::-webkit-input-placeholder, #changeQuotes textarea::-webkit-input-placeholder { color: #9E9E9E; font-weight: 300; } #changeJobs textarea:-moz-placeholder, .expensesForms textarea:-moz-placeholder, #changeQuotes textarea:-moz-placeholder { color: #333; font-weight: 300; } #changeJobs textarea::-moz-placeholder, .expensesForms textarea::-moz-placeholder, #changeQuotes textarea::-moz-placeholder { color: #333; font-weight: 300; } #changeJobs textarea:-ms-input-placeholder, .expensesForms textarea:-ms-input-placeholder, #changeQuotes textarea:-ms-input-placeholder { color: #9E9E9E; font-weight: 300; } #contactAutocompleteForm #actionsDropdown, #contactAutocompleteForm #actionsContactDropdown { margin-right: 40px; } #phoneImg, #mailImg { max-width: 20px; } #changeJobs #contactInfo li { font-family: 'Roboto', sans-serif; font-weight: 400; } #changeJobs #contactInfo li img { margin-right: 10px; } #changeJobs #associatedContact { margin-top: -35px; } #associatedContact { position: relative; margin: -24px; padding: 20px; } #associatedContact dl { cursor: pointer; } #associatedContact dl dt { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 1.1em; color: #444444; } #associatedContact dl dd { margin: 0; } #associatedContact:hover { background: #f1f1f1; } .errorlist { text-align: left; } .asLabel { text-transform: uppercase; font-size: 1rem; color: #9e9e9e !important; position: relative; } .asLabel.has-error { color: red !important; } .asLabel + p a { color: #ff7300; } .addContact #btnAddContactContainer .btnAdd { margin: 30px auto 20px auto; width: 300px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .card .card-content p.helpMessage { color: #aaaaaa; padding-top: 25px; font-size: 13px; font-weight: 400; } .select2-results__option.select2-results__message span { display: block; padding: 14px 12px; margin: -14px -12px; } .select2-results__option.select2-results__message:hover { background: #f7f7f7; } .select2-results__option.select2-results__message #addContactSelect2 { cursor: pointer; } .select2-results__option.select2-results__message #addContactSelect2:hover { text-decoration: underline; } /* search contact */ .select2-container--default { z-index: 5; } .select2-container--default .select2-selection--multiple { border: 0; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0; } .select2-container--default .select2-search--inline .select2-search__field { width: 100% !important; border: 1px solid #dddddd; padding: 2px 10px; margin: 0; } .select2-container--default input::-webkit-input-placeholder { color: #9E9E9E; font-size: 1.1em; font-weight: 300; } .select2-container--default input:-moz-placeholder { /* Firefox 18- */ color: #111111; font-size: 1.1em; font-weight: 300; } .select2-container--default input::-moz-placeholder { /* Firefox 19+ */ color: #111111; font-size: 1.1em; font-weight: 300; } .select2-container--default input:-ms-input-placeholder { color: #9E9E9E; font-size: 1.1em; font-weight: 300; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0; } .select2-container--default input:not([type]):focus:not([readonly]), .select2-container--default input[type="text"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="password"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="email"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="url"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="time"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="date"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="datetime"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="tel"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="number"]:not(.browser-default):focus:not([readonly]), .select2-container--default input[type="search"]:not(.browser-default):focus:not([readonly]) { border-bottom-width: 4px; } .select2-search { width: 100%; } .select2-container .select2-results__options li.select2-results__message { color: #ff7300; font-size: 1.1em; } .select2-dropdown { border-color: #dddddd; } .select2-dropdown strong { font-family: 'Roboto', sans-serif; font-weight: 500; } .select2-container--open .select2-dropdown--below { margin-top: -7px; } .select2-container { margin-bottom: -7px; } .select2-container .select2-results__options li { border-bottom: 1px solid #dddddd; color: #444444; font-size: 1.1em; font-family: 'Roboto', sans-serif; font-weight: 300; padding: 14px 12px; } .select2-container .select2-results__options li span { display: block; font-size: 1.1em; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { position: relative; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background: transparent; border: 0; margin: 8px 8px 8px 0; padding: 0; font-size: 1.1em; position: absolute; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { display: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #f7f7f7; color: #000000; } .expensesForms.QuoteInfoFloat, #changeQuotes.QuoteInfoFloat { padding-top: 70px; } .expensesForms .resetFieldset, #changeQuotes .resetFieldset { margin: 0; padding: 0; border: 0; } .expensesForms .resetFieldset:last-child, #changeQuotes .resetFieldset:last-child { padding-bottom: 50px; } .expensesForms .resetFieldset .concept-delete, #changeQuotes .resetFieldset .concept-delete { color: #ff7300; } .expensesForms .resetFieldset .has-error .errorlist, #changeQuotes .resetFieldset .has-error .errorlist { margin-top: 0; } .expensesForms .resetFieldset .mTop, #changeQuotes .resetFieldset .mTop { margin-top: 1.6rem; } .expensesForms .resetFieldset .contentTool, #changeQuotes .resetFieldset .contentTool { margin-top: 0; margin-bottom: 20px; } .expensesForms .resetFieldset .contentTool p, #changeQuotes .resetFieldset .contentTool p { text-transform: uppercase; font-size: 1rem; color: #9e9e9e; position: relative; display: inline-block; } .expensesForms .resetFieldset .contentTool p i, #changeQuotes .resetFieldset .contentTool p i { color: #777; font-size: 1.6em; position: absolute; top: 0; right: -25px; } .expensesForms .resetFieldset .contentTool span, #changeQuotes .resetFieldset .contentTool span { display: block; } .expensesForms .resetFieldset #id_is_tax_free_container, #changeQuotes .resetFieldset #id_is_tax_free_container { padding-top: 25px; padding-bottom: 25px; } .expensesForms .resetFieldset #id_is_tax_free_container label, #changeQuotes .resetFieldset #id_is_tax_free_container label { color: black; } .expensesForms .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"] + label::before, #changeQuotes .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"] + label::before, .expensesForms .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:not(.filled-in) + label::after, #changeQuotes .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:not(.filled-in) + label::after { border: 2px solid black; } .expensesForms .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"] + label::before, #changeQuotes .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"] + label::before, .expensesForms .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:not(.filled-in) + label::after, #changeQuotes .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:not(.filled-in) + label::after { border: 2px solid black; -webkit-transition: 0s; transition: 0s; } .expensesForms .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:checked + label::before, #changeQuotes .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; } .expensesForms .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:checked + label::before, #changeQuotes .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:checked + label::before { top: 2px; left: 2px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: .2s; transition: .2s; } .expensesForms .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:checked + label::after, #changeQuotes .resetFieldset #id_is_tax_free_container.checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .expensesForms .resetFieldset #conceptList, #changeQuotes .resetFieldset #conceptList { margin: 0 -24px 15px -24px; box-shadow: 0px 4px 4px 0 #dddddd; } .expensesForms .resetFieldset #conceptList .row, #changeQuotes .resetFieldset #conceptList .row { margin: 0; padding: 10px 15px; border-bottom: 1px solid #E4E3E3; color: #aaaaaa; } .expensesForms .resetFieldset #conceptList .row:first-child, #changeQuotes .resetFieldset #conceptList .row:first-child { margin-top: -20px; } .expensesForms .resetFieldset #conceptList .row:last-child, #changeQuotes .resetFieldset #conceptList .row:last-child { border: 0; } .expensesForms .resetFieldset #conceptList .row:hover, #changeQuotes .resetFieldset #conceptList .row:hover { background: #f1f1f1; cursor: pointer; } .expensesForms .resetFieldset #conceptList .row strong, #changeQuotes .resetFieldset #conceptList .row strong { display: block; color: #444444; font-family: 'Roboto', sans-serif; font-weight: 500; } .expensesForms .resetFieldset #conceptList .row .s6, #changeQuotes .resetFieldset #conceptList .row .s6 { overflow: hidden; padding-left: 5px; } .expensesForms .resetFieldset #conceptList .row .s6 strong, #changeQuotes .resetFieldset #conceptList .row .s6 strong { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; } .expensesForms .resetFieldset #conceptList .dropdown-button, #changeQuotes .resetFieldset #conceptList .dropdown-button { color: #444444; } .expensesForms .resetFieldset #conceptList .dropdown-content, #changeQuotes .resetFieldset #conceptList .dropdown-content { right: 8%; width: auto !important; } .expensesForms .resetFieldset .fixedContact, #changeQuotes .resetFieldset .fixedContact { color: #aaaaaa; font-size: 0.8em; padding: 15px 0; } .expensesForms .resetFieldset .fixedContact span, #changeQuotes .resetFieldset .fixedContact span { display: block; border-bottom: 1px solid #aaaaaa; padding: 8px 0; font-size: 1.3em; color: #444444; } .expensesForms .resetFieldset .infoMessage, #changeQuotes .resetFieldset .infoMessage { color: #aaaaaa; position: relative; top: -10px; } .expensesForms textarea, #changeQuotes textarea { font-size: 16px; font-weight: 400; } .expensesForms textarea::-webkit-input-placeholder, #changeQuotes textarea::-webkit-input-placeholder { color: #9E9E9E; font-weight: 300; } .expensesForms textarea:-moz-placeholder, #changeQuotes textarea:-moz-placeholder { color: #333; font-weight: 300; } .expensesForms textarea::-moz-placeholder, #changeQuotes textarea::-moz-placeholder { color: #333; font-weight: 300; } .expensesForms textarea:-ms-input-placeholder, #changeQuotes textarea:-ms-input-placeholder { color: #9E9E9E; font-weight: 300; } .select2-dropdown { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .select2-dropdown #select2-id_contact-results { color: #b7b7b7; } #select2-id_contact-container { padding-left: 0px !important; } body .material-tooltip { max-width: 200px; padding: 15px; font-size: 0.9em; margin-top: 25px; } .contentFields .blockHeader { background: #f1f1f1; font-weight: bold; text-transform: uppercase; } .contentFields .blockHeader .panel { padding: 5px 0; } .contentFields .selectType { margin: 0; } .contentFields .selectType dt { text-transform: uppercase; font-size: 0.9em; color: #aaaaaa; margin-bottom: 5px; } .contentFields .selectType dd { margin: 0; } .contentFields .selectType dd [type="radio"]:checked + label::before, .contentFields .selectType dd [type="radio"].with-gap:checked + label::before { border-width: 1px; } .contentFields .selectType dd [type="radio"]:checked + label::after, .contentFields .selectType dd [type="radio"].with-gap:checked + label::after { background: #ff7300; border-color: #ff7300; } #list_tabs { display: block; background: #f3f3f3; box-shadow: 0px -8px 2px 6px #f3f3f3; } #list_tabs li { position: relative; z-index: 1; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } #list_tabs li a { min-width: 135px; padding: 0 14px; position: relative; display: block; line-height: 3.8em; color: #9b9b9b; text-transform: none; } #list_tabs li a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 55px; z-index: -1; background: #e4e3e3; box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05); -webkit-transform: perspective(4px) rotateX(0.9deg) translateZ(-0.3px); transform: perspective(4px) rotateX(0.9deg) translateZ(-0.3px); } #list_tabs li a:hover, #list_tabs li a.active { color: #4d4e50; } #list_tabs li a:hover:after, #list_tabs li a.active:after { background: #fff; border: 1px solid #ff7300; box-shadow: 5px -4px 6px #bbb; } #QuotePdfDetail { position: relative; z-index: 2; } #QuotePdfDetail .contactDetailHeader { background-color: #333; color: #eee; } #QuotePdfDetail .contactDetailHeader h1 { font-size: 1.2rem; margin: -2px 0 10px 50px; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 300; } #QuotePdfDetail .card { box-shadow: inherit; } .pdfContainer { position: relative; z-index: 0; padding-top: 6px; margin: 0 !important; } .pdfContainer .contentLogo { padding: 0 24px; } .pdfContainer .contentLogo img { display: block; max-width: 80%; width: auto; height: auto; max-height: 150px; margin-top: -15px; } .pdfContainer .quoteInfo { position: relative; padding: 0 15px; } .pdfContainer .quoteInfo .lenta-box { left: -12px; top: -32px; font-family: 'Roboto', sans-serif; font-weight: 300; } .pdfContainer .quoteInfo .lenta-box .lenta { box-shadow: inherit; } .pdfContainer .quoteInfo .lenta-box a { display: block; font-family: 'Roboto', sans-serif; font-weight: 300; text-shadow: inherit; } .pdfContainer .quoteInfo strong { display: block; font-family: 'Roboto', sans-serif; font-weight: 500; } .pdfContainer .personalInfo { padding: 0 15px; font-size: 14px; } .pdfContainer .personalInfo span { display: block; color: #b7b7b7; } .pdfContainer .personalInfo strong { font-size: 14px; } .pdfContainer .personalInfo address { font-style: normal; margin-top: 30px; } .pdfContainer #tableConcept { font-size: 14px; } .pdfContainer .costInfo { padding: 0 15px; } .pdfContainer .costInfo ul li { margin: 10px 0px; } .pdfContainer .textInfoQuote { color: #848484; font-family: 'Roboto', sans-serif; font-weight: 300; } .pdfContainer .textInfoQuote ul li { font-size: 0.9em; min-height: 25px; } .pdfContainer .priceInfoQuote ul li { font-size: 0.9em; min-height: 25px; } #contactDetail .contactDetailHeader { background: #ffffff !important; } #contactDetail .contactDetailHeader .card.contInfo { padding-top: 200px !important; } #contactDetail .contactDetailHeader h1 { font-size: 2rem; margin: 25px 0; text-align: center; color: #444444 !important; font-family: 'Roboto', sans-serif; font-weight: 300; } #contactDetail .tabs { border-bottom: 1px solid #dddddd; } #contactDetail .tabs .tab { background: #ffffff !important; } #contactDetail .tabs .tab a { color: #bebebe; font-family: 'Roboto', sans-serif; font-weight: 500; } #contactDetail .tabs .tab a:hover, #contactDetail .tabs .tab a.active { color: #333 !important; } #contactDetail .tabs .indicator { height: 4px; background: #ff7300; } #tableConcept { margin: 20px 0; } #tableConcept thead { border: 0; } #tableConcept thead th { background: #f1f1f1; font-family: 'Roboto', sans-serif; font-weight: 700; border-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 5px; font-size: 14px; text-align: right; } #tableConcept thead th:first-child { padding-left: 25px; text-align: left; } #tableConcept thead th:last-child { padding-right: 25px; } #tableConcept td { padding: 10px 5px; border-bottom: 1px solid #f1f1f1; text-align: right; } #tableConcept td:first-child { padding-left: 25px; max-width: 180px; text-align: left; overflow: hidden; } #tableConcept td:last-child { padding-right: 25px; } .titleMidTable { margin-bottom: 40px; border-bottom: none; } .titleMidTable .asHeader { background: #b7b7b7; color: #777 !important; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; padding: 5px 15px; } .titleMidTable .asHeader strong { font-weight: normal; } #fixedInformation { position: fixed; left: 0; top: 50px; width: 100%; display: block; background: #f1f1f1; padding: 15px; color: #444444; font-size: 1.2em; box-shadow: 0px 0 4px 0 #919191; z-index: 99; } #fixedInformation .row { margin: 0; } #fixedInformation span { display: block; font-size: 0.7em; color: #aaaaaa; } #fixedInformation p { color: #ff7300; font-size: 0.9em; display: block; padding-top: 20px; margin: 0; } .observationsQuote { padding: 20px 25px 120px; font-size: 14px; } .observationsQuote .observationsQuoteHeader { text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 5px; } .observationsQuote .observationsQuoteBody span { color: #b7b7b7; } .userPaymentInfoSpan { display: inline-block; position: relative; bottom: -6px; } .noteQuote { background: #eaeaea; padding: 20px 25px; font-size: 14px; margin: -50px 0 120px 0; } .noteQuote .observationsQuoteHeader { border-bottom: 1px solid #b7b7b7; padding-bottom: 5px; } .noteQuote small { color: #b7b7b7; display: block; text-align: center; font-size: 0.95em; } .taxFree { background: #ffffff; padding: 20px 25px; text-align: center; font-size: 14px; color: #777; margin: 0 0 120px 0; } .attachedDoc a { color: #000000; } .statusQuote .radio, .statusQuote .checkbox { padding: 15px 0; } .statusQuote .radio label, .statusQuote .checkbox label { color: #777; font-size: 1.2em; text-transform: none; } .statusQuote .radio [type="radio"]:not(:checked) + label, .statusQuote .checkbox [type="radio"]:not(:checked) + label, .statusQuote .radio [type="radio"]:checked + label, .statusQuote .checkbox [type="radio"]:checked + label, .statusQuote .radio [type="checkbox"]:not(:checked) + label, .statusQuote .checkbox [type="checkbox"]:not(:checked) + label, .statusQuote .radio [type="checkbox"]:checked + label, .statusQuote .checkbox [type="checkbox"]:checked + label { width: 95%; padding-left: 5%; } .statusQuote .radio [type="radio"]:checked + label, .statusQuote .checkbox [type="radio"]:checked + label, .statusQuote .radio [type="checkbox"]:checked + label, .statusQuote .checkbox [type="checkbox"]:checked + label { font-weight: bold; color: #444444; } .statusQuote .radio [type="radio"] + label::before, .statusQuote .checkbox [type="radio"] + label::before, .statusQuote .radio [type="radio"] + label::after, .statusQuote .checkbox [type="radio"] + label::after, .statusQuote .radio [type="checkbox"] + label::before, .statusQuote .checkbox [type="checkbox"] + label::before, .statusQuote .radio [type="checkbox"]:not(.filled-in) + label::after, .statusQuote .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; } .statusQuote .radio [type="checkbox"] + label::before, .statusQuote .checkbox [type="checkbox"] + label::before, .statusQuote .radio [type="checkbox"]:not(.filled-in) + label::after, .statusQuote .checkbox [type="checkbox"]:not(.filled-in) + label::after { right: 0; left: inherit; border: 1px solid #777; -webkit-transition: 0s; transition: 0s; } .statusQuote .radio [type="radio"]:checked + label::after, .statusQuote .checkbox [type="radio"]:checked + label::after, .statusQuote .radio [type="radio"].with-gap:checked + label::before, .statusQuote .checkbox [type="radio"].with-gap:checked + label::before, .statusQuote .radio [type="radio"].with-gap:checked + label::after, .statusQuote .checkbox [type="radio"].with-gap:checked + label::after { border-color: #ff7300; } .statusQuote .radio [type="radio"]:checked + label::after, .statusQuote .checkbox [type="radio"]:checked + label::after, .statusQuote .radio [type="radio"].with-gap:checked + label::after, .statusQuote .checkbox [type="radio"].with-gap:checked + label::after { background: #ff7300; } .statusQuote .radio [type="checkbox"]:checked + label::before, .statusQuote .checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; right: 5px; } .statusQuote .radio [type="checkbox"]:checked + label::before, .statusQuote .checkbox [type="checkbox"]:checked + label::before { top: 0; right: 10px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: .2s; transition: .2s; } .statusQuote .radio [type="checkbox"]:checked + label::after, .statusQuote .checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .statusQuote .actions { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9; } .statusQuote .actions .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; background: #ff7300; text-transform: unset; height: 50px; font-size: 1.2em; } #updateContactCif, #addConceptModal, #updateContactModal, #createContactModal, #freeUserLimitModal, #updatePaymentInfoModal { background: #ffffff; top: 30%; height: 100vh; width: 100vw; overflow: hidden; max-height: 100%; } #updateContactCif .navbar-fixed, #addConceptModal .navbar-fixed, #updateContactModal .navbar-fixed, #createContactModal .navbar-fixed, #freeUserLimitModal .navbar-fixed, #updatePaymentInfoModal .navbar-fixed { position: fixed; } #updateContactCif .cifFields, #addConceptModal .cifFields, #updateContactModal .cifFields, #createContactModal .cifFields, #freeUserLimitModal .cifFields, #updatePaymentInfoModal .cifFields, #updateContactCif #contactFormFields, #addConceptModal #contactFormFields, #updateContactModal #contactFormFields, #createContactModal #contactFormFields, #freeUserLimitModal #contactFormFields, #updatePaymentInfoModal #contactFormFields, #updateContactCif #quoteFormFields, #addConceptModal #quoteFormFields, #updateContactModal #quoteFormFields, #createContactModal #quoteFormFields, #freeUserLimitModal #quoteFormFields, #updatePaymentInfoModal #quoteFormFields { padding: 20% 15% 30%; padding-top: 85px; padding-bottom: 0; position: relative; height: 95vh; min-height: 410px; overflow-y: auto; z-index: 1; } #updateContactCif .cifFields .descriptionMaxCharacters, #addConceptModal .cifFields .descriptionMaxCharacters, #updateContactModal .cifFields .descriptionMaxCharacters, #createContactModal .cifFields .descriptionMaxCharacters, #freeUserLimitModal .cifFields .descriptionMaxCharacters, #updatePaymentInfoModal .cifFields .descriptionMaxCharacters, #updateContactCif #contactFormFields .descriptionMaxCharacters, #addConceptModal #contactFormFields .descriptionMaxCharacters, #updateContactModal #contactFormFields .descriptionMaxCharacters, #createContactModal #contactFormFields .descriptionMaxCharacters, #freeUserLimitModal #contactFormFields .descriptionMaxCharacters, #updatePaymentInfoModal #contactFormFields .descriptionMaxCharacters, #updateContactCif #quoteFormFields .descriptionMaxCharacters, #addConceptModal #quoteFormFields .descriptionMaxCharacters, #updateContactModal #quoteFormFields .descriptionMaxCharacters, #createContactModal #quoteFormFields .descriptionMaxCharacters, #freeUserLimitModal #quoteFormFields .descriptionMaxCharacters, #updatePaymentInfoModal #quoteFormFields .descriptionMaxCharacters { min-height: 30px; margin: -29px 0 0 0; } #updateContactCif .cifFields .descriptionMaxCharacters span.redText, #addConceptModal .cifFields .descriptionMaxCharacters span.redText, #updateContactModal .cifFields .descriptionMaxCharacters span.redText, #createContactModal .cifFields .descriptionMaxCharacters span.redText, #freeUserLimitModal .cifFields .descriptionMaxCharacters span.redText, #updatePaymentInfoModal .cifFields .descriptionMaxCharacters span.redText, #updateContactCif #contactFormFields .descriptionMaxCharacters span.redText, #addConceptModal #contactFormFields .descriptionMaxCharacters span.redText, #updateContactModal #contactFormFields .descriptionMaxCharacters span.redText, #createContactModal #contactFormFields .descriptionMaxCharacters span.redText, #freeUserLimitModal #contactFormFields .descriptionMaxCharacters span.redText, #updatePaymentInfoModal #contactFormFields .descriptionMaxCharacters span.redText, #updateContactCif #quoteFormFields .descriptionMaxCharacters span.redText, #addConceptModal #quoteFormFields .descriptionMaxCharacters span.redText, #updateContactModal #quoteFormFields .descriptionMaxCharacters span.redText, #createContactModal #quoteFormFields .descriptionMaxCharacters span.redText, #freeUserLimitModal #quoteFormFields .descriptionMaxCharacters span.redText, #updatePaymentInfoModal #quoteFormFields .descriptionMaxCharacters span.redText { color: #F44336; } #updateContactCif .cifFields .clearfix, #addConceptModal .cifFields .clearfix, #updateContactModal .cifFields .clearfix, #createContactModal .cifFields .clearfix, #freeUserLimitModal .cifFields .clearfix, #updatePaymentInfoModal .cifFields .clearfix, #updateContactCif #contactFormFields .clearfix, #addConceptModal #contactFormFields .clearfix, #updateContactModal #contactFormFields .clearfix, #createContactModal #contactFormFields .clearfix, #freeUserLimitModal #contactFormFields .clearfix, #updatePaymentInfoModal #contactFormFields .clearfix, #updateContactCif #quoteFormFields .clearfix, #addConceptModal #quoteFormFields .clearfix, #updateContactModal #quoteFormFields .clearfix, #createContactModal #quoteFormFields .clearfix, #freeUserLimitModal #quoteFormFields .clearfix, #updatePaymentInfoModal #quoteFormFields .clearfix { margin: 50px 0; } #updateContactCif .cifFields .radio, #addConceptModal .cifFields .radio, #updateContactModal .cifFields .radio, #createContactModal .cifFields .radio, #freeUserLimitModal .cifFields .radio, #updatePaymentInfoModal .cifFields .radio, #updateContactCif #contactFormFields .radio, #addConceptModal #contactFormFields .radio, #updateContactModal #contactFormFields .radio, #createContactModal #contactFormFields .radio, #freeUserLimitModal #contactFormFields .radio, #updatePaymentInfoModal #contactFormFields .radio, #updateContactCif #quoteFormFields .radio, #addConceptModal #quoteFormFields .radio, #updateContactModal #quoteFormFields .radio, #createContactModal #quoteFormFields .radio, #freeUserLimitModal #quoteFormFields .radio, #updatePaymentInfoModal #quoteFormFields .radio, #updateContactCif .cifFields .checkbox, #addConceptModal .cifFields .checkbox, #updateContactModal .cifFields .checkbox, #createContactModal .cifFields .checkbox, #freeUserLimitModal .cifFields .checkbox, #updatePaymentInfoModal .cifFields .checkbox, #updateContactCif #contactFormFields .checkbox, #addConceptModal #contactFormFields .checkbox, #updateContactModal #contactFormFields .checkbox, #createContactModal #contactFormFields .checkbox, #freeUserLimitModal #contactFormFields .checkbox, #updatePaymentInfoModal #contactFormFields .checkbox, #updateContactCif #quoteFormFields .checkbox, #addConceptModal #quoteFormFields .checkbox, #updateContactModal #quoteFormFields .checkbox, #createContactModal #quoteFormFields .checkbox, #freeUserLimitModal #quoteFormFields .checkbox, #updatePaymentInfoModal #quoteFormFields .checkbox { margin-bottom: 50px; padding: 15px 0; } #updateContactCif .cifFields .radio label, #addConceptModal .cifFields .radio label, #updateContactModal .cifFields .radio label, #createContactModal .cifFields .radio label, #freeUserLimitModal .cifFields .radio label, #updatePaymentInfoModal .cifFields .radio label, #updateContactCif #contactFormFields .radio label, #addConceptModal #contactFormFields .radio label, #updateContactModal #contactFormFields .radio label, #createContactModal #contactFormFields .radio label, #freeUserLimitModal #contactFormFields .radio label, #updatePaymentInfoModal #contactFormFields .radio label, #updateContactCif #quoteFormFields .radio label, #addConceptModal #quoteFormFields .radio label, #updateContactModal #quoteFormFields .radio label, #createContactModal #quoteFormFields .radio label, #freeUserLimitModal #quoteFormFields .radio label, #updatePaymentInfoModal #quoteFormFields .radio label, #updateContactCif .cifFields .checkbox label, #addConceptModal .cifFields .checkbox label, #updateContactModal .cifFields .checkbox label, #createContactModal .cifFields .checkbox label, #freeUserLimitModal .cifFields .checkbox label, #updatePaymentInfoModal .cifFields .checkbox label, #updateContactCif #contactFormFields .checkbox label, #addConceptModal #contactFormFields .checkbox label, #updateContactModal #contactFormFields .checkbox label, #createContactModal #contactFormFields .checkbox label, #freeUserLimitModal #contactFormFields .checkbox label, #updatePaymentInfoModal #contactFormFields .checkbox label, #updateContactCif #quoteFormFields .checkbox label, #addConceptModal #quoteFormFields .checkbox label, #updateContactModal #quoteFormFields .checkbox label, #createContactModal #quoteFormFields .checkbox label, #freeUserLimitModal #quoteFormFields .checkbox label, #updatePaymentInfoModal #quoteFormFields .checkbox label { color: #777; font-size: 1.2em; text-transform: none; } #updateContactCif .cifFields .radio [type="checkbox"] + label, #addConceptModal .cifFields .radio [type="checkbox"] + label, #updateContactModal .cifFields .radio [type="checkbox"] + label, #createContactModal .cifFields .radio [type="checkbox"] + label, #freeUserLimitModal .cifFields .radio [type="checkbox"] + label, #updatePaymentInfoModal .cifFields .radio [type="checkbox"] + label, #updateContactCif #contactFormFields .radio [type="checkbox"] + label, #addConceptModal #contactFormFields .radio [type="checkbox"] + label, #updateContactModal #contactFormFields .radio [type="checkbox"] + label, #createContactModal #contactFormFields .radio [type="checkbox"] + label, #freeUserLimitModal #contactFormFields .radio [type="checkbox"] + label, #updatePaymentInfoModal #contactFormFields .radio [type="checkbox"] + label, #updateContactCif #quoteFormFields .radio [type="checkbox"] + label, #addConceptModal #quoteFormFields .radio [type="checkbox"] + label, #updateContactModal #quoteFormFields .radio [type="checkbox"] + label, #createContactModal #quoteFormFields .radio [type="checkbox"] + label, #freeUserLimitModal #quoteFormFields .radio [type="checkbox"] + label, #updatePaymentInfoModal #quoteFormFields .radio [type="checkbox"] + label, #updateContactCif .cifFields .checkbox [type="checkbox"] + label, #addConceptModal .cifFields .checkbox [type="checkbox"] + label, #updateContactModal .cifFields .checkbox [type="checkbox"] + label, #createContactModal .cifFields .checkbox [type="checkbox"] + label, #freeUserLimitModal .cifFields .checkbox [type="checkbox"] + label, #updatePaymentInfoModal .cifFields .checkbox [type="checkbox"] + label, #updateContactCif #contactFormFields .checkbox [type="checkbox"] + label, #addConceptModal #contactFormFields .checkbox [type="checkbox"] + label, #updateContactModal #contactFormFields .checkbox [type="checkbox"] + label, #createContactModal #contactFormFields .checkbox [type="checkbox"] + label, #freeUserLimitModal #contactFormFields .checkbox [type="checkbox"] + label, #updatePaymentInfoModal #contactFormFields .checkbox [type="checkbox"] + label, #updateContactCif #quoteFormFields .checkbox [type="checkbox"] + label, #addConceptModal #quoteFormFields .checkbox [type="checkbox"] + label, #updateContactModal #quoteFormFields .checkbox [type="checkbox"] + label, #createContactModal #quoteFormFields .checkbox [type="checkbox"] + label, #freeUserLimitModal #quoteFormFields .checkbox [type="checkbox"] + label, #updatePaymentInfoModal #quoteFormFields .checkbox [type="checkbox"] + label { padding-left: 45px; } #updateContactCif .cifFields .radio [type="radio"]:checked + label, #addConceptModal .cifFields .radio [type="radio"]:checked + label, #updateContactModal .cifFields .radio [type="radio"]:checked + label, #createContactModal .cifFields .radio [type="radio"]:checked + label, #freeUserLimitModal .cifFields .radio [type="radio"]:checked + label, #updatePaymentInfoModal .cifFields .radio [type="radio"]:checked + label, #updateContactCif #contactFormFields .radio [type="radio"]:checked + label, #addConceptModal #contactFormFields .radio [type="radio"]:checked + label, #updateContactModal #contactFormFields .radio [type="radio"]:checked + label, #createContactModal #contactFormFields .radio [type="radio"]:checked + label, #freeUserLimitModal #contactFormFields .radio [type="radio"]:checked + label, #updatePaymentInfoModal #contactFormFields .radio [type="radio"]:checked + label, #updateContactCif #quoteFormFields .radio [type="radio"]:checked + label, #addConceptModal #quoteFormFields .radio [type="radio"]:checked + label, #updateContactModal #quoteFormFields .radio [type="radio"]:checked + label, #createContactModal #quoteFormFields .radio [type="radio"]:checked + label, #freeUserLimitModal #quoteFormFields .radio [type="radio"]:checked + label, #updatePaymentInfoModal #quoteFormFields .radio [type="radio"]:checked + label, #updateContactCif .cifFields .checkbox [type="radio"]:checked + label, #addConceptModal .cifFields .checkbox [type="radio"]:checked + label, #updateContactModal .cifFields .checkbox [type="radio"]:checked + label, #createContactModal .cifFields .checkbox [type="radio"]:checked + label, #freeUserLimitModal .cifFields .checkbox [type="radio"]:checked + label, #updatePaymentInfoModal .cifFields .checkbox [type="radio"]:checked + label, #updateContactCif #contactFormFields .checkbox [type="radio"]:checked + label, #addConceptModal #contactFormFields .checkbox [type="radio"]:checked + label, #updateContactModal #contactFormFields .checkbox [type="radio"]:checked + label, #createContactModal #contactFormFields .checkbox [type="radio"]:checked + label, #freeUserLimitModal #contactFormFields .checkbox [type="radio"]:checked + label, #updatePaymentInfoModal #contactFormFields .checkbox [type="radio"]:checked + label, #updateContactCif #quoteFormFields .checkbox [type="radio"]:checked + label, #addConceptModal #quoteFormFields .checkbox [type="radio"]:checked + label, #updateContactModal #quoteFormFields .checkbox [type="radio"]:checked + label, #createContactModal #quoteFormFields .checkbox [type="radio"]:checked + label, #freeUserLimitModal #quoteFormFields .checkbox [type="radio"]:checked + label, #updatePaymentInfoModal #quoteFormFields .checkbox [type="radio"]:checked + label, #updateContactCif .cifFields .radio [type="checkbox"]:checked + label, #addConceptModal .cifFields .radio [type="checkbox"]:checked + label, #updateContactModal .cifFields .radio [type="checkbox"]:checked + label, #createContactModal .cifFields .radio [type="checkbox"]:checked + label, #freeUserLimitModal .cifFields .radio [type="checkbox"]:checked + label, #updatePaymentInfoModal .cifFields .radio [type="checkbox"]:checked + label, #updateContactCif #contactFormFields .radio [type="checkbox"]:checked + label, #addConceptModal #contactFormFields .radio [type="checkbox"]:checked + label, #updateContactModal #contactFormFields .radio [type="checkbox"]:checked + label, #createContactModal #contactFormFields .radio [type="checkbox"]:checked + label, #freeUserLimitModal #contactFormFields .radio [type="checkbox"]:checked + label, #updatePaymentInfoModal #contactFormFields .radio [type="checkbox"]:checked + label, #updateContactCif #quoteFormFields .radio [type="checkbox"]:checked + label, #addConceptModal #quoteFormFields .radio [type="checkbox"]:checked + label, #updateContactModal #quoteFormFields .radio [type="checkbox"]:checked + label, #createContactModal #quoteFormFields .radio [type="checkbox"]:checked + label, #freeUserLimitModal #quoteFormFields .radio [type="checkbox"]:checked + label, #updatePaymentInfoModal #quoteFormFields .radio [type="checkbox"]:checked + label, #updateContactCif .cifFields .checkbox [type="checkbox"]:checked + label, #addConceptModal .cifFields .checkbox [type="checkbox"]:checked + label, #updateContactModal .cifFields .checkbox [type="checkbox"]:checked + label, #createContactModal .cifFields .checkbox [type="checkbox"]:checked + label, #freeUserLimitModal .cifFields .checkbox [type="checkbox"]:checked + label, #updatePaymentInfoModal .cifFields .checkbox [type="checkbox"]:checked + label, #updateContactCif #contactFormFields .checkbox [type="checkbox"]:checked + label, #addConceptModal #contactFormFields .checkbox [type="checkbox"]:checked + label, #updateContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label, #createContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label, #freeUserLimitModal #contactFormFields .checkbox [type="checkbox"]:checked + label, #updatePaymentInfoModal #contactFormFields .checkbox [type="checkbox"]:checked + label, #updateContactCif #quoteFormFields .checkbox [type="checkbox"]:checked + label, #addConceptModal #quoteFormFields .checkbox [type="checkbox"]:checked + label, #updateContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label, #createContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label, #freeUserLimitModal #quoteFormFields .checkbox [type="checkbox"]:checked + label, #updatePaymentInfoModal #quoteFormFields .checkbox [type="checkbox"]:checked + label { font-weight: bold; color: #444444; } #updateContactCif .cifFields .radio [type="checkbox"] + label::before, #addConceptModal .cifFields .radio [type="checkbox"] + label::before, #updateContactModal .cifFields .radio [type="checkbox"] + label::before, #createContactModal .cifFields .radio [type="checkbox"] + label::before, #freeUserLimitModal .cifFields .radio [type="checkbox"] + label::before, #updatePaymentInfoModal .cifFields .radio [type="checkbox"] + label::before, #updateContactCif #contactFormFields .radio [type="checkbox"] + label::before, #addConceptModal #contactFormFields .radio [type="checkbox"] + label::before, #updateContactModal #contactFormFields .radio [type="checkbox"] + label::before, #createContactModal #contactFormFields .radio [type="checkbox"] + label::before, #freeUserLimitModal #contactFormFields .radio [type="checkbox"] + label::before, #updatePaymentInfoModal #contactFormFields .radio [type="checkbox"] + label::before, #updateContactCif #quoteFormFields .radio [type="checkbox"] + label::before, #addConceptModal #quoteFormFields .radio [type="checkbox"] + label::before, #updateContactModal #quoteFormFields .radio [type="checkbox"] + label::before, #createContactModal #quoteFormFields .radio [type="checkbox"] + label::before, #freeUserLimitModal #quoteFormFields .radio [type="checkbox"] + label::before, #updatePaymentInfoModal #quoteFormFields .radio [type="checkbox"] + label::before, #updateContactCif .cifFields .checkbox [type="checkbox"] + label::before, #addConceptModal .cifFields .checkbox [type="checkbox"] + label::before, #updateContactModal .cifFields .checkbox [type="checkbox"] + label::before, #createContactModal .cifFields .checkbox [type="checkbox"] + label::before, #freeUserLimitModal .cifFields .checkbox [type="checkbox"] + label::before, #updatePaymentInfoModal .cifFields .checkbox [type="checkbox"] + label::before, #updateContactCif #contactFormFields .checkbox [type="checkbox"] + label::before, #addConceptModal #contactFormFields .checkbox [type="checkbox"] + label::before, #updateContactModal #contactFormFields .checkbox [type="checkbox"] + label::before, #createContactModal #contactFormFields .checkbox [type="checkbox"] + label::before, #freeUserLimitModal #contactFormFields .checkbox [type="checkbox"] + label::before, #updatePaymentInfoModal #contactFormFields .checkbox [type="checkbox"] + label::before, #updateContactCif #quoteFormFields .checkbox [type="checkbox"] + label::before, #addConceptModal #quoteFormFields .checkbox [type="checkbox"] + label::before, #updateContactModal #quoteFormFields .checkbox [type="checkbox"] + label::before, #createContactModal #quoteFormFields .checkbox [type="checkbox"] + label::before, #freeUserLimitModal #quoteFormFields .checkbox [type="checkbox"] + label::before, #updatePaymentInfoModal #quoteFormFields .checkbox [type="checkbox"] + label::before, #updateContactCif .cifFields .radio [type="checkbox"]:not(.filled-in) + label::after, #addConceptModal .cifFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updateContactModal .cifFields .radio [type="checkbox"]:not(.filled-in) + label::after, #createContactModal .cifFields .radio [type="checkbox"]:not(.filled-in) + label::after, #freeUserLimitModal .cifFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updatePaymentInfoModal .cifFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updateContactCif #contactFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #addConceptModal #contactFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updateContactModal #contactFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #createContactModal #contactFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #freeUserLimitModal #contactFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updatePaymentInfoModal #contactFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updateContactCif #quoteFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #addConceptModal #quoteFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updateContactModal #quoteFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #createContactModal #quoteFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #freeUserLimitModal #quoteFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updatePaymentInfoModal #quoteFormFields .radio [type="checkbox"]:not(.filled-in) + label::after, #updateContactCif .cifFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #addConceptModal .cifFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updateContactModal .cifFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #createContactModal .cifFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #freeUserLimitModal .cifFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updatePaymentInfoModal .cifFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updateContactCif #contactFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #addConceptModal #contactFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updateContactModal #contactFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #createContactModal #contactFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #freeUserLimitModal #contactFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updatePaymentInfoModal #contactFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updateContactCif #quoteFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #addConceptModal #quoteFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updateContactModal #quoteFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #createContactModal #quoteFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #freeUserLimitModal #quoteFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after, #updatePaymentInfoModal #quoteFormFields .checkbox [type="checkbox"]:not(.filled-in) + label::after { left: 10px; border: 1px solid #777; -webkit-transition: 0s; transition: 0s; margin-top: 2px; } #updateContactCif .cifFields .radio [type="radio"]:checked + label::after, #addConceptModal .cifFields .radio [type="radio"]:checked + label::after, #updateContactModal .cifFields .radio [type="radio"]:checked + label::after, #createContactModal .cifFields .radio [type="radio"]:checked + label::after, #freeUserLimitModal .cifFields .radio [type="radio"]:checked + label::after, #updatePaymentInfoModal .cifFields .radio [type="radio"]:checked + label::after, #updateContactCif #contactFormFields .radio [type="radio"]:checked + label::after, #addConceptModal #contactFormFields .radio [type="radio"]:checked + label::after, #updateContactModal #contactFormFields .radio [type="radio"]:checked + label::after, #createContactModal #contactFormFields .radio [type="radio"]:checked + label::after, #freeUserLimitModal #contactFormFields .radio [type="radio"]:checked + label::after, #updatePaymentInfoModal #contactFormFields .radio [type="radio"]:checked + label::after, #updateContactCif #quoteFormFields .radio [type="radio"]:checked + label::after, #addConceptModal #quoteFormFields .radio [type="radio"]:checked + label::after, #updateContactModal #quoteFormFields .radio [type="radio"]:checked + label::after, #createContactModal #quoteFormFields .radio [type="radio"]:checked + label::after, #freeUserLimitModal #quoteFormFields .radio [type="radio"]:checked + label::after, #updatePaymentInfoModal #quoteFormFields .radio [type="radio"]:checked + label::after, #updateContactCif .cifFields .checkbox [type="radio"]:checked + label::after, #addConceptModal .cifFields .checkbox [type="radio"]:checked + label::after, #updateContactModal .cifFields .checkbox [type="radio"]:checked + label::after, #createContactModal .cifFields .checkbox [type="radio"]:checked + label::after, #freeUserLimitModal .cifFields .checkbox [type="radio"]:checked + label::after, #updatePaymentInfoModal .cifFields .checkbox [type="radio"]:checked + label::after, #updateContactCif #contactFormFields .checkbox [type="radio"]:checked + label::after, #addConceptModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #updateContactModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #createContactModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #freeUserLimitModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #updatePaymentInfoModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #updateContactCif #quoteFormFields .checkbox [type="radio"]:checked + label::after, #addConceptModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #updateContactModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #createContactModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #freeUserLimitModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #updatePaymentInfoModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #updateContactCif .cifFields .radio [type="radio"].with-gap:checked + label::before, #addConceptModal .cifFields .radio [type="radio"].with-gap:checked + label::before, #updateContactModal .cifFields .radio [type="radio"].with-gap:checked + label::before, #createContactModal .cifFields .radio [type="radio"].with-gap:checked + label::before, #freeUserLimitModal .cifFields .radio [type="radio"].with-gap:checked + label::before, #updatePaymentInfoModal .cifFields .radio [type="radio"].with-gap:checked + label::before, #updateContactCif #contactFormFields .radio [type="radio"].with-gap:checked + label::before, #addConceptModal #contactFormFields .radio [type="radio"].with-gap:checked + label::before, #updateContactModal #contactFormFields .radio [type="radio"].with-gap:checked + label::before, #createContactModal #contactFormFields .radio [type="radio"].with-gap:checked + label::before, #freeUserLimitModal #contactFormFields .radio [type="radio"].with-gap:checked + label::before, #updatePaymentInfoModal #contactFormFields .radio [type="radio"].with-gap:checked + label::before, #updateContactCif #quoteFormFields .radio [type="radio"].with-gap:checked + label::before, #addConceptModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::before, #updateContactModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::before, #createContactModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::before, #freeUserLimitModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::before, #updatePaymentInfoModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::before, #updateContactCif .cifFields .checkbox [type="radio"].with-gap:checked + label::before, #addConceptModal .cifFields .checkbox [type="radio"].with-gap:checked + label::before, #updateContactModal .cifFields .checkbox [type="radio"].with-gap:checked + label::before, #createContactModal .cifFields .checkbox [type="radio"].with-gap:checked + label::before, #freeUserLimitModal .cifFields .checkbox [type="radio"].with-gap:checked + label::before, #updatePaymentInfoModal .cifFields .checkbox [type="radio"].with-gap:checked + label::before, #updateContactCif #contactFormFields .checkbox [type="radio"].with-gap:checked + label::before, #addConceptModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::before, #updateContactModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::before, #createContactModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::before, #freeUserLimitModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::before, #updatePaymentInfoModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::before, #updateContactCif #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::before, #addConceptModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::before, #updateContactModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::before, #createContactModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::before, #freeUserLimitModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::before, #updatePaymentInfoModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::before, #updateContactCif .cifFields .radio [type="radio"].with-gap:checked + label::after, #addConceptModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #updateContactModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #createContactModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #freeUserLimitModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #updateContactCif #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #addConceptModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #createContactModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactCif #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #addConceptModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #createContactModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactCif .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #addConceptModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #createContactModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #freeUserLimitModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactCif #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #addConceptModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #createContactModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactCif #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #addConceptModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #createContactModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after { border-color: #ff7300; } #updateContactCif .cifFields .radio [type="radio"]:checked + label::after, #addConceptModal .cifFields .radio [type="radio"]:checked + label::after, #updateContactModal .cifFields .radio [type="radio"]:checked + label::after, #createContactModal .cifFields .radio [type="radio"]:checked + label::after, #freeUserLimitModal .cifFields .radio [type="radio"]:checked + label::after, #updatePaymentInfoModal .cifFields .radio [type="radio"]:checked + label::after, #updateContactCif #contactFormFields .radio [type="radio"]:checked + label::after, #addConceptModal #contactFormFields .radio [type="radio"]:checked + label::after, #updateContactModal #contactFormFields .radio [type="radio"]:checked + label::after, #createContactModal #contactFormFields .radio [type="radio"]:checked + label::after, #freeUserLimitModal #contactFormFields .radio [type="radio"]:checked + label::after, #updatePaymentInfoModal #contactFormFields .radio [type="radio"]:checked + label::after, #updateContactCif #quoteFormFields .radio [type="radio"]:checked + label::after, #addConceptModal #quoteFormFields .radio [type="radio"]:checked + label::after, #updateContactModal #quoteFormFields .radio [type="radio"]:checked + label::after, #createContactModal #quoteFormFields .radio [type="radio"]:checked + label::after, #freeUserLimitModal #quoteFormFields .radio [type="radio"]:checked + label::after, #updatePaymentInfoModal #quoteFormFields .radio [type="radio"]:checked + label::after, #updateContactCif .cifFields .checkbox [type="radio"]:checked + label::after, #addConceptModal .cifFields .checkbox [type="radio"]:checked + label::after, #updateContactModal .cifFields .checkbox [type="radio"]:checked + label::after, #createContactModal .cifFields .checkbox [type="radio"]:checked + label::after, #freeUserLimitModal .cifFields .checkbox [type="radio"]:checked + label::after, #updatePaymentInfoModal .cifFields .checkbox [type="radio"]:checked + label::after, #updateContactCif #contactFormFields .checkbox [type="radio"]:checked + label::after, #addConceptModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #updateContactModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #createContactModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #freeUserLimitModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #updatePaymentInfoModal #contactFormFields .checkbox [type="radio"]:checked + label::after, #updateContactCif #quoteFormFields .checkbox [type="radio"]:checked + label::after, #addConceptModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #updateContactModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #createContactModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #freeUserLimitModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #updatePaymentInfoModal #quoteFormFields .checkbox [type="radio"]:checked + label::after, #updateContactCif .cifFields .radio [type="radio"].with-gap:checked + label::after, #addConceptModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #updateContactModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #createContactModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #freeUserLimitModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal .cifFields .radio [type="radio"].with-gap:checked + label::after, #updateContactCif #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #addConceptModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #createContactModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #contactFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactCif #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #addConceptModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #createContactModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #quoteFormFields .radio [type="radio"].with-gap:checked + label::after, #updateContactCif .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #addConceptModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #createContactModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #freeUserLimitModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal .cifFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactCif #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #addConceptModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #createContactModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #contactFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactCif #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #addConceptModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updateContactModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #createContactModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #freeUserLimitModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after, #updatePaymentInfoModal #quoteFormFields .checkbox [type="radio"].with-gap:checked + label::after { background: #ff7300; } #updateContactCif .cifFields .radio [type="checkbox"]:checked + label::before, #addConceptModal .cifFields .radio [type="checkbox"]:checked + label::before, #updateContactModal .cifFields .radio [type="checkbox"]:checked + label::before, #createContactModal .cifFields .radio [type="checkbox"]:checked + label::before, #freeUserLimitModal .cifFields .radio [type="checkbox"]:checked + label::before, #updatePaymentInfoModal .cifFields .radio [type="checkbox"]:checked + label::before, #updateContactCif #contactFormFields .radio [type="checkbox"]:checked + label::before, #addConceptModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #updateContactModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #createContactModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #freeUserLimitModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #updateContactCif #quoteFormFields .radio [type="checkbox"]:checked + label::before, #addConceptModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #updateContactModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #createContactModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #freeUserLimitModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #updateContactCif .cifFields .checkbox [type="checkbox"]:checked + label::before, #addConceptModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #updateContactModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #createContactModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #freeUserLimitModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #updatePaymentInfoModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #updateContactCif #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #addConceptModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #updateContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #createContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #freeUserLimitModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #updateContactCif #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #addConceptModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #updateContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #createContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #freeUserLimitModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before { border: 0; border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300; right: 5px; } #updateContactCif .cifFields .radio [type="checkbox"]:checked + label::before, #addConceptModal .cifFields .radio [type="checkbox"]:checked + label::before, #updateContactModal .cifFields .radio [type="checkbox"]:checked + label::before, #createContactModal .cifFields .radio [type="checkbox"]:checked + label::before, #freeUserLimitModal .cifFields .radio [type="checkbox"]:checked + label::before, #updatePaymentInfoModal .cifFields .radio [type="checkbox"]:checked + label::before, #updateContactCif #contactFormFields .radio [type="checkbox"]:checked + label::before, #addConceptModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #updateContactModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #createContactModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #freeUserLimitModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #contactFormFields .radio [type="checkbox"]:checked + label::before, #updateContactCif #quoteFormFields .radio [type="checkbox"]:checked + label::before, #addConceptModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #updateContactModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #createContactModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #freeUserLimitModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #quoteFormFields .radio [type="checkbox"]:checked + label::before, #updateContactCif .cifFields .checkbox [type="checkbox"]:checked + label::before, #addConceptModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #updateContactModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #createContactModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #freeUserLimitModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #updatePaymentInfoModal .cifFields .checkbox [type="checkbox"]:checked + label::before, #updateContactCif #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #addConceptModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #updateContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #createContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #freeUserLimitModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #contactFormFields .checkbox [type="checkbox"]:checked + label::before, #updateContactCif #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #addConceptModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #updateContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #createContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #freeUserLimitModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before, #updatePaymentInfoModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::before { top: 0; right: 10px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1; -webkit-transition: .2s; transition: .2s; } #updateContactCif .cifFields .radio [type="checkbox"]:checked + label::after, #addConceptModal .cifFields .radio [type="checkbox"]:checked + label::after, #updateContactModal .cifFields .radio [type="checkbox"]:checked + label::after, #createContactModal .cifFields .radio [type="checkbox"]:checked + label::after, #freeUserLimitModal .cifFields .radio [type="checkbox"]:checked + label::after, #updatePaymentInfoModal .cifFields .radio [type="checkbox"]:checked + label::after, #updateContactCif #contactFormFields .radio [type="checkbox"]:checked + label::after, #addConceptModal #contactFormFields .radio [type="checkbox"]:checked + label::after, #updateContactModal #contactFormFields .radio [type="checkbox"]:checked + label::after, #createContactModal #contactFormFields .radio [type="checkbox"]:checked + label::after, #freeUserLimitModal #contactFormFields .radio [type="checkbox"]:checked + label::after, #updatePaymentInfoModal #contactFormFields .radio [type="checkbox"]:checked + label::after, #updateContactCif #quoteFormFields .radio [type="checkbox"]:checked + label::after, #addConceptModal #quoteFormFields .radio [type="checkbox"]:checked + label::after, #updateContactModal #quoteFormFields .radio [type="checkbox"]:checked + label::after, #createContactModal #quoteFormFields .radio [type="checkbox"]:checked + label::after, #freeUserLimitModal #quoteFormFields .radio [type="checkbox"]:checked + label::after, #updatePaymentInfoModal #quoteFormFields .radio [type="checkbox"]:checked + label::after, #updateContactCif .cifFields .checkbox [type="checkbox"]:checked + label::after, #addConceptModal .cifFields .checkbox [type="checkbox"]:checked + label::after, #updateContactModal .cifFields .checkbox [type="checkbox"]:checked + label::after, #createContactModal .cifFields .checkbox [type="checkbox"]:checked + label::after, #freeUserLimitModal .cifFields .checkbox [type="checkbox"]:checked + label::after, #updatePaymentInfoModal .cifFields .checkbox [type="checkbox"]:checked + label::after, #updateContactCif #contactFormFields .checkbox [type="checkbox"]:checked + label::after, #addConceptModal #contactFormFields .checkbox [type="checkbox"]:checked + label::after, #updateContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label::after, #createContactModal #contactFormFields .checkbox [type="checkbox"]:checked + label::after, #freeUserLimitModal #contactFormFields .checkbox [type="checkbox"]:checked + label::after, #updatePaymentInfoModal #contactFormFields .checkbox [type="checkbox"]:checked + label::after, #updateContactCif #quoteFormFields .checkbox [type="checkbox"]:checked + label::after, #addConceptModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::after, #updateContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::after, #createContactModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::after, #freeUserLimitModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::after, #updatePaymentInfoModal #quoteFormFields .checkbox [type="checkbox"]:checked + label::after { border: 2px solid #ff7300; background: #ff7300; width: 20px; height: 20px; top: 0; border: 2px solid transparent; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0s; transition: 0s; z-index: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #updateContactCif .cifFields .VATSubjectHelper, #addConceptModal .cifFields .VATSubjectHelper, #updateContactModal .cifFields .VATSubjectHelper, #createContactModal .cifFields .VATSubjectHelper, #freeUserLimitModal .cifFields .VATSubjectHelper, #updatePaymentInfoModal .cifFields .VATSubjectHelper, #updateContactCif #contactFormFields .VATSubjectHelper, #addConceptModal #contactFormFields .VATSubjectHelper, #updateContactModal #contactFormFields .VATSubjectHelper, #createContactModal #contactFormFields .VATSubjectHelper, #freeUserLimitModal #contactFormFields .VATSubjectHelper, #updatePaymentInfoModal #contactFormFields .VATSubjectHelper, #updateContactCif #quoteFormFields .VATSubjectHelper, #addConceptModal #quoteFormFields .VATSubjectHelper, #updateContactModal #quoteFormFields .VATSubjectHelper, #createContactModal #quoteFormFields .VATSubjectHelper, #freeUserLimitModal #quoteFormFields .VATSubjectHelper, #updatePaymentInfoModal #quoteFormFields .VATSubjectHelper { margin-left: 35px; color: #aaaaaa; font-size: 0.75em; } #updateContactCif .cifFields input, #addConceptModal .cifFields input, #updateContactModal .cifFields input, #createContactModal .cifFields input, #freeUserLimitModal .cifFields input, #updatePaymentInfoModal .cifFields input, #updateContactCif #contactFormFields input, #addConceptModal #contactFormFields input, #updateContactModal #contactFormFields input, #createContactModal #contactFormFields input, #freeUserLimitModal #contactFormFields input, #updatePaymentInfoModal #contactFormFields input, #updateContactCif #quoteFormFields input, #addConceptModal #quoteFormFields input, #updateContactModal #quoteFormFields input, #createContactModal #quoteFormFields input, #freeUserLimitModal #quoteFormFields input, #updatePaymentInfoModal #quoteFormFields input { font-weight: 400; color: #444444; } #updateContactCif .cifFields input::-webkit-input-placeholder, #addConceptModal .cifFields input::-webkit-input-placeholder, #updateContactModal .cifFields input::-webkit-input-placeholder, #createContactModal .cifFields input::-webkit-input-placeholder, #freeUserLimitModal .cifFields input::-webkit-input-placeholder, #updatePaymentInfoModal .cifFields input::-webkit-input-placeholder, #updateContactCif #contactFormFields input::-webkit-input-placeholder, #addConceptModal #contactFormFields input::-webkit-input-placeholder, #updateContactModal #contactFormFields input::-webkit-input-placeholder, #createContactModal #contactFormFields input::-webkit-input-placeholder, #freeUserLimitModal #contactFormFields input::-webkit-input-placeholder, #updatePaymentInfoModal #contactFormFields input::-webkit-input-placeholder, #updateContactCif #quoteFormFields input::-webkit-input-placeholder, #addConceptModal #quoteFormFields input::-webkit-input-placeholder, #updateContactModal #quoteFormFields input::-webkit-input-placeholder, #createContactModal #quoteFormFields input::-webkit-input-placeholder, #freeUserLimitModal #quoteFormFields input::-webkit-input-placeholder, #updatePaymentInfoModal #quoteFormFields input::-webkit-input-placeholder { color: #9E9E9E; font-weight: 300; } #updateContactCif .cifFields input:-moz-placeholder, #addConceptModal .cifFields input:-moz-placeholder, #updateContactModal .cifFields input:-moz-placeholder, #createContactModal .cifFields input:-moz-placeholder, #freeUserLimitModal .cifFields input:-moz-placeholder, #updatePaymentInfoModal .cifFields input:-moz-placeholder, #updateContactCif #contactFormFields input:-moz-placeholder, #addConceptModal #contactFormFields input:-moz-placeholder, #updateContactModal #contactFormFields input:-moz-placeholder, #createContactModal #contactFormFields input:-moz-placeholder, #freeUserLimitModal #contactFormFields input:-moz-placeholder, #updatePaymentInfoModal #contactFormFields input:-moz-placeholder, #updateContactCif #quoteFormFields input:-moz-placeholder, #addConceptModal #quoteFormFields input:-moz-placeholder, #updateContactModal #quoteFormFields input:-moz-placeholder, #createContactModal #quoteFormFields input:-moz-placeholder, #freeUserLimitModal #quoteFormFields input:-moz-placeholder, #updatePaymentInfoModal #quoteFormFields input:-moz-placeholder { color: #333; font-weight: 300; } #updateContactCif .cifFields input::-moz-placeholder, #addConceptModal .cifFields input::-moz-placeholder, #updateContactModal .cifFields input::-moz-placeholder, #createContactModal .cifFields input::-moz-placeholder, #freeUserLimitModal .cifFields input::-moz-placeholder, #updatePaymentInfoModal .cifFields input::-moz-placeholder, #updateContactCif #contactFormFields input::-moz-placeholder, #addConceptModal #contactFormFields input::-moz-placeholder, #updateContactModal #contactFormFields input::-moz-placeholder, #createContactModal #contactFormFields input::-moz-placeholder, #freeUserLimitModal #contactFormFields input::-moz-placeholder, #updatePaymentInfoModal #contactFormFields input::-moz-placeholder, #updateContactCif #quoteFormFields input::-moz-placeholder, #addConceptModal #quoteFormFields input::-moz-placeholder, #updateContactModal #quoteFormFields input::-moz-placeholder, #createContactModal #quoteFormFields input::-moz-placeholder, #freeUserLimitModal #quoteFormFields input::-moz-placeholder, #updatePaymentInfoModal #quoteFormFields input::-moz-placeholder { color: #333; font-weight: 300; } #updateContactCif .cifFields input:-ms-input-placeholder, #addConceptModal .cifFields input:-ms-input-placeholder, #updateContactModal .cifFields input:-ms-input-placeholder, #createContactModal .cifFields input:-ms-input-placeholder, #freeUserLimitModal .cifFields input:-ms-input-placeholder, #updatePaymentInfoModal .cifFields input:-ms-input-placeholder, #updateContactCif #contactFormFields input:-ms-input-placeholder, #addConceptModal #contactFormFields input:-ms-input-placeholder, #updateContactModal #contactFormFields input:-ms-input-placeholder, #createContactModal #contactFormFields input:-ms-input-placeholder, #freeUserLimitModal #contactFormFields input:-ms-input-placeholder, #updatePaymentInfoModal #contactFormFields input:-ms-input-placeholder, #updateContactCif #quoteFormFields input:-ms-input-placeholder, #addConceptModal #quoteFormFields input:-ms-input-placeholder, #updateContactModal #quoteFormFields input:-ms-input-placeholder, #createContactModal #quoteFormFields input:-ms-input-placeholder, #freeUserLimitModal #quoteFormFields input:-ms-input-placeholder, #updatePaymentInfoModal #quoteFormFields input:-ms-input-placeholder { color: #9E9E9E; font-weight: 300; } #updateContactCif .contRelative, #addConceptModal .contRelative, #updateContactModal .contRelative, #createContactModal .contRelative, #freeUserLimitModal .contRelative, #updatePaymentInfoModal .contRelative { position: relative; height: 100vh; } #updateContactCif .relative, #addConceptModal .relative, #updateContactModal .relative, #createContactModal .relative, #freeUserLimitModal .relative, #updatePaymentInfoModal .relative { position: relative; } #updateContactCif .fixedSection, #addConceptModal .fixedSection, #updateContactModal .fixedSection, #createContactModal .fixedSection, #freeUserLimitModal .fixedSection, #updatePaymentInfoModal .fixedSection { z-index: 2; background: #ffffff; box-shadow: 0px -3px 4px 0 #c3c3c3; font-size: 2em; color: #444444; padding: 2% 10%; margin: 0 -12%; position: fixed; bottom: 0; left: 12%; width: 100%; } #updateContactCif .VATSubjectHelper, #addConceptModal .VATSubjectHelper, #updateContactModal .VATSubjectHelper, #createContactModal .VATSubjectHelper, #freeUserLimitModal .VATSubjectHelper, #updatePaymentInfoModal .VATSubjectHelper { padding-left: 10px; font-size: 1rem; color: #a4a4a4; } #updateContactCif #logoContainer, #addConceptModal #logoContainer, #updateContactModal #logoContainer, #createContactModal #logoContainer, #freeUserLimitModal #logoContainer, #updatePaymentInfoModal #logoContainer { padding-left: 30px; width: 55%; } #updateContactCif #closeContactModal, #addConceptModal #closeContactModal, #updateContactModal #closeContactModal, #createContactModal #closeContactModal, #freeUserLimitModal #closeContactModal, #updatePaymentInfoModal #closeContactModal, #updateContactCif #closeConceptModal, #addConceptModal #closeConceptModal, #updateContactModal #closeConceptModal, #createContactModal #closeConceptModal, #freeUserLimitModal #closeConceptModal, #updatePaymentInfoModal #closeConceptModal, #updateContactCif #closeUpdateContactModal, #addConceptModal #closeUpdateContactModal, #updateContactModal #closeUpdateContactModal, #createContactModal #closeUpdateContactModal, #freeUserLimitModal #closeUpdateContactModal, #updatePaymentInfoModal #closeUpdateContactModal, #updateContactCif #closeCreateContactModal, #addConceptModal #closeCreateContactModal, #updateContactModal #closeCreateContactModal, #createContactModal #closeCreateContactModal, #freeUserLimitModal #closeCreateContactModal, #updatePaymentInfoModal #closeCreateContactModal, #updateContactCif #paymentInfoCloseButton, #addConceptModal #paymentInfoCloseButton, #updateContactModal #paymentInfoCloseButton, #createContactModal #paymentInfoCloseButton, #freeUserLimitModal #paymentInfoCloseButton, #updatePaymentInfoModal #paymentInfoCloseButton { display: inline-block; position: relative; left: -18px; } #importContactTooltip, #createInvoiceTooltip { background: #f1f1f1; text-align: right; color: #444444; border: 1px solid #a6a6a6; width: 245px; padding: 15px 30px 15px 20px; position: absolute; top: 65px; right: -100px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0 1px 5px 0 #999; } #importContactTooltip:after, #createInvoiceTooltip:after { content: "▲"; font-size: 18px; line-height: 1em; color: #f1f1f1; display: block; width: 15px; height: 15px; position: absolute; left: 50%; top: -13px; margin-left: -7px; } #importContactTooltip i, #createInvoiceTooltip i { height: auto; line-height: 1em; margin-right: -25px; color: #aaaaaa; font-size: 15px; cursor: pointer; } #importContactTooltip p, #createInvoiceTooltip p { position: relative; margin-top: -17px; text-align: left; line-height: 1.5em; } #importContactTooltip p strong, #createInvoiceTooltip p strong { font-weight: 600; } #importContactTooltip p a, #createInvoiceTooltip p a { color: #ff7300; } .fixedTotal { position: fixed; bottom: 0; left: 0; z-index: 995; width: 100%; background: #ffffff; box-shadow: 0px -3px 4px 0 #c3c3c3; font-size: 2em; padding: 2% 5%; color: #444444; } .fixedBar { position: fixed; bottom: 0; width: 100%; background: #ffffff; box-shadow: 0 0 5px #aaaaaa; padding: 0; } .fixedBar .row { margin: 0; color: #000000; font-size: 0.9em; text-align: center; } .fixedBar .row .s6, .fixedBar .row .s3 { padding: 0; position: relative; } .fixedBar .row .s6:after, .fixedBar .row .s3:after { position: absolute; top: 10%; right: 0; width: 1px; height: 80%; content: ""; background: #ccc; } .fixedBar .row .s6:last-child:after, .fixedBar .row .s3:last-child:after { background: transparent; } .fixedBar .row .s6:hover { background: #D6D4D4; } .fixedBar .row .s4 { position: relative; } .fixedBar .row .s4:after { position: absolute; top: 10%; right: 0; width: 1px; height: 80%; content: ""; background: #ccc; } .fixedBar .row .s4:last-child:after { background: transparent; } .fixedBar .row .s4:hover { background-color: #efefef; } .fixedBar .row a { display: block; min-height: 85px; padding: 48px 0 25px 0; color: #ff7300 !important; background-repeat: no-repeat; background-position-x: center; background-position-y: 8px; background-size: auto 32px; text-decoration: none; } .fixedBar .row a:hover { color: #000000 !important; background-repeat: no-repeat; background-color: #efefef; } .fixedBar .row a span { display: block; margin: 0 auto; line-height: 1em; } .fixedBar .row a#downloadFixed { background-image: url(/static/img/download/download-icon-o.svg?a44e4ac86ce7); } .fixedBar .row a#downloadFixed:hover { background-image: url(/static/img/download/download-icon.svg?cddb50acfc59); } .fixedBar .row a#sendFixed { background-image: url(/static/img/send/send-icon-o.svg?765d31a66905); } .fixedBar .row a#sendFixed:hover { background-image: url(/static/img/send/send-icon.svg?588e71faef13); } .fixedBar .row a#statusFixed { background-image: url(/static/img/status/status-icon-o.svg?a24737e5d766); } .fixedBar .row a#statusFixed:hover { background-image: url(/static/img/status/status-icon.svg?387ce33317cc); } .fixedBar .row a#whatsappFixed { background-image: url(/static/img/whatsapp/whatsapp-icon-o.svg?a39bbe25fc58); } .fixedBar .row a#whatsappFixed:hover { background-image: url(/static/img/whatsapp/whatsapp-icon.svg?84155f46abb3); } .fixedBar .row a#whatsappFixed.disabled { background-image: url(/static/img/whatsapp/whatsapp-icon.svg?84155f46abb3); background-color: transparent; opacity: 0.3; pointer-events: none; } .fixedBar .row a#whatsappFixed.disabled span { color: #000000 !important; } .fixedBar .row a#invoiceFixed { background-image: url(/static/img/factura/factura-icon-o.svg?5525465c518a); } .fixedBar .row a#invoiceFixed:hover { background-image: url(/static/img/factura/factura-icon.svg?bfa16e1eafac); } .fixedBar .row a#quoteFixed { background-image: url(/static/img/presupuesto/presupuesto-icon-o.svg?a2d847c556fa); } .fixedBar .row a#quoteFixed:hover { background-image: url(/static/img/presupuesto/presupuesto-icon.svg?d3c49111653c); } .fixedBar .row a#noteFixed { background-image: url(/static/img/nota/nota-icon-o.svg?71bf70133271); } .fixedBar .row a#noteFixed:hover { background-image: url(/static/img/nota/nota-icon.svg?25fb3d7aa8cd); } .fixedBar .row a#jobFixed { background-image: url(/static/img/trabajo/trabajo-icon-o.svg?f52dfc1a42e5); } .fixedBar .row a#jobFixed:hover { background-image: url(/static/img/trabajo/trabajo-icon.svg?16c69c3dc256); } .fixedBar .row a#expenseFixed { background-image: url(/static/img/gasto/gastos-icon-o.svg?e0b1ec004351); } .fixedBar .row a#expenseFixed:hover { background-image: url(/static/img/gasto/gastos-icon.svg?4d1c4ca4dd0d); } .fixedBar .row img { display: block; margin: 0 auto 10px; max-height: 25px; } /* Error Pages */ #errorPage { padding: 24px; font-size: 1.1em; } #errorPage strong { display: block; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 2.2em; } #errorPage h1 { color: #000000; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.8em; min-height: 65px; } #errorPage a { color: #ff7300; } /* 404 without menus */ #blankErrorPage { background-color: #ffffff; } #blankErrorPage #errorPage { padding-top: 80px; margin: 0 auto; max-width: 420px; } #blankErrorPage #errorPage .list-card { box-shadow: none; border: none; } /* configuration */ #imageOptions { list-style-type: none; margin: 0 0 20px 0; padding: 0; overflow: hidden; text-align: center; } #imageOptions li { width: 50%; float: left; } #imageOptions li.simpleOption { width: 100%; } .card .card-content p.paymentMethodHelpText { color: darkgray; margin-bottom: 32px; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after { background: #ff7300; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after { border-color: #ff7300; } .infoPaymentAdvice, .userPaymentInfo { color: #9e9e9e; font-size: 13px; margin: 0 0 25px 35px; } .infoPaymentAdvice a, .userPaymentInfo a { color: #ff7300; } #showPaymentMethodLabel { color: #222; font-weight: 500; } .card .card-content p.addressHelpText { color: darkgray; margin-bottom: 32px; } #loading { display: none; align-items: center; justify-content: center; background-color: #eee; position: fixed; z-index: 995; top: 0; left: 0; right: 0; bottom: 0; } #loading .spinner-layer { border-color: #ff7300; } .waves-effect { display: block; } .waves-customized:active { background: #F3F3F3; } .waves-customized .waves-ripple { background: #F3F3F3; } .modal .modal-content, .picker__frame .modal-content, #modalBack .modal-content { font-size: 1.1em; font-family: 'Roboto', sans-serif; font-weight: 300; color: #444444; } .modal .modal-content h4, .picker__frame .modal-content h4, #modalBack .modal-content h4 { font-family: 'Roboto', sans-serif; font-weight: 700; } .modal .modal-content, .picker__frame .modal-content, #modalBack .modal-content { font-size: 1.1em; font-family: 'Roboto', sans-serif; font-weight: 300; color: #444444; } .modal .modal-content h4, .picker__frame .modal-content h4, #modalBack .modal-content h4 { font-family: 'Roboto', sans-serif; font-weight: 700; } .modal .waves-effect, .picker__frame .waves-effect, #modalBack .waves-effect { display: inline-block; } .modal .waves-effect.modal-close, .picker__frame .waves-effect.modal-close, #modalBack .waves-effect.modal-close { color: #444444; } .modal .btn, .picker__frame .btn, #modalBack .btn, .modal .btn-large, .picker__frame .btn-large, #modalBack .btn-large, .modal .btn-flat, .picker__frame .btn-flat, #modalBack .btn-flat { padding: 0 1rem; } .modal .waves-effect.waves-orange .waves-ripple, .picker__frame .waves-effect.waves-orange .waves-ripple, #modalBack .waves-effect.waves-orange .waves-ripple { /* The alpha value allows the text and background color of the button to still show through. */ background-color: rgba(236, 236, 236, 0.65); } #privacy-policy .modal-content, #terms-and-conditions .modal-content { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1em; text-align: justify; } .picker__date-display { background: #444444; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background: #ff7300; } .picker__nav--prev:hover, .picker__nav--next:hover { background: #ffab66; } .picker__day.picker__day--today { color: #ff7300; } .picker__box { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } .picker__footer .picker__clear { color: #ff7300; } .picker__footer .picker__today { color: #444444; } .picker__footer .picker__close { background: #ff7300; color: #ffffff; } .picker .picker__footer .btn-flat { padding: 0 1.6rem; } .datepicker { cursor: pointer; position: relative; background: url('/static/img/arrow/arrow-date.png?13c4cfd5b341') no-repeat 0 20px; background-position-x: right; } .datepicker[disabled] { background: none; } .picker__box { overflow: visible; } .picker__box .picker__container__wrapper { position: relative; } .picker__box .picker__container__wrapper .closeCalendarTuned { display: block; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; position: absolute; right: 0; top: -50px; z-index: 5; border: 2px solid #ffffff; background: #000000; } .picker__box .picker__container__wrapper .closeCalendarTuned:after { display: block; width: 3px; height: 22px; content: ""; background: #ffffff; position: absolute; right: 16px; top: 7px; z-index: 1; transform: rotate(45deg); } .picker__box .picker__container__wrapper .closeCalendarTuned:before { display: block; width: 3px; height: 22px; content: ""; background: #ffffff; position: absolute; right: 16px; top: 7px; z-index: 1; transform: rotate(-45deg); } /* image input in expense form */ .genericalPage .card .expensesForms .resetFieldset:last-child { padding-bottom: 0; } .genericalPage .card .expensesForms .listOptions li { display: block; float: none; width: 100%; } .genericalPage .card .expensesForms .listOptions li:first-child a { border: none; } .genericalPage .card .expensesForms .listOptions li.ticket-hide { display: none; } .genericalPage .card .expensesForms dl { overflow: hidden; } .genericalPage .card .expensesForms dl dd { float: left; padding-right: 40px; } .genericalPage .card .expensesForms .contAddLogo img#id_ticket_img { max-width: 100%; width: auto; } #loginBoxPage { background: #ffffff; } #loginFormPage { background: #ffffff; } #loginFormPage header#headerLogin { position: relative; } #loginFormPage header#headerLogin #navbarBackButton { position: absolute; top: 6px; left: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; min-height: 45px; height: 45px; width: 45px; margin-top: 0px; padding: 0; } #loginFormPage header#headerLogin #navbarBackButton i { line-height: 1.9em; text-align: center; color: #eee; font-size: 24px; } #loginFormPage header#headerLogin #navbarBackButton:hover { background: #404040; } #loginFormPage .msjLogin { text-align: center; font-size: 13px; color: #222; } #loginFormPage .card { box-shadow: inherit; } #loginFormPage .card .btn.btnCancel { float: left; background: #aaaaaa; border-color: #aaaaaa; margin: 0; } #loginFormPage .card .btn.btnCancel:hover { background: #969696; border-color: #969696; } #loginFormPage #loginPage.logoutPage a { color: #ff7300; } #loginFormPage #loginPage.logoutPage .btn { min-height: 50px; line-height: 45px; background: #ff7300; box-shadow: inherit; border: 2px solid #ff7300; width: 100%; padding: 0 20px; margin-right: 0; transition: all 0.2s ease 0s; text-transform: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 1.1em; } #loginFormPage #loginPage.logoutPage .btn:hover { border: 2px solid #DF6501 ; color: #ffffff; background: #DF6501; } #loginFormPage #loginPage.logoutPage .btn:disabled { border-color: #ffffff; } #loginFormPage #loginPage.logoutPage a.btnCancel { background: #ffffff; display: block; margin-top: 25px; text-align: center; border: 2px solid #777; color: #777; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 12px 20px 0; height: 50px; font-weight: 400; } #loginFormPage #loginPage.logoutPage a.btnCancel:hover { background: #777; color: #ffffff; border: 2px solid #777; } #loginFormPage #loginPage.readTerms .card { text-align: justify; max-width: 1000px; } #loginFormPage #loginPage.readTerms .card .btn { width: auto; } #loginFormPage #loginPage.readTerms .card h3 { text-align: left; } #loginForm .has-error label + ul.errorlist { margin-top: -10px; } #loginForm .has-error input { border-color: #F44336; } #generatePassword { font-size: 14px; color: #777; font-weight: bold; margin-top: 0; } #generatePassword:hover { color: #ff7300; } #loginPage .card { max-width: 575px; margin: 40px auto; box-shadow: inherit; } #loginPage .card .checkbox-field label { text-transform: inherit; } #loginPage .card .btn { min-height: 50px; line-height: 45px; background: #ff7300; color: #ffffff; box-shadow: inherit; border: 2px solid #ff7300; width: 100%; padding: 0 20px; margin-right: 0; transition: all 0.2s ease 0s; text-transform: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 1.1em; } #loginPage .card .btn:hover { border: 2px solid #DF6501 ; color: #ffffff; background: #DF6501; } #loginPage .card .loginLink { display: block; margin-top: 25px; text-align: center; color: #777; padding: 12px 20px 0; height: 50px; font-weight: 400; } #loginPage .card .loginLink:hover { text-decoration: underline; } #loginPage .card .loginLink.identify { margin-top: 0; color: #ff7300; font-weight: bold; } .expensesForms .contentTool i { color: #777; font-size: 1.6em; position: absolute; top: -18px; left: 144px; } /* download excel and csv dropdown */ #contFilterAll .showDropFilter input { text-align: center; font-weight: bold; } #contFilterAll .showDropFilter .caret { right: inherit; left: 50%; margin-left: 100px; } #contFilterAll #select_all_expenses .btn[disabled] { background-color: white !important; color: #333 !important; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportDropdownDesktop { width: auto !important; min-width: 180px; top: 32px !important; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportDropdownDesktop a { font-size: 14px !important; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportDropdownDesktop a img { margin: 0 10px -1px -3px; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportButton { margin: 0 25px 0 0; width: 180px; text-align: left; } #contFilterAll #select_all_expenses.all_select_desktop_tablet #exportButton i { float: right; } #contFilterAll #select_all_expenses li { cursor: none; background: transparent; } #contFilterAll #select_all_expenses li a { cursor: pointer; } #contFilterAll #select_all_expenses li a:hover { background: #eee; } #contFilterAll #select_all_expenses li a.disabled { cursor: not-allowed; opacity: 0.6; } #contFilterAll #select_all_expenses li a.disabled:hover { background: transparent; } #contFilterAll #select_all_expenses.all_select_mobile #exportDropdownMobile { width: auto !important; min-width: 180px; top: 22px!important; right: 88px !important; } #contFilterAll #select_all_expenses.all_select_mobile #exportDropdownMobile li a { display: block; line-height: 22px; padding: 14px 16px; border-radius: 0; width: 100%; } #actionsDropdown.dropdown-content, #actionsContactDropdown.dropdown-content { width: auto !important; min-width: 255px; left: inherit !important; top: 25px; right: 15px; } #contactJobOptions { font-size: 24px; color: #444; } #deleteContact > i { padding-left: 7px; font-size: 24px; } /* supplied tooltip */ #suppliedsContainer i.tooltipped, #id_vat_container i.tooltipped { vertical-align: top; } .jobImage { width: 100%; } /* limits for free users */ .freeLimit { padding-left: 62px; } .freeLimit p { font-weight: 300; margin: 0; padding: 0; } .freeLimit p span { font-weight: 500; } .freeLimit p a { color: #ff7300; } .freeLimit.list { padding: 20px 20px 0 20px; } .freeLimit.list p { color: #777; font-weight: 400; } .freeLimit.list p span { font-weight: 400; } .freeLimit.list p strong { color: #333; } .userWebsite { text-align: center; display: block; clear: both; margin: 0 auto; max-width: 85%; overflow: hidden; text-overflow: ellipsis; } .userWebsite a { font-weight: 500; display: inline; padding: 0 40px 0 0; text-decoration: none; } .freeLimit.home { float: left; } /* menu */ .navbar-fixed .nav-wrapper #nav-mobile .freeLimitMenu { padding: 24px 26px; } .navbar-fixed .nav-wrapper #nav-mobile .freeLimitMenu .plan { display: inline-block; padding: 5px 15px; background-color: #ff7300; color: #ffffff; text-align: center; vertical-align: middle; height: auto; width: 100%; line-height: 46px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .navbar-fixed .nav-wrapper #nav-mobile .freeLimitMenu .plan:hover { color: #ffffff; } .navbar-fixed .nav-wrapper #nav-mobile .freeLimitMenu p { margin: 0; padding: 10px 6px 0 6px; color: #aaaaaa; line-height: 18px; font-size: 12px; } .navbar-fixed .nav-wrapper #nav-mobile .freeLimitMenu p a { display: inline; color: #ff7300; padding: 0 0 0 1px; font-size: 12px; background: transparent; } .navbar-fixed .nav-wrapper #nav-mobile .freeLimitMenu p a:hover { background-color: transparent; color: #ffffff; } /* disable delete buttons */ .dropdown-content li.noDelete { pointer-events: none; cursor: default; background-color: #f1f1f1; opacity: 0.7; } .dropdown-content li.noDelete a { cursor: default; } /* modal */ .modal-overlay { opacity: 0.8 !important; } #freeUserLimitModal .modal-header { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); height: 66px; background-color: #333; } #freeUserLimitModal .modal-header .modal-close { color: #eee; } #freeUserLimitModal .modal-header a { float: left; color: #777; padding: 20px 0 0 24px; } #freeUserLimitModal .modal-header h5 { float: left; font-size: 18px; color: #fff; margin: 0; padding: 24px 0 24px 32px; } #freeUserLimitModal .modal-content { padding: 34px 52px 26px 52px; } #freeUserLimitModal .modal-content p { color: #777; font-size: 16px; text-align: center; } #freeUserLimitModal .modal-content p a { color: #ff7300; } #freeUserLimitModal .modal-footer { height: auto; padding-bottom: 8px; background: #fff; } #freeUserLimitModal .modal-footer a { display: block; width: fit-content; margin: 0 auto; } #freeUserLimitModal .modal-footer a.button { max-width: 270px; color: #fff; background-color: #ff7300; padding: 12px 16px; border-radius: 4px; font-weight: 400; font-size: 16px; } #freeUserLimitModal .modal-footer a.modal-close { font-size: 13px; text-decoration: underline; margin-top: 34px; text-transform: none; } /* list order */ .showDropFilterOrder #orderContent { display: none; } /* filter mobile */ .filterMobile #filter_form { padding-bottom: 30px; background: #fff; } #openPaymentInfoModal { color: #ff7300; display: block; padding: 15px 0 0 45px; }