Guest User

Untitled

a guest
May 8th, 2017
609
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 201.39 KB | None | 0 0
  1. .materialize-red{background-color:#e51c23!important;}.materialize-red-text{color:#e51c23!important;}.materialize-red.lighten-5{background-color:#fdeaeb!important;}.materialize-red-text.text-lighten-5{color:#fdeaeb!important;}.materialize-red.lighten-4{background-color:#f8c1c3!important;}.materialize-red-text.text-lighten-4{color:#f8c1c3!important;}.materialize-red.lighten-3{background-color:#f3989b!important;}.materialize-red-text.text-lighten-3{color:#f3989b!important;}.materialize-red.lighten-2{background-color:#ee6e73!important;}.materialize-red-text.text-lighten-2{color:#ee6e73!important;}.materialize-red.lighten-1{background-color:#ea454b!important;}.materialize-red-text.text-lighten-1{color:#ea454b!important;}.materialize-red.darken-1{background-color:#d0181e!important;}.materialize-red-text.text-darken-1{color:#d0181e!important;}.materialize-red.darken-2{background-color:#b9151b!important;}.materialize-red-text.text-darken-2{color:#b9151b!important;}.materialize-red.darken-3{background-color:#a21318!important;}.materialize-red-text.text-darken-3{color:#a21318!important;}.materialize-red.darken-4{background-color:#8b1014!important;}.materialize-red-text.text-darken-4{color:#8b1014!important;}.red{background-color:#F44336!important;}.red-text{color:#F44336!important;}.red.lighten-5{background-color:#FFEBEE!important;}.red-text.text-lighten-5{color:#FFEBEE!important;}.red.lighten-4{background-color:#FFCDD2!important;}.red-text.text-lighten-4{color:#FFCDD2!important;}.red.lighten-3{background-color:#EF9A9A!important;}.red-text.text-lighten-3{color:#EF9A9A!important;}.red.lighten-2{background-color:#E57373!important;}.red-text.text-lighten-2{color:#E57373!important;}.red.lighten-1{background-color:#EF5350!important;}.red-text.text-lighten-1{color:#EF5350!important;}.red.darken-1{background-color:#E53935!important;}.red-text.text-darken-1{color:#E53935!important;}.red.darken-2{background-color:#D32F2F!important;}.red-text.text-darken-2{color:#D32F2F!important;}.red.darken-3{background-color:#C62828!important;}.red-text.text-darken-3{color:#C62828!important;}.red.darken-4{background-color:#B71C1C!important;}.red-text.text-darken-4{color:#B71C1C!important;}.red.accent-1{background-color:#FF8A80!important;}.red-text.text-accent-1{color:#FF8A80!important;}.red.accent-2{background-color:#FF5252!important;}.red-text.text-accent-2{color:#FF5252!important;}.red.accent-3{background-color:#FF1744!important;}.red-text.text-accent-3{color:#FF1744!important;}.red.accent-4{background-color:#D50000!important;}.red-text.text-accent-4{color:#D50000!important;}.pink{background-color:#e91e63!important;}.pink-text{color:#e91e63!important;}.pink.lighten-5{background-color:#fce4ec!important;}.pink-text.text-lighten-5{color:#fce4ec!important;}.pink.lighten-4{background-color:#f8bbd0!important;}.pink-text.text-lighten-4{color:#f8bbd0!important;}.pink.lighten-3{background-color:#f48fb1!important;}.pink-text.text-lighten-3{color:#f48fb1!important;}.pink.lighten-2{background-color:#f06292!important;}.pink-text.text-lighten-2{color:#f06292!important;}.pink.lighten-1{background-color:#ec407a!important;}.pink-text.text-lighten-1{color:#ec407a!important;}.pink.darken-1{background-color:#d81b60!important;}.pink-text.text-darken-1{color:#d81b60!important;}.pink.darken-2{background-color:#c2185b!important;}.pink-text.text-darken-2{color:#c2185b!important;}.pink.darken-3{background-color:#ad1457!important;}.pink-text.text-darken-3{color:#ad1457!important;}.pink.darken-4{background-color:#880e4f!important;}.pink-text.text-darken-4{color:#880e4f!important;}.pink.accent-1{background-color:#ff80ab!important;}.pink-text.text-accent-1{color:#ff80ab!important;}.pink.accent-2{background-color:#ff4081!important;}.pink-text.text-accent-2{color:#ff4081!important;}.pink.accent-3{background-color:#f50057!important;}.pink-text.text-accent-3{color:#f50057!important;}.pink.accent-4{background-color:#c51162!important;}.pink-text.text-accent-4{color:#c51162!important;}.purple{background-color:#9c27b0!important;}.purple-text{color:#9c27b0!important;}.purple.lighten-5{background-color:#f3e5f5!important;}.purple-text.text-lighten-5{color:#f3e5f5!important;}.purple.lighten-4{background-color:#e1bee7!important;}.purple-text.text-lighten-4{color:#e1bee7!important;}.purple.lighten-3{background-color:#ce93d8!important;}.purple-text.text-lighten-3{color:#ce93d8!important;}.purple.lighten-2{background-color:#ba68c8!important;}.purple-text.text-lighten-2{color:#ba68c8!important;}.purple.lighten-1{background-color:#ab47bc!important;}.purple-text.text-lighten-1{color:#ab47bc!important;}.purple.darken-1{background-color:#8e24aa!important;}.purple-text.text-darken-1{color:#8e24aa!important;}.purple.darken-2{background-color:#7b1fa2!important;}.purple-text.text-darken-2{color:#7b1fa2!important;}.purple.darken-3{background-color:#6a1b9a!important;}.purple-text.text-darken-3{color:#6a1b9a!important;}.purple.darken-4{background-color:#4a148c!important;}.purple-text.text-darken-4{color:#4a148c!important;}.purple.accent-1{background-color:#ea80fc!important;}.purple-text.text-accent-1{color:#ea80fc!important;}.purple.accent-2{background-color:#e040fb!important;}.purple-text.text-accent-2{color:#e040fb!important;}.purple.accent-3{background-color:#d500f9!important;}.purple-text.text-accent-3{color:#d500f9!important;}.purple.accent-4{background-color:#aa00ff!important;}.purple-text.text-accent-4{color:#aa00ff!important;}.deep-purple{background-color:#673ab7!important;}.deep-purple-text{color:#673ab7!important;}.deep-purple.lighten-5{background-color:#ede7f6!important;}.deep-purple-text.text-lighten-5{color:#ede7f6!important;}.deep-purple.lighten-4{background-color:#d1c4e9!important;}.deep-purple-text.text-lighten-4{color:#d1c4e9!important;}.deep-purple.lighten-3{background-color:#b39ddb!important;}.deep-purple-text.text-lighten-3{color:#b39ddb!important;}.deep-purple.lighten-2{background-color:#9575cd!important;}.deep-purple-text.text-lighten-2{color:#9575cd!important;}.deep-purple.lighten-1{background-color:#7e57c2!important;}.deep-purple-text.text-lighten-1{color:#7e57c2!important;}.deep-purple.darken-1{background-color:#5e35b1!important;}.deep-purple-text.text-darken-1{color:#5e35b1!important;}.deep-purple.darken-2{background-color:#512da8!important;}.deep-purple-text.text-darken-2{color:#512da8!important;}.deep-purple.darken-3{background-color:#4527a0!important;}.deep-purple-text.text-darken-3{color:#4527a0!important;}.deep-purple.darken-4{background-color:#311b92!important;}.deep-purple-text.text-darken-4{color:#311b92!important;}.deep-purple.accent-1{background-color:#b388ff!important;}.deep-purple-text.text-accent-1{color:#b388ff!important;}.deep-purple.accent-2{background-color:#7c4dff!important;}.deep-purple-text.text-accent-2{color:#7c4dff!important;}.deep-purple.accent-3{background-color:#651fff!important;}.deep-purple-text.text-accent-3{color:#651fff!important;}.deep-purple.accent-4{background-color:#6200ea!important;}.deep-purple-text.text-accent-4{color:#6200ea!important;}.indigo{background-color:#3f51b5!important;}.indigo-text{color:#3f51b5!important;}.indigo.lighten-5{background-color:#e8eaf6!important;}.indigo-text.text-lighten-5{color:#e8eaf6!important;}.indigo.lighten-4{background-color:#c5cae9!important;}.indigo-text.text-lighten-4{color:#c5cae9!important;}.indigo.lighten-3{background-color:#9fa8da!important;}.indigo-text.text-lighten-3{color:#9fa8da!important;}.indigo.lighten-2{background-color:#7986cb!important;}.indigo-text.text-lighten-2{color:#7986cb!important;}.indigo.lighten-1{background-color:#5c6bc0!important;}.indigo-text.text-lighten-1{color:#5c6bc0!important;}.indigo.darken-1{background-color:#3949ab!important;}.indigo-text.text-darken-1{color:#3949ab!important;}.indigo.darken-2{background-color:#303f9f!important;}.indigo-text.text-darken-2{color:#303f9f!important;}.indigo.darken-3{background-color:#283593!important;}.indigo-text.text-darken-3{color:#283593!important;}.indigo.darken-4{background-color:#1a237e!important;}.indigo-text.text-darken-4{color:#1a237e!important;}.indigo.accent-1{background-color:#8c9eff!important;}.indigo-text.text-accent-1{color:#8c9eff!important;}.indigo.accent-2{background-color:#536dfe!important;}.indigo-text.text-accent-2{color:#536dfe!important;}.indigo.accent-3{background-color:#3d5afe!important;}.indigo-text.text-accent-3{color:#3d5afe!important;}.indigo.accent-4{background-color:#304ffe!important;}.indigo-text.text-accent-4{color:#304ffe!important;}.blue{background-color:#2196F3!important;}.blue-text{color:#2196F3!important;}.blue.lighten-5{background-color:#E3F2FD!important;}.blue-text.text-lighten-5{color:#E3F2FD!important;}.blue.lighten-4{background-color:#BBDEFB!important;}.blue-text.text-lighten-4{color:#BBDEFB!important;}.blue.lighten-3{background-color:#90CAF9!important;}.blue-text.text-lighten-3{color:#90CAF9!important;}.blue.lighten-2{background-color:#64B5F6!important;}.blue-text.text-lighten-2{color:#64B5F6!important;}.blue.lighten-1{background-color:#42A5F5!important;}.blue-text.text-lighten-1{color:#42A5F5!important;}.blue.darken-1{background-color:#1E88E5!important;}.blue-text.text-darken-1{color:#1E88E5!important;}.blue.darken-2{background-color:#1976D2!important;}.blue-text.text-darken-2{color:#1976D2!important;}.blue.darken-3{background-color:#1565C0!important;}.blue-text.text-darken-3{color:#1565C0!important;}.blue.darken-4{background-color:#0D47A1!important;}.blue-text.text-darken-4{color:#0D47A1!important;}.blue.accent-1{background-color:#82B1FF!important;}.blue-text.text-accent-1{color:#82B1FF!important;}.blue.accent-2{background-color:#448AFF!important;}.blue-text.text-accent-2{color:#448AFF!important;}.blue.accent-3{background-color:#2979FF!important;}.blue-text.text-accent-3{color:#2979FF!important;}.blue.accent-4{background-color:#2962FF!important;}.blue-text.text-accent-4{color:#2962FF!important;}.light-blue{background-color:#03a9f4!important;}.light-blue-text{color:#03a9f4!important;}.light-blue.lighten-5{background-color:#e1f5fe!important;}.light-blue-text.text-lighten-5{color:#e1f5fe!important;}.light-blue.lighten-4{background-color:#b3e5fc!important;}.light-blue-text.text-lighten-4{color:#b3e5fc!important;}.light-blue.lighten-3{background-color:#81d4fa!important;}.light-blue-text.text-lighten-3{color:#81d4fa!important;}.light-blue.lighten-2{background-color:#4fc3f7!important;}.light-blue-text.text-lighten-2{color:#4fc3f7!important;}.light-blue.lighten-1{background-color:#29b6f6!important;}.light-blue-text.text-lighten-1{color:#29b6f6!important;}.light-blue.darken-1{background-color:#039be5!important;}.light-blue-text.text-darken-1{color:#039be5!important;}.light-blue.darken-2{background-color:#0288d1!important;}.light-blue-text.text-darken-2{color:#0288d1!important;}.light-blue.darken-3{background-color:#0277bd!important;}.light-blue-text.text-darken-3{color:#0277bd!important;}.light-blue.darken-4{background-color:#01579b!important;}.light-blue-text.text-darken-4{color:#01579b!important;}.light-blue.accent-1{background-color:#80d8ff!important;}.light-blue-text.text-accent-1{color:#80d8ff!important;}.light-blue.accent-2{background-color:#40c4ff!important;}.light-blue-text.text-accent-2{color:#40c4ff!important;}.light-blue.accent-3{background-color:#00b0ff!important;}.light-blue-text.text-accent-3{color:#00b0ff!important;}.light-blue.accent-4{background-color:#0091ea!important;}.light-blue-text.text-accent-4{color:#0091ea!important;}.cyan{background-color:#00bcd4!important;}.cyan-text{color:#00bcd4!important;}.cyan.lighten-5{background-color:#e0f7fa!important;}.cyan-text.text-lighten-5{color:#e0f7fa!important;}.cyan.lighten-4{background-color:#b2ebf2!important;}.cyan-text.text-lighten-4{color:#b2ebf2!important;}.cyan.lighten-3{background-color:#80deea!important;}.cyan-text.text-lighten-3{color:#80deea!important;}.cyan.lighten-2{background-color:#4dd0e1!important;}.cyan-text.text-lighten-2{color:#4dd0e1!important;}.cyan.lighten-1{background-color:#26c6da!important;}.cyan-text.text-lighten-1{color:#26c6da!important;}.cyan.darken-1{background-color:#00acc1!important;}.cyan-text.text-darken-1{color:#00acc1!important;}.cyan.darken-2{background-color:#0097a7!important;}.cyan-text.text-darken-2{color:#0097a7!important;}.cyan.darken-3{background-color:#00838f!important;}.cyan-text.text-darken-3{color:#00838f!important;}.cyan.darken-4{background-color:#006064!important;}.cyan-text.text-darken-4{color:#006064!important;}.cyan.accent-1{background-color:#84ffff!important;}.cyan-text.text-accent-1{color:#84ffff!important;}.cyan.accent-2{background-color:#18ffff!important;}.cyan-text.text-accent-2{color:#18ffff!important;}.cyan.accent-3{background-color:#00e5ff!important;}.cyan-text.text-accent-3{color:#00e5ff!important;}.cyan.accent-4{background-color:#00b8d4!important;}.cyan-text.text-accent-4{color:#00b8d4!important;}.teal{background-color:#009688!important;}.teal-text{color:#009688!important;}.teal.lighten-5{background-color:#e0f2f1!important;}.teal-text.text-lighten-5{color:#e0f2f1!important;}.teal.lighten-4{background-color:#b2dfdb!important;}.teal-text.text-lighten-4{color:#b2dfdb!important;}.teal.lighten-3{background-color:#80cbc4!important;}.teal-text.text-lighten-3{color:#80cbc4!important;}.teal.lighten-2{background-color:#4db6ac!important;}.teal-text.text-lighten-2{color:#4db6ac!important;}.teal.lighten-1{background-color:#26a69a!important;}.teal-text.text-lighten-1{color:#26a69a!important;}.teal.darken-1{background-color:#00897b!important;}.teal-text.text-darken-1{color:#00897b!important;}.teal.darken-2{background-color:#00796b!important;}.teal-text.text-darken-2{color:#00796b!important;}.teal.darken-3{background-color:#00695c!important;}.teal-text.text-darken-3{color:#00695c!important;}.teal.darken-4{background-color:#004d40!important;}.teal-text.text-darken-4{color:#004d40!important;}.teal.accent-1{background-color:#a7ffeb!important;}.teal-text.text-accent-1{color:#a7ffeb!important;}.teal.accent-2{background-color:#64ffda!important;}.teal-text.text-accent-2{color:#64ffda!important;}.teal.accent-3{background-color:#1de9b6!important;}.teal-text.text-accent-3{color:#1de9b6!important;}.teal.accent-4{background-color:#00bfa5!important;}.teal-text.text-accent-4{color:#00bfa5!important;}.green{background-color:#4CAF50!important;}.green-text{color:#4CAF50!important;}.green.lighten-5{background-color:#E8F5E9!important;}.green-text.text-lighten-5{color:#E8F5E9!important;}.green.lighten-4{background-color:#C8E6C9!important;}.green-text.text-lighten-4{color:#C8E6C9!important;}.green.lighten-3{background-color:#A5D6A7!important;}.green-text.text-lighten-3{color:#A5D6A7!important;}.green.lighten-2{background-color:#81C784!important;}.green-text.text-lighten-2{color:#81C784!important;}.green.lighten-1{background-color:#66BB6A!important;}.green-text.text-lighten-1{color:#66BB6A!important;}.green.darken-1{background-color:#43A047!important;}.green-text.text-darken-1{color:#43A047!important;}.green.darken-2{background-color:#388E3C!important;}.green-text.text-darken-2{color:#388E3C!important;}.green.darken-3{background-color:#2E7D32!important;}.green-text.text-darken-3{color:#2E7D32!important;}.green.darken-4{background-color:#1B5E20!important;}.green-text.text-darken-4{color:#1B5E20!important;}.green.accent-1{background-color:#B9F6CA!important;}.green-text.text-accent-1{color:#B9F6CA!important;}.green.accent-2{background-color:#69F0AE!important;}.green-text.text-accent-2{color:#69F0AE!important;}.green.accent-3{background-color:#00E676!important;}.green-text.text-accent-3{color:#00E676!important;}.green.accent-4{background-color:#00C853!important;}.green-text.text-accent-4{color:#00C853!important;}.light-green{background-color:#8bc34a!important;}.light-green-text{color:#8bc34a!important;}.light-green.lighten-5{background-color:#f1f8e9!important;}.light-green-text.text-lighten-5{color:#f1f8e9!important;}.light-green.lighten-4{background-color:#dcedc8!important;}.light-green-text.text-lighten-4{color:#dcedc8!important;}.light-green.lighten-3{background-color:#c5e1a5!important;}.light-green-text.text-lighten-3{color:#c5e1a5!important;}.light-green.lighten-2{background-color:#aed581!important;}.light-green-text.text-lighten-2{color:#aed581!important;}.light-green.lighten-1{background-color:#9ccc65!important;}.light-green-text.text-lighten-1{color:#9ccc65!important;}.light-green.darken-1{background-color:#7cb342!important;}.light-green-text.text-darken-1{color:#7cb342!important;}.light-green.darken-2{background-color:#689f38!important;}.light-green-text.text-darken-2{color:#689f38!important;}.light-green.darken-3{background-color:#558b2f!important;}.light-green-text.text-darken-3{color:#558b2f!important;}.light-green.darken-4{background-color:#33691e!important;}.light-green-text.text-darken-4{color:#33691e!important;}.light-green.accent-1{background-color:#ccff90!important;}.light-green-text.text-accent-1{color:#ccff90!important;}.light-green.accent-2{background-color:#b2ff59!important;}.light-green-text.text-accent-2{color:#b2ff59!important;}.light-green.accent-3{background-color:#76ff03!important;}.light-green-text.text-accent-3{color:#76ff03!important;}.light-green.accent-4{background-color:#64dd17!important;}.light-green-text.text-accent-4{color:#64dd17!important;}.lime{background-color:#cddc39!important;}.lime-text{color:#cddc39!important;}.lime.lighten-5{background-color:#f9fbe7!important;}.lime-text.text-lighten-5{color:#f9fbe7!important;}.lime.lighten-4{background-color:#f0f4c3!important;}.lime-text.text-lighten-4{color:#f0f4c3!important;}.lime.lighten-3{background-color:#e6ee9c!important;}.lime-text.text-lighten-3{color:#e6ee9c!important;}.lime.lighten-2{background-color:#dce775!important;}.lime-text.text-lighten-2{color:#dce775!important;}.lime.lighten-1{background-color:#d4e157!important;}.lime-text.text-lighten-1{color:#d4e157!important;}.lime.darken-1{background-color:#c0ca33!important;}.lime-text.text-darken-1{color:#c0ca33!important;}.lime.darken-2{background-color:#afb42b!important;}.lime-text.text-darken-2{color:#afb42b!important;}.lime.darken-3{background-color:#9e9d24!important;}.lime-text.text-darken-3{color:#9e9d24!important;}.lime.darken-4{background-color:#827717!important;}.lime-text.text-darken-4{color:#827717!important;}.lime.accent-1{background-color:#f4ff81!important;}.lime-text.text-accent-1{color:#f4ff81!important;}.lime.accent-2{background-color:#eeff41!important;}.lime-text.text-accent-2{color:#eeff41!important;}.lime.accent-3{background-color:#c6ff00!important;}.lime-text.text-accent-3{color:#c6ff00!important;}.lime.accent-4{background-color:#aeea00!important;}.lime-text.text-accent-4{color:#aeea00!important;}.yellow{background-color:#ffeb3b!important;}.yellow-text{color:#ffeb3b!important;}.yellow.lighten-5{background-color:#fffde7!important;}.yellow-text.text-lighten-5{color:#fffde7!important;}.yellow.lighten-4{background-color:#fff9c4!important;}.yellow-text.text-lighten-4{color:#fff9c4!important;}.yellow.lighten-3{background-color:#fff59d!important;}.yellow-text.text-lighten-3{color:#fff59d!important;}.yellow.lighten-2{background-color:#fff176!important;}.yellow-text.text-lighten-2{color:#fff176!important;}.yellow.lighten-1{background-color:#ffee58!important;}.yellow-text.text-lighten-1{color:#ffee58!important;}.yellow.darken-1{background-color:#fdd835!important;}.yellow-text.text-darken-1{color:#fdd835!important;}.yellow.darken-2{background-color:#fbc02d!important;}.yellow-text.text-darken-2{color:#fbc02d!important;}.yellow.darken-3{background-color:#f9a825!important;}.yellow-text.text-darken-3{color:#f9a825!important;}.yellow.darken-4{background-color:#f57f17!important;}.yellow-text.text-darken-4{color:#f57f17!important;}.yellow.accent-1{background-color:#ffff8d!important;}.yellow-text.text-accent-1{color:#ffff8d!important;}.yellow.accent-2{background-color:#ffff00!important;}.yellow-text.text-accent-2{color:#ffff00!important;}.yellow.accent-3{background-color:#ffea00!important;}.yellow-text.text-accent-3{color:#ffea00!important;}.yellow.accent-4{background-color:#ffd600!important;}.yellow-text.text-accent-4{color:#ffd600!important;}.amber{background-color:#ffc107!important;}.amber-text{color:#ffc107!important;}.amber.lighten-5{background-color:#fff8e1!important;}.amber-text.text-lighten-5{color:#fff8e1!important;}.amber.lighten-4{background-color:#ffecb3!important;}.amber-text.text-lighten-4{color:#ffecb3!important;}.amber.lighten-3{background-color:#ffe082!important;}.amber-text.text-lighten-3{color:#ffe082!important;}.amber.lighten-2{background-color:#ffd54f!important;}.amber-text.text-lighten-2{color:#ffd54f!important;}.amber.lighten-1{background-color:#ffca28!important;}.amber-text.text-lighten-1{color:#ffca28!important;}.amber.darken-1{background-color:#ffb300!important;}.amber-text.text-darken-1{color:#ffb300!important;}.amber.darken-2{background-color:#ffa000!important;}.amber-text.text-darken-2{color:#ffa000!important;}.amber.darken-3{background-color:#ff8f00!important;}.amber-text.text-darken-3{color:#ff8f00!important;}.amber.darken-4{background-color:#ff6f00!important;}.amber-text.text-darken-4{color:#ff6f00!important;}.amber.accent-1{background-color:#ffe57f!important;}.amber-text.text-accent-1{color:#ffe57f!important;}.amber.accent-2{background-color:#ffd740!important;}.amber-text.text-accent-2{color:#ffd740!important;}.amber.accent-3{background-color:#ffc400!important;}.amber-text.text-accent-3{color:#ffc400!important;}.amber.accent-4{background-color:#ffab00!important;}.amber-text.text-accent-4{color:#ffab00!important;}.orange{background-color:#ff9800!important;}.orange-text{color:#ff9800!important;}.orange.lighten-5{background-color:#fff3e0!important;}.orange-text.text-lighten-5{color:#fff3e0!important;}.orange.lighten-4{background-color:#ffe0b2!important;}.orange-text.text-lighten-4{color:#ffe0b2!important;}.orange.lighten-3{background-color:#ffcc80!important;}.orange-text.text-lighten-3{color:#ffcc80!important;}.orange.lighten-2{background-color:#ffb74d!important;}.orange-text.text-lighten-2{color:#ffb74d!important;}.orange.lighten-1{background-color:#ffa726!important;}.orange-text.text-lighten-1{color:#ffa726!important;}.orange.darken-1{background-color:#fb8c00!important;}.orange-text.text-darken-1{color:#fb8c00!important;}.orange.darken-2{background-color:#f57c00!important;}.orange-text.text-darken-2{color:#f57c00!important;}.orange.darken-3{background-color:#ef6c00!important;}.orange-text.text-darken-3{color:#ef6c00!important;}.orange.darken-4{background-color:#e65100!important;}.orange-text.text-darken-4{color:#e65100!important;}.orange.accent-1{background-color:#ffd180!important;}.orange-text.text-accent-1{color:#ffd180!important;}.orange.accent-2{background-color:#ffab40!important;}.orange-text.text-accent-2{color:#ffab40!important;}.orange.accent-3{background-color:#ff9100!important;}.orange-text.text-accent-3{color:#ff9100!important;}.orange.accent-4{background-color:#ff6d00!important;}.orange-text.text-accent-4{color:#ff6d00!important;}.deep-orange{background-color:#ff5722!important;}.deep-orange-text{color:#ff5722!important;}.deep-orange.lighten-5{background-color:#fbe9e7!important;}.deep-orange-text.text-lighten-5{color:#fbe9e7!important;}.deep-orange.lighten-4{background-color:#ffccbc!important;}.deep-orange-text.text-lighten-4{color:#ffccbc!important;}.deep-orange.lighten-3{background-color:#ffab91!important;}.deep-orange-text.text-lighten-3{color:#ffab91!important;}.deep-orange.lighten-2{background-color:#ff8a65!important;}.deep-orange-text.text-lighten-2{color:#ff8a65!important;}.deep-orange.lighten-1{background-color:#ff7043!important;}.deep-orange-text.text-lighten-1{color:#ff7043!important;}.deep-orange.darken-1{background-color:#f4511e!important;}.deep-orange-text.text-darken-1{color:#f4511e!important;}.deep-orange.darken-2{background-color:#e64a19!important;}.deep-orange-text.text-darken-2{color:#e64a19!important;}.deep-orange.darken-3{background-color:#d84315!important;}.deep-orange-text.text-darken-3{color:#d84315!important;}.deep-orange.darken-4{background-color:#bf360c!important;}.deep-orange-text.text-darken-4{color:#bf360c!important;}.deep-orange.accent-1{background-color:#ff9e80!important;}.deep-orange-text.text-accent-1{color:#ff9e80!important;}.deep-orange.accent-2{background-color:#ff6e40!important;}.deep-orange-text.text-accent-2{color:#ff6e40!important;}.deep-orange.accent-3{background-color:#ff3d00!important;}.deep-orange-text.text-accent-3{color:#ff3d00!important;}.deep-orange.accent-4{background-color:#dd2c00!important;}.deep-orange-text.text-accent-4{color:#dd2c00!important;}.brown{background-color:#795548!important;}.brown-text{color:#795548!important;}.brown.lighten-5{background-color:#efebe9!important;}.brown-text.text-lighten-5{color:#efebe9!important;}.brown.lighten-4{background-color:#d7ccc8!important;}.brown-text.text-lighten-4{color:#d7ccc8!important;}.brown.lighten-3{background-color:#bcaaa4!important;}.brown-text.text-lighten-3{color:#bcaaa4!important;}.brown.lighten-2{background-color:#a1887f!important;}.brown-text.text-lighten-2{color:#a1887f!important;}.brown.lighten-1{background-color:#8d6e63!important;}.brown-text.text-lighten-1{color:#8d6e63!important;}.brown.darken-1{background-color:#6d4c41!important;}.brown-text.text-darken-1{color:#6d4c41!important;}.brown.darken-2{background-color:#5d4037!important;}.brown-text.text-darken-2{color:#5d4037!important;}.brown.darken-3{background-color:#4e342e!important;}.brown-text.text-darken-3{color:#4e342e!important;}.brown.darken-4{background-color:#3e2723!important;}.brown-text.text-darken-4{color:#3e2723!important;}.blue-grey{background-color:#607d8b!important;}.blue-grey-text{color:#607d8b!important;}.blue-grey.lighten-5{background-color:#eceff1!important;}.blue-grey-text.text-lighten-5{color:#eceff1!important;}.blue-grey.lighten-4{background-color:#cfd8dc!important;}.blue-grey-text.text-lighten-4{color:#cfd8dc!important;}.blue-grey.lighten-3{background-color:#b0bec5!important;}.blue-grey-text.text-lighten-3{color:#b0bec5!important;}.blue-grey.lighten-2{background-color:#90a4ae!important;}.blue-grey-text.text-lighten-2{color:#90a4ae!important;}.blue-grey.lighten-1{background-color:#78909c!important;}.blue-grey-text.text-lighten-1{color:#78909c!important;}.blue-grey.darken-1{background-color:#546e7a!important;}.blue-grey-text.text-darken-1{color:#546e7a!important;}.blue-grey.darken-2{background-color:#455a64!important;}.blue-grey-text.text-darken-2{color:#455a64!important;}.blue-grey.darken-3{background-color:#37474f!important;}.blue-grey-text.text-darken-3{color:#37474f!important;}.blue-grey.darken-4{background-color:#263238!important;}.blue-grey-text.text-darken-4{color:#263238!important;}.grey{background-color:#9e9e9e!important;}.grey-text{color:#9e9e9e!important;}.grey.lighten-5{background-color:#fafafa!important;}.grey-text.text-lighten-5{color:#fafafa!important;}.grey.lighten-4{background-color:#f5f5f5!important;}.grey-text.text-lighten-4{color:#f5f5f5!important;}.grey.lighten-3{background-color:#eeeeee!important;}.grey-text.text-lighten-3{color:#eeeeee!important;}.grey.lighten-2{background-color:#e0e0e0!important;}.grey-text.text-lighten-2{color:#e0e0e0!important;}.grey.lighten-1{background-color:#bdbdbd!important;}.grey-text.text-lighten-1{color:#bdbdbd!important;}.grey.darken-1{background-color:#757575!important;}.grey-text.text-darken-1{color:#757575!important;}.grey.darken-2{background-color:#616161!important;}.grey-text.text-darken-2{color:#616161!important;}.grey.darken-3{background-color:#424242!important;}.grey-text.text-darken-3{color:#424242!important;}.grey.darken-4{background-color:#212121!important;}.grey-text.text-darken-4{color:#212121!important;}.black{background-color:#000000!important;}.black-text{color:#000000!important;}.white{background-color:#FFFFFF!important;}.white-text{color:#FFFFFF!important;}.transparent{background-color:transparent!important;}.transparent-text{color:transparent!important;}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{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"]{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;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{box-sizing:border-box;}*,*:before,*:after{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-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}.valign-wrapper .valign{display:block;}.clearfix{clear:both;}.z-depth-0{box-shadow:none!important;}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav{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{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{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{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{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{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{transition:box-shadow .25s;box-shadow:0;}.hoverable:hover{transition:box-shadow .25s;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{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}.parallax img{display:none;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-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;}}footer.page-footer{padding-top:20px;background-color:#ee6e73;}footer.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-flex;display:-ms-flexbox;display:flex;-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{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:0.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 .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;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:0.5rem 0 1rem 0;overflow:hidden;}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;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-touch-callout:none;-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;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;}.collection-item span.badge{margin-top:calc(0.75rem - 11px);}.collapsible span.badge{margin-top:calc(1.5rem - 11px);}.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:-0.75rem;margin-right:-0.75rem;}.section{padding-top:1rem;padding-bottom:1rem;}.section.no-pad{padding:0;}.section.no-pad-bot{padding-bottom:0;}.section.no-pad-top{padding-top:0;}.row{margin-left:auto;margin-right:auto;margin-bottom:20px;}.row:after{content:"";display:table;clear:both;}.row .col{float:left;box-sizing:border-box;padding:0 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%;}}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;white-space:nowrap;}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{transition:background-color .3s;float:left;padding:0;}nav ul li.active{background-color:rgba(0,0,0,0.1);}nav ul a{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;box-shadow:none;}nav .input-field label{top:0;left:0;}nav .input-field label i{color:rgba(255,255,255,0.7);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.eot");src:url("/static/fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"),url("/static/fonts/roboto/Roboto-Thin.woff2") format("woff2"),url("/static/fonts/roboto/Roboto-Thin.woff") format("woff"),url("/static/fonts/roboto/Roboto-Thin.ttf") format("truetype");font-weight:200;}@font-face{font-family:"Roboto";src:local(Roboto Light),url("/static/fonts/roboto/Roboto-Light.eot");src:url("/static/fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("/static/fonts/roboto/Roboto-Light.woff2") format("woff2"),url("/static/fonts/roboto/Roboto-Light.woff") format("woff"),url("/static/fonts/roboto/Roboto-Light.ttf") format("truetype");font-weight:300;}@font-face{font-family:"Roboto";src:local(Roboto Regular),url("/static/fonts/roboto/Roboto-Regular.eot");src:url("/static/fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("/static/fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("/static/fonts/roboto/Roboto-Regular.woff") format("woff"),url("/static/fonts/roboto/Roboto-Regular.ttf") format("truetype");font-weight:400;}@font-face{font-family:"Roboto";src:url("/static/fonts/roboto/Roboto-Medium.eot");src:url("/static/fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("/static/fonts/roboto/Roboto-Medium.woff2") format("woff2"),url("/static/fonts/roboto/Roboto-Medium.woff") format("woff"),url("/static/fonts/roboto/Roboto-Medium.ttf") format("truetype");font-weight:500;}@font-face{font-family:"Roboto";src:url("/static/fonts/roboto/Roboto-Bold.eot");src:url("/static/fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("/static/fonts/roboto/Roboto-Bold.woff2") format("woff2"),url("/static/fonts/roboto/Roboto-Bold.woff") format("woff"),url("/static/fonts/roboto/Roboto-Bold.ttf") format("truetype");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 0.912rem 0;}h5{font-size:1.64rem;line-height:110%;margin:0.82rem 0 0.656rem 0;}h6{font-size:1rem;line-height:110%;margin:0.5rem 0 0.4rem 0;}em{font-style:italic;}strong{font-weight:500;}small{font-size:75%;}.light,footer.page-footer .footer-copyright{font-weight:300;}.thin{font-weight:200;}.flow-text{font-weight:300;}@media only screen and (min-width: 360px) {.flow-text{font-size:1.2rem;}}@media only screen and (min-width: 390px) {.flow-text{font-size:1.224rem;}}@media only screen and (min-width: 420px) {.flow-text{font-size:1.248rem;}}@media only screen and (min-width: 450px) {.flow-text{font-size:1.272rem;}}@media only screen and (min-width: 480px) {.flow-text{font-size:1.296rem;}}@media only screen and (min-width: 510px) {.flow-text{font-size:1.32rem;}}@media only screen and (min-width: 540px) {.flow-text{font-size:1.344rem;}}@media only screen and (min-width: 570px) {.flow-text{font-size:1.368rem;}}@media only screen and (min-width: 600px) {.flow-text{font-size:1.392rem;}}@media only screen and (min-width: 630px) {.flow-text{font-size:1.416rem;}}@media only screen and (min-width: 660px) {.flow-text{font-size:1.44rem;}}@media only screen and (min-width: 690px) {.flow-text{font-size:1.464rem;}}@media only screen and (min-width: 720px) {.flow-text{font-size:1.488rem;}}@media only screen and (min-width: 750px) {.flow-text{font-size:1.512rem;}}@media only screen and (min-width: 780px) {.flow-text{font-size:1.536rem;}}@media only screen and (min-width: 810px) {.flow-text{font-size:1.56rem;}}@media only screen and (min-width: 840px) {.flow-text{font-size:1.584rem;}}@media only screen and (min-width: 870px) {.flow-text{font-size:1.608rem;}}@media only screen and (min-width: 900px) {.flow-text{font-size:1.632rem;}}@media only screen and (min-width: 930px) {.flow-text{font-size:1.656rem;}}@media only screen and (min-width: 960px) {.flow-text{font-size:1.68rem;}}@media only screen and (max-width: 360px) {.flow-text{font-size:1.2rem;}}.scale-transition{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);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{transition:box-shadow .25s;padding:24px;margin:0.5rem 0 1rem 0;border-radius:2px;background-color:#fff;}.card{position:relative;margin:0.5rem 0 1rem 0;background-color:#fff;transition: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-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-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.card.horizontal .card-stacked .card-content{-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 a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;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;clear:both;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-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.toast .btn,.toast .btn-large,.toast .btn-flat{margin:0;margin-left:3rem;}.toast.rounded{border-radius:24px;}@media only screen and (max-width: 600px) {.toast{width:100%;border-radius:0;}}@media only screen and (min-width: 601px) and (max-width: 992px) {.toast{float:left;}}@media only screen and (min-width: 993px) {.toast{float:right;}}.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-flex;display:-ms-flexbox;display:flex;}.tabs.tabs-fixed-width .tab{-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;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-flex;display:-ms-flexbox;display:flex;}.tabs .tab{-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;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{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;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%;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 i{line-height:56px;}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:0;-webkit-transform:translateY(50%);transform:translateY(50%);}.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:998;}.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-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;}.fixed-action-btn.toolbar ul li{-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;transition:none;}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;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{box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;transition:background-color .2s;}.btn-flat:focus,.btn-flat:active{background-color:transparent;}.btn-flat:focus,.btn-flat:hover{background-color:rgba(0,0,0,0.1);box-shadow:none;}.btn-flat:active{background-color:rgba(0,0,0,0.2);}.btn-flat.disabled{background-color:transparent!important;color:#b3b3b3!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;}.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px;}.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;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);transition:all 0.7s ease-out;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{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%;}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-flat{float:right;margin:6px 0;}.modal-overlay{position:fixed;z-index:999;top:-100px;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity;}.modal.modal-fixed-footer{padding:0;height:70%;}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto;}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0;}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity;}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:0.5rem 0 1rem 0;}.collapsible-header{display:block;cursor:pointer;min-height:3rem;line-height:3rem;padding:0 1rem;background-color:#fff;border-bottom:1px solid #ddd;}.collapsible-header i{width:2rem;font-size:1.6rem;line-height:3rem;display:block;float:left;text-align:center;margin-right:1rem;}.collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box;padding:2rem;}.side-nav .collapsible,.side-nav.fixed .collapsible{border: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;box-shadow:none;}.collapsible.popout>li{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;transition:margin 0.35s cubic-bezier(0.25,0.46,0.45,0.94);}.collapsible.popout>li.active{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0;}.chip{display:inline-block;height: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;box-shadow:none;margin:0 0 20px 0;min-height:45px;outline:none;transition:all .3s;}.chips.focus{border-bottom:1px solid #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;box-shadow:none!important;}.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;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:0.8rem;color:#9e9e9e;}::-webkit-input-placeholder{color:#d1d1d1;}:-moz-placeholder{color:#d1d1d1;}::-moz-placeholder{color:#d1d1d1;}:-ms-input-placeholder{color:#d1d1d1;}input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:1rem;margin:0 0 20px 0;padding:0;box-shadow:none;box-sizing:content-box;transition:all 0.3s;}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:disabled,input[type=text][readonly="readonly"],input[type=password]:disabled,input[type=password][readonly="readonly"],input[type=email]:disabled,input[type=email][readonly="readonly"],input[type=url]:disabled,input[type=url][readonly="readonly"],input[type=time]:disabled,input[type=time][readonly="readonly"],input[type=date]:disabled,input[type=date][readonly="readonly"],input[type=datetime]:disabled,input[type=datetime][readonly="readonly"],input[type=datetime-local]:disabled,input[type=datetime-local][readonly="readonly"],input[type=tel]:disabled,input[type=tel][readonly="readonly"],input[type=number]:disabled,input[type=number][readonly="readonly"],input[type=search]:disabled,input[type=search][readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.26);border-bottom:1px dotted rgba(0,0,0,0.26);}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:disabled+label,input[type=text][readonly="readonly"]+label,input[type=password]:disabled+label,input[type=password][readonly="readonly"]+label,input[type=email]:disabled+label,input[type=email][readonly="readonly"]+label,input[type=url]:disabled+label,input[type=url][readonly="readonly"]+label,input[type=time]:disabled+label,input[type=time][readonly="readonly"]+label,input[type=date]:disabled+label,input[type=date][readonly="readonly"]+label,input[type=datetime]:disabled+label,input[type=datetime][readonly="readonly"]+label,input[type=datetime-local]:disabled+label,input[type=datetime-local][readonly="readonly"]+label,input[type=tel]:disabled+label,input[type=tel][readonly="readonly"]+label,input[type=number]:disabled+label,input[type=number][readonly="readonly"]+label,input[type=search]:disabled+label,input[type=search][readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.26);}input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;box-shadow:0 1px 0 0 #26a69a;}input:not([type]):focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a;}input:not([type]).valid,input:not([type]):focus.valid,input[type=text].valid,input[type=text]:focus.valid,input[type=password].valid,input[type=password]:focus.valid,input[type=email].valid,input[type=email]:focus.valid,input[type=url].valid,input[type=url]:focus.valid,input[type=time].valid,input[type=time]:focus.valid,input[type=date].valid,input[type=date]:focus.valid,input[type=datetime].valid,input[type=datetime]:focus.valid,input[type=datetime-local].valid,input[type=datetime-local]:focus.valid,input[type=tel].valid,input[type=tel]:focus.valid,input[type=number].valid,input[type=number]:focus.valid,input[type=search].valid,input[type=search]:focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid{border-bottom:1px solid #4CAF50;box-shadow:0 1px 0 0 #4CAF50;}input:not([type]).valid+label:after,input:not([type]):focus.valid+label:after,input[type=text].valid+label:after,input[type=text]:focus.valid+label:after,input[type=password].valid+label:after,input[type=password]:focus.valid+label:after,input[type=email].valid+label:after,input[type=email]:focus.valid+label:after,input[type=url].valid+label:after,input[type=url]:focus.valid+label:after,input[type=time].valid+label:after,input[type=time]:focus.valid+label:after,input[type=date].valid+label:after,input[type=date]:focus.valid+label:after,input[type=datetime].valid+label:after,input[type=datetime]:focus.valid+label:after,input[type=datetime-local].valid+label:after,input[type=datetime-local]:focus.valid+label:after,input[type=tel].valid+label:after,input[type=tel]:focus.valid+label:after,input[type=number].valid+label:after,input[type=number]:focus.valid+label:after,input[type=search].valid+label:after,input[type=search]:focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after{content:attr(data-success);color:#4CAF50;opacity:1;}input:not([type]).invalid,input:not([type]):focus.invalid,input[type=text].invalid,input[type=text]:focus.invalid,input[type=password].invalid,input[type=password]:focus.invalid,input[type=email].invalid,input[type=email]:focus.invalid,input[type=url].invalid,input[type=url]:focus.invalid,input[type=time].invalid,input[type=time]:focus.invalid,input[type=date].invalid,input[type=date]:focus.invalid,input[type=datetime].invalid,input[type=datetime]:focus.invalid,input[type=datetime-local].invalid,input[type=datetime-local]:focus.invalid,input[type=tel].invalid,input[type=tel]:focus.invalid,input[type=number].invalid,input[type=number]:focus.invalid,input[type=search].invalid,input[type=search]:focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #F44336;box-shadow:0 1px 0 0 #F44336;}input:not([type]).invalid+label:after,input:not([type]):focus.invalid+label:after,input[type=text].invalid+label:after,input[type=text]:focus.invalid+label:after,input[type=password].invalid+label:after,input[type=password]:focus.invalid+label:after,input[type=email].invalid+label:after,input[type=email]:focus.invalid+label:after,input[type=url].invalid+label:after,input[type=url]:focus.invalid+label:after,input[type=time].invalid+label:after,input[type=time]:focus.invalid+label:after,input[type=date].invalid+label:after,input[type=date]:focus.invalid+label:after,input[type=datetime].invalid+label:after,input[type=datetime]:focus.invalid+label:after,input[type=datetime-local].invalid+label:after,input[type=datetime-local]:focus.invalid+label:after,input[type=tel].invalid+label:after,input[type=tel]:focus.invalid+label:after,input[type=number].invalid+label:after,input[type=number]:focus.invalid+label:after,input[type=search].invalid+label:after,input[type=search]:focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after{content:attr(data-error);color:#F44336;opacity:1;}input:not([type]).validate+label,input[type=text].validate+label,input[type=password].validate+label,input[type=email].validate+label,input[type=url].validate+label,input[type=time].validate+label,input[type=date].validate+label,input[type=datetime].validate+label,input[type=datetime-local].validate+label,input[type=tel].validate+label,input[type=number].validate+label,input[type=search].validate+label,textarea.materialize-textarea.validate+label{width:100%;pointer-events:none;}input:not([type])+label:after,input[type=text]+label:after,input[type=password]+label:after,input[type=email]+label:after,input[type=url]+label:after,input[type=time]+label:after,input[type=date]+label:after,input[type=datetime]+label:after,input[type=datetime-local]+label:after,input[type=tel]+label:after,input[type=number]+label:after,input[type=search]+label:after,textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:60px;opacity:0;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:0.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.8rem;left:0;font-size:1rem;cursor:text;transition:.2s ease-out;}.input-field label:not(.label-icon).active{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%);}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;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;padding-left:4rem;width:calc(100% - 4rem);}.input-field input[type=search]:focus{background-color:#fff;border:0;box-shadow:none;color:#444;}.input-field input[type=search]:focus+label i,.input-field input[type=search]:focus~.mdi-navigation-close,.input-field input[type=search]:focus~.material-icons{color:#444;}.input-field input[type=search]+label{left:1rem;}.input-field input[type=search]~.mdi-navigation-close,.input-field input[type=search]~.material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;transition:.3s color;}textarea{width:100%;height:3rem;background-color:transparent;}textarea.materialize-textarea{overflow-y:hidden;padding:.8rem 0 1.6rem 0;resize:none;min-height:3rem;}.hiddendiv{display:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;}.autocomplete-content{margin-top:-15px;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;left:-9999px;opacity:0;}[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;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;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{box-shadow:0 0 0 10px rgba(0,0,0,0.1);}[type="radio"].with-gap:disabled:checked+label:before{border:2px solid rgba(0,0,0,0.26);}[type="radio"].with-gap:disabled:checked+label:after{border:none;background-color:rgba(0,0,0,0.26);}[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{background-color:transparent;border-color:rgba(0,0,0,0.26);}[type="radio"]:disabled+label{color:rgba(0,0,0,0.26);}[type="radio"]:disabled:not(:checked)+label:before{border-color:rgba(0,0,0,0.26);}[type="radio"]:disabled:checked+label:after{background-color:rgba(0,0,0,0.26);border-color:#BDBDBD;}form p{margin-bottom:10px;text-align:left;}form p:last-child{margin-bottom:0;}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px;opacity:0;}[type="checkbox"]{}[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;-khtml-user-select:none;-ms-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;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.26);}[type="checkbox"].tabbed:focus+label:after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;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.26);border-bottom:2px solid rgba(0,0,0,0.26);}[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.26);background-color:transparent;}[type="checkbox"].filled-in+label:after{border-radius:2px;}[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after{content:'';left:0;position:absolute;transition:border .25s,background-color .25s,width .20s .1s,height .20s .1s,top .20s .1s,left .20s .1s;z-index:1;}[type="checkbox"].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;transform-origin:100% 100%;}[type="checkbox"].filled-in:not(:checked)+label:after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0;}[type="checkbox"].filled-in:checked+label:before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;}[type="checkbox"].filled-in:checked+label:after{top: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:#BDBDBD;}[type="checkbox"].filled-in:disabled:checked+label:before{background-color:transparent;}[type="checkbox"].filled-in:disabled:checked+label:after{background-color:#BDBDBD;border-color:#BDBDBD;}.switch,.switch *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;}.switch label{cursor:pointer;}.switch label input[type=checkbox]{opacity:0;width:0;height:0;}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1;}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a;left:24px;}.switch label .lever{content:"";display:inline-block;position:relative;width:40px;height:15px;background-color:#818181;border-radius:15px;margin-right:10px;transition:background 0.3s ease;vertical-align:middle;margin:0 16px;}.switch label .lever:after{content:"";position:absolute;display:inline-block;width:21px;height:21px;background-color:#F1F1F1;border-radius:21px;box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);left:-5px;top:-3px;transition:left 0.3s ease,background .3s ease,box-shadow 0.1s ease;}input[type=checkbox]:checked:not(:disabled)~.lever:active::after,input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::after{box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(38,166,154,0.1);}input[type=checkbox]:not(:disabled)~.lever:active:after,input[type=checkbox]:not(:disabled).tabbed:focus~.lever::after{box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.08);}.switch input[type=checkbox][disabled]+.lever{cursor:default;}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#BDBDBD;}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;}.select-label{position:absolute;}.select-wrapper{position:relative;}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:1rem;margin:0 0 20px 0;padding:0;display:block;}.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 span.caret.disabled{color:rgba(0,0,0,0.26);}.select-wrapper+label{position:absolute;top:-14px;font-size:0.8rem;}select:disabled{color:rgba(0,0,0,0.3);}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,0.3);}.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;}.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);}.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;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;top:10px;margin-left:-6px;-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;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 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 a:hover{background-color:rgba(0,0,0,0.05);}.side-nav a.btn,.side-nav a.btn-large,.side-nav a.btn-large,.side-nav a.btn-flat,.side-nav a.btn-floating{margin:10px 15px;}.side-nav a.btn,.side-nav a.btn-large,.side-nav a.btn-large,.side-nav a.btn-floating{color:#fff;}.side-nav a.btn-flat{color:#343434;}.side-nav a.btn:hover,.side-nav a.btn-large:hover,.side-nav a.btn-large:hover{background-color:#2bbbad;}.side-nav a.btn-floating:hover{background-color:#26a69a;}.side-nav li>a>i,.side-nav li>a>[class^="mdi-"],.side-nav 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 .userView{position:relative;padding:32px 32px 0;margin-bottom:8px;}.side-nav .userView>a{height:auto;padding:0;}.side-nav .userView>a:hover{background-color:transparent;}.side-nav .userView .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;}.side-nav .userView .circle,.side-nav .userView .name,.side-nav .userView .email{display:block;}.side-nav .userView .circle{height:64px;width:64px;}.side-nav .userView .name,.side-nav .userView .email{font-size:14px;line-height:24px;}.side-nav .userView .name{margin-top:16px;font-weight:500;}.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 .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;}#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:48px;height:48px;}.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% {
  2. -webkit-transform: rotate(135deg);
  3. }
  4.  
  5. /* 0.5 * ARCSIZE */
  6. 25% {
  7. -webkit-transform: rotate(270deg);
  8. }
  9.  
  10. /* 1 * ARCSIZE */
  11. 37.5% {
  12. -webkit-transform: rotate(405deg);
  13. }
  14.  
  15. /* 1.5 * ARCSIZE */
  16. 50% {
  17. -webkit-transform: rotate(540deg);
  18. }
  19.  
  20. /* 2 * ARCSIZE */
  21. 62.5% {
  22. -webkit-transform: rotate(675deg);
  23. }
  24.  
  25. /* 2.5 * ARCSIZE */
  26. 75% {
  27. -webkit-transform: rotate(810deg);
  28. }
  29.  
  30. /* 3 * ARCSIZE */
  31. 87.5% {
  32. -webkit-transform: rotate(945deg);
  33. }
  34.  
  35. /* 3.5 * ARCSIZE */
  36. to {
  37. -webkit-transform: rotate(1080deg);
  38. }
  39.  
  40. /* 4 * ARCSIZE */}
  41.  
  42. @keyframes fill-unfill-rotate {
  43. 12.5% {
  44. -webkit-transform: rotate(135deg);
  45. transform: rotate(135deg);
  46. }
  47.  
  48. /* 0.5 * ARCSIZE */
  49. 25% {
  50. -webkit-transform: rotate(270deg);
  51. transform: rotate(270deg);
  52. }
  53.  
  54. /* 1 * ARCSIZE */
  55. 37.5% {
  56. -webkit-transform: rotate(405deg);
  57. transform: rotate(405deg);
  58. }
  59.  
  60. /* 1.5 * ARCSIZE */
  61. 50% {
  62. -webkit-transform: rotate(540deg);
  63. transform: rotate(540deg);
  64. }
  65.  
  66. /* 2 * ARCSIZE */
  67. 62.5% {
  68. -webkit-transform: rotate(675deg);
  69. transform: rotate(675deg);
  70. }
  71.  
  72. /* 2.5 * ARCSIZE */
  73. 75% {
  74. -webkit-transform: rotate(810deg);
  75. transform: rotate(810deg);
  76. }
  77.  
  78. /* 3 * ARCSIZE */
  79. 87.5% {
  80. -webkit-transform: rotate(945deg);
  81. transform: rotate(945deg);
  82. }
  83.  
  84. /* 3.5 * ARCSIZE */
  85. to {
  86. -webkit-transform: rotate(1080deg);
  87. transform: rotate(1080deg);
  88. }
  89.  
  90. /* 4 * ARCSIZE */}
  91.  
  92. @-webkit-keyframes blue-fade-in-out {
  93. from {
  94. opacity: 1;
  95. }
  96.  
  97. 25% {
  98. opacity: 1;
  99. }
  100.  
  101. 26% {
  102. opacity: 0;
  103. }
  104.  
  105. 89% {
  106. opacity: 0;
  107. }
  108.  
  109. 90% {
  110. opacity: 1;
  111. }
  112.  
  113. 100% {
  114. opacity: 1;
  115. }
  116. }
  117.  
  118. @keyframes blue-fade-in-out {
  119. from {
  120. opacity: 1;
  121. }
  122.  
  123. 25% {
  124. opacity: 1;
  125. }
  126.  
  127. 26% {
  128. opacity: 0;
  129. }
  130.  
  131. 89% {
  132. opacity: 0;
  133. }
  134.  
  135. 90% {
  136. opacity: 1;
  137. }
  138.  
  139. 100% {
  140. opacity: 1;
  141. }
  142. }
  143.  
  144. @-webkit-keyframes red-fade-in-out {
  145. from {
  146. opacity: 0;
  147. }
  148.  
  149. 15% {
  150. opacity: 0;
  151. }
  152.  
  153. 25% {
  154. opacity: 1;
  155. }
  156.  
  157. 50% {
  158. opacity: 1;
  159. }
  160.  
  161. 51% {
  162. opacity: 0;
  163. }
  164. }
  165.  
  166. @keyframes red-fade-in-out {
  167. from {
  168. opacity: 0;
  169. }
  170.  
  171. 15% {
  172. opacity: 0;
  173. }
  174.  
  175. 25% {
  176. opacity: 1;
  177. }
  178.  
  179. 50% {
  180. opacity: 1;
  181. }
  182.  
  183. 51% {
  184. opacity: 0;
  185. }
  186. }
  187.  
  188. @-webkit-keyframes yellow-fade-in-out {
  189. from {
  190. opacity: 0;
  191. }
  192.  
  193. 40% {
  194. opacity: 0;
  195. }
  196.  
  197. 50% {
  198. opacity: 1;
  199. }
  200.  
  201. 75% {
  202. opacity: 1;
  203. }
  204.  
  205. 76% {
  206. opacity: 0;
  207. }
  208. }
  209.  
  210. @keyframes yellow-fade-in-out {
  211. from {
  212. opacity: 0;
  213. }
  214.  
  215. 40% {
  216. opacity: 0;
  217. }
  218.  
  219. 50% {
  220. opacity: 1;
  221. }
  222.  
  223. 75% {
  224. opacity: 1;
  225. }
  226.  
  227. 76% {
  228. opacity: 0;
  229. }
  230. }
  231.  
  232. @-webkit-keyframes green-fade-in-out {
  233. from {
  234. opacity: 0;
  235. }
  236.  
  237. 65% {
  238. opacity: 0;
  239. }
  240.  
  241. 75% {
  242. opacity: 1;
  243. }
  244.  
  245. 90% {
  246. opacity: 1;
  247. }
  248.  
  249. 100% {
  250. opacity: 0;
  251. }
  252. }
  253.  
  254. @keyframes green-fade-in-out {
  255. from {
  256. opacity: 0;
  257. }
  258.  
  259. 65% {
  260. opacity: 0;
  261. }
  262.  
  263. 75% {
  264. opacity: 1;
  265. }
  266.  
  267. 90% {
  268. opacity: 1;
  269. }
  270.  
  271. 100% {
  272. opacity: 0;
  273. }
  274. }
  275.  
  276. /**
  277. * Patch the gap that appear between the two adjacent div.circle-clipper while the
  278. * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
  279. */
  280.  
  281. .gap-patch {
  282. position: absolute;
  283. top: 0;
  284. left: 45%;
  285. width: 10%;
  286. height: 100%;
  287. overflow: hidden;
  288. border-color: inherit;
  289. }
  290.  
  291. .gap-patch .circle {
  292. width: 1000%;
  293. left: -450%;
  294. }
  295.  
  296. .circle-clipper {
  297. display: inline-block;
  298. position: relative;
  299. width: 50%;
  300. height: 100%;
  301. overflow: hidden;
  302. border-color: inherit;
  303. }
  304.  
  305. .circle-clipper .circle {
  306. width: 200%;
  307. height: 100%;
  308. border-width: 3px;
  309. /* STROKEWIDTH */
  310. border-style: solid;
  311. border-color: inherit;
  312. border-bottom-color: transparent !important;
  313. border-radius: 50%;
  314. -webkit-animation: none;
  315. animation: none;
  316. position: absolute;
  317. top: 0;
  318. right: 0;
  319. bottom: 0;
  320. }
  321.  
  322. .circle-clipper.left .circle {
  323. left: 0;
  324. border-right-color: transparent !important;
  325. -webkit-transform: rotate(129deg);
  326. transform: rotate(129deg);
  327. }
  328.  
  329. .circle-clipper.right .circle {
  330. left: -100%;
  331. border-left-color: transparent !important;
  332. -webkit-transform: rotate(-129deg);
  333. transform: rotate(-129deg);
  334. }
  335.  
  336. .active .circle-clipper.left .circle {
  337. /* duration: ARCTIME */
  338. -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  339. animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  340. }
  341.  
  342. .active .circle-clipper.right .circle {
  343. /* duration: ARCTIME */
  344. -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  345. animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  346. }
  347.  
  348. @-webkit-keyframes left-spin {
  349. from {
  350. -webkit-transform: rotate(130deg);
  351. }
  352.  
  353. 50% {
  354. -webkit-transform: rotate(-5deg);
  355. }
  356.  
  357. to {
  358. -webkit-transform: rotate(130deg);
  359. }
  360. }
  361.  
  362. @keyframes left-spin {
  363. from {
  364. -webkit-transform: rotate(130deg);
  365. transform: rotate(130deg);
  366. }
  367.  
  368. 50% {
  369. -webkit-transform: rotate(-5deg);
  370. transform: rotate(-5deg);
  371. }
  372.  
  373. to {
  374. -webkit-transform: rotate(130deg);
  375. transform: rotate(130deg);
  376. }
  377. }
  378.  
  379. @-webkit-keyframes right-spin {
  380. from {
  381. -webkit-transform: rotate(-130deg);
  382. }
  383.  
  384. 50% {
  385. -webkit-transform: rotate(5deg);
  386. }
  387.  
  388. to {
  389. -webkit-transform: rotate(-130deg);
  390. }
  391. }
  392.  
  393. @keyframes right-spin {
  394. from {
  395. -webkit-transform: rotate(-130deg);
  396. transform: rotate(-130deg);
  397. }
  398.  
  399. 50% {
  400. -webkit-transform: rotate(5deg);
  401. transform: rotate(5deg);
  402. }
  403.  
  404. to {
  405. -webkit-transform: rotate(-130deg);
  406. transform: rotate(-130deg);
  407. }
  408. }
  409.  
  410. #spinnerContainer.cooldown {
  411. /* duration: SHRINK_TIME */
  412. -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  413. animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  414. }
  415.  
  416. @-webkit-keyframes fade-out {
  417. from {
  418. opacity: 1;
  419. }
  420.  
  421. to {
  422. opacity: 0;
  423. }
  424. }
  425.  
  426. @keyframes fade-out {
  427. from {
  428. opacity: 1;
  429. }
  430.  
  431. to {
  432. opacity: 0;
  433. }
  434. }
  435.  
  436. .slider {
  437. position: relative;
  438. height: 400px;
  439. width: 100%;
  440. }
  441.  
  442. .slider.fullscreen {
  443. height: 100%;
  444. width: 100%;
  445. position: absolute;
  446. top: 0;
  447. left: 0;
  448. right: 0;
  449. bottom: 0;
  450. }
  451.  
  452. .slider.fullscreen ul.slides {
  453. height: 100%;
  454. }
  455.  
  456. .slider.fullscreen ul.indicators {
  457. z-index: 2;
  458. bottom: 30px;
  459. }
  460.  
  461. .slider .slides {
  462. background-color: #9e9e9e;
  463. margin: 0;
  464. height: 400px;
  465. }
  466.  
  467. .slider .slides li {
  468. opacity: 0;
  469. position: absolute;
  470. top: 0;
  471. left: 0;
  472. z-index: 1;
  473. width: 100%;
  474. height: inherit;
  475. overflow: hidden;
  476. }
  477.  
  478. .slider .slides li img {
  479. height: 100%;
  480. width: 100%;
  481. background-size: cover;
  482. background-position: center;
  483. }
  484.  
  485. .slider .slides li .caption {
  486. color: #fff;
  487. position: absolute;
  488. top: 15%;
  489. left: 15%;
  490. width: 70%;
  491. opacity: 0;
  492. }
  493.  
  494. .slider .slides li .caption p {
  495. color: #e0e0e0;
  496. }
  497.  
  498. .slider .slides li.active {
  499. z-index: 2;
  500. }
  501.  
  502. .slider .indicators {
  503. position: absolute;
  504. text-align: center;
  505. left: 0;
  506. right: 0;
  507. bottom: 0;
  508. margin: 0;
  509. }
  510.  
  511. .slider .indicators .indicator-item {
  512. display: inline-block;
  513. position: relative;
  514. cursor: pointer;
  515. height: 16px;
  516. width: 16px;
  517. margin: 0 12px;
  518. background-color: #e0e0e0;
  519. transition: background-color .3s;
  520. border-radius: 50%;
  521. }
  522.  
  523. .slider .indicators .indicator-item.active {
  524. background-color: #4CAF50;
  525. }
  526.  
  527. .carousel {
  528. overflow: hidden;
  529. position: relative;
  530. width: 100%;
  531. height: 400px;
  532. -webkit-perspective: 500px;
  533. perspective: 500px;
  534. -webkit-transform-style: preserve-3d;
  535. transform-style: preserve-3d;
  536. -webkit-transform-origin: 0% 50%;
  537. transform-origin: 0% 50%;
  538. }
  539.  
  540. .carousel.carousel-slider {
  541. top: 0;
  542. left: 0;
  543. height: 0;
  544. }
  545.  
  546. .carousel.carousel-slider .carousel-fixed-item {
  547. position: absolute;
  548. left: 0;
  549. right: 0;
  550. bottom: 20px;
  551. z-index: 1;
  552. }
  553.  
  554. .carousel.carousel-slider .carousel-fixed-item.with-indicators {
  555. bottom: 68px;
  556. }
  557.  
  558. .carousel.carousel-slider .carousel-item {
  559. width: 100%;
  560. height: 100%;
  561. min-height: 400px;
  562. position: absolute;
  563. top: 0;
  564. left: 0;
  565. }
  566.  
  567. .carousel.carousel-slider .carousel-item h2 {
  568. font-size: 24px;
  569. font-weight: 500;
  570. line-height: 32px;
  571. }
  572.  
  573. .carousel.carousel-slider .carousel-item p {
  574. font-size: 15px;
  575. }
  576.  
  577. .carousel .carousel-item {
  578. display: none;
  579. width: 200px;
  580. height: 200px;
  581. position: absolute;
  582. top: 0;
  583. left: 0;
  584. }
  585.  
  586. .carousel .carousel-item img {
  587. width: 100%;
  588. }
  589.  
  590. .carousel .indicators {
  591. position: absolute;
  592. text-align: center;
  593. left: 0;
  594. right: 0;
  595. bottom: 0;
  596. margin: 0;
  597. }
  598.  
  599. .carousel .indicators .indicator-item {
  600. display: inline-block;
  601. position: relative;
  602. cursor: pointer;
  603. height: 8px;
  604. width: 8px;
  605. margin: 24px 4px;
  606. background-color: rgba(255, 255, 255, 0.5);
  607. transition: background-color .3s;
  608. border-radius: 50%;
  609. }
  610.  
  611. .carousel .indicators .indicator-item.active {
  612. background-color: #fff;
  613. }
  614.  
  615. /* ==========================================================================
  616. $BASE-PICKER
  617. ========================================================================== */
  618.  
  619. /**
  620. * Note: the root picker element should *NOT* be styled more than what's here.
  621. */
  622.  
  623. .picker {
  624. font-size: 16px;
  625. text-align: left;
  626. line-height: 1.2;
  627. color: #000000;
  628. position: absolute;
  629. z-index: 10000;
  630. -webkit-user-select: none;
  631. -moz-user-select: none;
  632. -ms-user-select: none;
  633. user-select: none;
  634. }
  635.  
  636. /**
  637. * The picker input element.
  638. */
  639.  
  640. .picker__input {
  641. cursor: default;
  642. }
  643.  
  644. /**
  645. * When the picker is opened, the input element is "activated".
  646. */
  647.  
  648. .picker__input.picker__input--active {
  649. border-color: #0089ec;
  650. }
  651.  
  652. /**
  653. * The holder is the only "scrollable" top-level container element.
  654. */
  655.  
  656. .picker__holder {
  657. width: 100%;
  658. overflow-y: auto;
  659. -webkit-overflow-scrolling: touch;
  660. }
  661.  
  662. /*!
  663. * Default mobile-first, responsive styling for pickadate.js
  664. * Demo: http://amsul.github.io/pickadate.js
  665. */
  666.  
  667. /**
  668. * Note: the root picker element should *NOT* be styled more than what's here.
  669. */
  670.  
  671. /**
  672. * Make the holder and frame fullscreen.
  673. */
  674.  
  675. .picker__holder,
  676. .picker__frame {
  677. bottom: 0;
  678. left: 0;
  679. right: 0;
  680. top: 100%;
  681. }
  682.  
  683. /**
  684. * The holder should overlay the entire screen.
  685. */
  686.  
  687. .picker__holder {
  688. position: fixed;
  689. transition: background 0.15s ease-out, top 0s 0.15s;
  690. -webkit-backface-visibility: hidden;
  691. }
  692.  
  693. /**
  694. * The frame that bounds the box contents of the picker.
  695. */
  696.  
  697. .picker__frame {
  698. position: absolute;
  699. margin: 0 auto;
  700. min-width: 256px;
  701. width: 300px;
  702. max-height: 350px;
  703. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  704. filter: alpha(opacity=0);
  705. -moz-opacity: 0;
  706. opacity: 0;
  707. transition: all 0.15s ease-out;
  708. }
  709.  
  710. @media (min-height: 28.875em) {
  711. .picker__frame {
  712. overflow: visible;
  713. top: auto;
  714. bottom: -100%;
  715. max-height: 80%;
  716. }
  717. }
  718.  
  719. @media (min-height: 40.125em) {
  720. .picker__frame {
  721. margin-bottom: 7.5%;
  722. }
  723. }
  724.  
  725. /**
  726. * The wrapper sets the stage to vertically align the box contents.
  727. */
  728.  
  729. .picker__wrap {
  730. display: table;
  731. width: 100%;
  732. height: 100%;
  733. }
  734.  
  735. @media (min-height: 28.875em) {
  736. .picker__wrap {
  737. display: block;
  738. }
  739. }
  740.  
  741. /**
  742. * The box contains all the picker contents.
  743. */
  744.  
  745. .picker__box {
  746. background: #ffffff;
  747. display: table-cell;
  748. vertical-align: middle;
  749. }
  750.  
  751. @media (min-height: 28.875em) {
  752. .picker__box {
  753. display: block;
  754. border: 1px solid #777777;
  755. border-top-color: #898989;
  756. border-bottom-width: 0;
  757. border-radius: 5px 5px 0 0;
  758. box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  759. }
  760. }
  761.  
  762. /**
  763. * When the picker opens...
  764. */
  765.  
  766. .picker--opened .picker__holder {
  767. top: 0;
  768. background: transparent;
  769. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  770. zoom: 1;
  771. background: rgba(0, 0, 0, 0.32);
  772. transition: background 0.15s ease-out;
  773. }
  774.  
  775. .picker--opened .picker__frame {
  776. top: 0;
  777. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  778. filter: alpha(opacity=100);
  779. -moz-opacity: 1;
  780. opacity: 1;
  781. }
  782.  
  783. @media (min-height: 35.875em) {
  784. .picker--opened .picker__frame {
  785. top: 10%;
  786. bottom: auto;
  787. }
  788. }
  789.  
  790. /**
  791. * For `large` screens, transform into an inline picker.
  792. */
  793.  
  794. /* ==========================================================================
  795. CUSTOM MATERIALIZE STYLES
  796. ========================================================================== */
  797.  
  798. .picker__input.picker__input--active {
  799. border-color: #E3F2FD;
  800. }
  801.  
  802. .picker__frame {
  803. margin: 0 auto;
  804. max-width: 325px;
  805. }
  806.  
  807. @media (min-height: 38.875em) {
  808. .picker--opened .picker__frame {
  809. top: 10%;
  810. bottom: auto;
  811. }
  812. }
  813.  
  814. /* ==========================================================================
  815. $BASE-DATE-PICKER
  816. ========================================================================== */
  817.  
  818. /**
  819. * The picker box.
  820. */
  821.  
  822. .picker__box {
  823. padding: 0 1em;
  824. }
  825.  
  826. /**
  827. * The header containing the month and year stuff.
  828. */
  829.  
  830. .picker__header {
  831. text-align: center;
  832. position: relative;
  833. margin-top: .75em;
  834. }
  835.  
  836. /**
  837. * The month and year labels.
  838. */
  839.  
  840. .picker__month,
  841. .picker__year {
  842. display: inline-block;
  843. margin-left: .25em;
  844. margin-right: .25em;
  845. }
  846.  
  847. /**
  848. * The month and year selectors.
  849. */
  850.  
  851. .picker__select--month,
  852. .picker__select--year {
  853. height: 2em;
  854. padding: 0;
  855. margin-left: .25em;
  856. margin-right: .25em;
  857. }
  858.  
  859. .picker__select--month.browser-default {
  860. display: inline;
  861. background-color: #FFFFFF;
  862. width: 40%;
  863. }
  864.  
  865. .picker__select--year.browser-default {
  866. display: inline;
  867. background-color: #FFFFFF;
  868. width: 26%;
  869. }
  870.  
  871. .picker__select--month:focus,
  872. .picker__select--year:focus {
  873. border-color: rgba(0, 0, 0, 0.05);
  874. }
  875.  
  876. /**
  877. * The month navigation buttons.
  878. */
  879.  
  880. .picker__nav--prev,
  881. .picker__nav--next {
  882. position: absolute;
  883. padding: .5em 1.25em;
  884. width: 1em;
  885. height: 1em;
  886. box-sizing: content-box;
  887. top: -0.25em;
  888. }
  889.  
  890. .picker__nav--prev {
  891. left: -1em;
  892. padding-right: 1.25em;
  893. }
  894.  
  895. .picker__nav--next {
  896. right: -1em;
  897. padding-left: 1.25em;
  898. }
  899.  
  900. .picker__nav--disabled,
  901. .picker__nav--disabled:hover,
  902. .picker__nav--disabled:before,
  903. .picker__nav--disabled:before:hover {
  904. cursor: default;
  905. background: none;
  906. border-right-color: #f5f5f5;
  907. border-left-color: #f5f5f5;
  908. }
  909.  
  910. /**
  911. * The calendar table of dates
  912. */
  913.  
  914. .picker__table {
  915. text-align: center;
  916. border-collapse: collapse;
  917. border-spacing: 0;
  918. table-layout: fixed;
  919. font-size: 1rem;
  920. width: 100%;
  921. margin-top: .75em;
  922. margin-bottom: .5em;
  923. }
  924.  
  925. .picker__table th,
  926. .picker__table td {
  927. text-align: center;
  928. }
  929.  
  930. .picker__table td {
  931. margin: 0;
  932. padding: 0;
  933. }
  934.  
  935. /**
  936. * The weekday labels
  937. */
  938.  
  939. .picker__weekday {
  940. width: 14.285714286%;
  941. font-size: .75em;
  942. padding-bottom: .25em;
  943. color: #999999;
  944. font-weight: 500;
  945. /* Increase the spacing a tad */
  946. }
  947.  
  948. @media (min-height: 33.875em) {
  949. .picker__weekday {
  950. padding-bottom: .5em;
  951. }
  952. }
  953.  
  954. /**
  955. * The days on the calendar
  956. */
  957.  
  958. .picker__day--today {
  959. position: relative;
  960. color: #595959;
  961. letter-spacing: -.3;
  962. padding: .75rem 0;
  963. font-weight: 400;
  964. border: 1px solid transparent;
  965. }
  966.  
  967. .picker__day--disabled:before {
  968. border-top-color: #aaaaaa;
  969. }
  970.  
  971. .picker__day--infocus:hover {
  972. cursor: pointer;
  973. color: #000;
  974. font-weight: 500;
  975. }
  976.  
  977. .picker__day--outfocus {
  978. display: none;
  979. padding: .75rem 0;
  980. color: #fff;
  981. }
  982.  
  983. .picker__day--outfocus:hover {
  984. cursor: pointer;
  985. color: #dddddd;
  986. font-weight: 500;
  987. }
  988.  
  989. .picker__day--highlighted:hover,
  990. .picker--focused .picker__day--highlighted {
  991. cursor: pointer;
  992. }
  993.  
  994. .picker__day--selected,
  995. .picker__day--selected:hover,
  996. .picker--focused .picker__day--selected {
  997. border-radius: 50%;
  998. -webkit-transform: scale(0.75);
  999. transform: scale(0.75);
  1000. background: #0089ec;
  1001. color: #ffffff;
  1002. }
  1003.  
  1004. .picker__day--disabled,
  1005. .picker__day--disabled:hover,
  1006. .picker--focused .picker__day--disabled {
  1007. background: #f5f5f5;
  1008. border-color: #f5f5f5;
  1009. color: #dddddd;
  1010. cursor: default;
  1011. }
  1012.  
  1013. .picker__day--highlighted.picker__day--disabled,
  1014. .picker__day--highlighted.picker__day--disabled:hover {
  1015. background: #bbbbbb;
  1016. }
  1017.  
  1018. /**
  1019. * The footer containing the "today", "clear", and "close" buttons.
  1020. */
  1021.  
  1022. .picker__footer {
  1023. text-align: center;
  1024. display: -webkit-flex;
  1025. display: -ms-flexbox;
  1026. display: flex;
  1027. -webkit-align-items: center;
  1028. -ms-flex-align: center;
  1029. align-items: center;
  1030. -webkit-justify-content: space-between;
  1031. -ms-flex-pack: justify;
  1032. justify-content: space-between;
  1033. }
  1034.  
  1035. .picker__button--today,
  1036. .picker__button--clear,
  1037. .picker__button--close {
  1038. border: 1px solid #ffffff;
  1039. background: #ffffff;
  1040. font-size: .8em;
  1041. padding: .66em 0;
  1042. font-weight: bold;
  1043. width: 33%;
  1044. display: inline-block;
  1045. vertical-align: bottom;
  1046. }
  1047.  
  1048. .picker__button--today:hover,
  1049. .picker__button--clear:hover,
  1050. .picker__button--close:hover {
  1051. cursor: pointer;
  1052. color: #000000;
  1053. background: #b1dcfb;
  1054. border-bottom-color: #b1dcfb;
  1055. }
  1056.  
  1057. .picker__button--today:focus,
  1058. .picker__button--clear:focus,
  1059. .picker__button--close:focus {
  1060. background: #b1dcfb;
  1061. border-color: rgba(0, 0, 0, 0.05);
  1062. outline: none;
  1063. }
  1064.  
  1065. .picker__button--today:before,
  1066. .picker__button--clear:before,
  1067. .picker__button--close:before {
  1068. position: relative;
  1069. display: inline-block;
  1070. height: 0;
  1071. }
  1072.  
  1073. .picker__button--today:before,
  1074. .picker__button--clear:before {
  1075. content: " ";
  1076. margin-right: .45em;
  1077. }
  1078.  
  1079. .picker__button--today:before {
  1080. top: -0.05em;
  1081. width: 0;
  1082. border-top: 0.66em solid #0059bc;
  1083. border-left: .66em solid transparent;
  1084. }
  1085.  
  1086. .picker__button--clear:before {
  1087. top: -0.25em;
  1088. width: .66em;
  1089. border-top: 3px solid #ee2200;
  1090. }
  1091.  
  1092. .picker__button--close:before {
  1093. content: "\D7";
  1094. top: -0.1em;
  1095. vertical-align: top;
  1096. font-size: 1.1em;
  1097. margin-right: .35em;
  1098. color: #777777;
  1099. }
  1100.  
  1101. .picker__button--today[disabled],
  1102. .picker__button--today[disabled]:hover {
  1103. background: #f5f5f5;
  1104. border-color: #f5f5f5;
  1105. color: #dddddd;
  1106. cursor: default;
  1107. }
  1108.  
  1109. .picker__button--today[disabled]:before {
  1110. border-top-color: #aaaaaa;
  1111. }
  1112.  
  1113. /* ==========================================================================
  1114. CUSTOM MATERIALIZE STYLES
  1115. ========================================================================== */
  1116.  
  1117. .picker__box {
  1118. border-radius: 2px;
  1119. overflow: hidden;
  1120. }
  1121.  
  1122. .picker__date-display {
  1123. text-align: center;
  1124. background-color: #26a69a;
  1125. color: #fff;
  1126. padding-bottom: 15px;
  1127. font-weight: 300;
  1128. }
  1129.  
  1130. .picker__nav--prev:hover,
  1131. .picker__nav--next:hover {
  1132. cursor: pointer;
  1133. color: #000000;
  1134. background: #a1ded8;
  1135. }
  1136.  
  1137. .picker__weekday-display {
  1138. background-color: #1f897f;
  1139. padding: 10px;
  1140. font-weight: 200;
  1141. letter-spacing: .5;
  1142. font-size: 1rem;
  1143. margin-bottom: 15px;
  1144. }
  1145.  
  1146. .picker__month-display {
  1147. text-transform: uppercase;
  1148. font-size: 2rem;
  1149. }
  1150.  
  1151. .picker__day-display {
  1152. font-size: 4.5rem;
  1153. font-weight: 400;
  1154. }
  1155.  
  1156. .picker__year-display {
  1157. font-size: 1.8rem;
  1158. color: rgba(255, 255, 255, 0.4);
  1159. }
  1160.  
  1161. .picker__box {
  1162. padding: 0;
  1163. }
  1164.  
  1165. .picker__calendar-container {
  1166. padding: 0 1rem;
  1167. }
  1168.  
  1169. .picker__calendar-container thead {
  1170. border: none;
  1171. }
  1172.  
  1173. .picker__table {
  1174. margin-top: 0;
  1175. margin-bottom: .5em;
  1176. }
  1177.  
  1178. .picker__day--infocus {
  1179. color: #595959;
  1180. letter-spacing: -.3;
  1181. padding: .75rem 0;
  1182. font-weight: 400;
  1183. border: 1px solid transparent;
  1184. }
  1185.  
  1186. .picker__day.picker__day--today {
  1187. color: #26a69a;
  1188. }
  1189.  
  1190. .picker__day.picker__day--today.picker__day--selected {
  1191. color: #fff;
  1192. }
  1193.  
  1194. .picker__weekday {
  1195. font-size: .9rem;
  1196. }
  1197.  
  1198. .picker__day--selected,
  1199. .picker__day--selected:hover,
  1200. .picker--focused .picker__day--selected {
  1201. border-radius: 50%;
  1202. -webkit-transform: scale(0.9);
  1203. transform: scale(0.9);
  1204. background-color: #26a69a;
  1205. color: #ffffff;
  1206. }
  1207.  
  1208. .picker__day--selected.picker__day--outfocus,
  1209. .picker__day--selected:hover.picker__day--outfocus,
  1210. .picker--focused .picker__day--selected.picker__day--outfocus {
  1211. background-color: #a1ded8;
  1212. }
  1213.  
  1214. .picker__footer {
  1215. text-align: right;
  1216. padding: 5px 10px;
  1217. }
  1218.  
  1219. .picker__close,
  1220. .picker__today {
  1221. font-size: 1.1rem;
  1222. padding: 0 1rem;
  1223. color: #26a69a;
  1224. }
  1225.  
  1226. .picker__nav--prev:before,
  1227. .picker__nav--next:before {
  1228. content: " ";
  1229. border-top: .5em solid transparent;
  1230. border-bottom: .5em solid transparent;
  1231. border-right: 0.75em solid #676767;
  1232. width: 0;
  1233. height: 0;
  1234. display: block;
  1235. margin: 0 auto;
  1236. }
  1237.  
  1238. .picker__nav--next:before {
  1239. border-right: 0;
  1240. border-left: 0.75em solid #676767;
  1241. }
  1242.  
  1243. button.picker__today:focus,
  1244. button.picker__clear:focus,
  1245. button.picker__close:focus {
  1246. background-color: #a1ded8;
  1247. }
  1248.  
  1249. /* ==========================================================================
  1250. $BASE-TIME-PICKER
  1251. ========================================================================== */
  1252.  
  1253. /**
  1254. * The list of times.
  1255. */
  1256.  
  1257. .picker__list {
  1258. list-style: none;
  1259. padding: 0.75em 0 4.2em;
  1260. margin: 0;
  1261. }
  1262.  
  1263. /**
  1264. * The times on the clock.
  1265. */
  1266.  
  1267. .picker__list-item {
  1268. border-bottom: 1px solid #dddddd;
  1269. border-top: 1px solid #dddddd;
  1270. margin-bottom: -1px;
  1271. position: relative;
  1272. background: #ffffff;
  1273. padding: .75em 1.25em;
  1274. }
  1275.  
  1276. @media (min-height: 46.75em) {
  1277. .picker__list-item {
  1278. padding: .5em 1em;
  1279. }
  1280. }
  1281.  
  1282. /* Hovered time */
  1283.  
  1284. .picker__list-item:hover {
  1285. cursor: pointer;
  1286. color: #000000;
  1287. background: #b1dcfb;
  1288. border-color: #0089ec;
  1289. z-index: 10;
  1290. }
  1291.  
  1292. /* Highlighted and hovered/focused time */
  1293.  
  1294. .picker__list-item--highlighted {
  1295. border-color: #0089ec;
  1296. z-index: 10;
  1297. }
  1298.  
  1299. .picker__list-item--highlighted:hover,
  1300. .picker--focused .picker__list-item--highlighted {
  1301. cursor: pointer;
  1302. color: #000000;
  1303. background: #b1dcfb;
  1304. }
  1305.  
  1306. /* Selected and hovered/focused time */
  1307.  
  1308. .picker__list-item--selected,
  1309. .picker__list-item--selected:hover,
  1310. .picker--focused .picker__list-item--selected {
  1311. background: #0089ec;
  1312. color: #ffffff;
  1313. z-index: 10;
  1314. }
  1315.  
  1316. /* Disabled time */
  1317.  
  1318. .picker__list-item--disabled,
  1319. .picker__list-item--disabled:hover,
  1320. .picker--focused .picker__list-item--disabled {
  1321. background: #f5f5f5;
  1322. border-color: #f5f5f5;
  1323. color: #dddddd;
  1324. cursor: default;
  1325. border-color: #dddddd;
  1326. z-index: auto;
  1327. }
  1328.  
  1329. /**
  1330. * The clear button
  1331. */
  1332.  
  1333. .picker--time .picker__button--clear {
  1334. display: block;
  1335. width: 80%;
  1336. margin: 1em auto 0;
  1337. padding: 1em 1.25em;
  1338. background: none;
  1339. border: 0;
  1340. font-weight: 500;
  1341. font-size: .67em;
  1342. text-align: center;
  1343. text-transform: uppercase;
  1344. color: #666;
  1345. }
  1346.  
  1347. .picker--time .picker__button--clear:hover,
  1348. .picker--time .picker__button--clear:focus {
  1349. color: #000000;
  1350. background: #b1dcfb;
  1351. background: #ee2200;
  1352. border-color: #ee2200;
  1353. cursor: pointer;
  1354. color: #ffffff;
  1355. outline: none;
  1356. }
  1357.  
  1358. .picker--time .picker__button--clear:before {
  1359. top: -0.25em;
  1360. color: #666;
  1361. font-size: 1.25em;
  1362. font-weight: bold;
  1363. }
  1364.  
  1365. .picker--time .picker__button--clear:hover:before,
  1366. .picker--time .picker__button--clear:focus:before {
  1367. color: #ffffff;
  1368. }
  1369.  
  1370. /* ==========================================================================
  1371. $DEFAULT-TIME-PICKER
  1372. ========================================================================== */
  1373.  
  1374. /**
  1375. * The frame the bounds the time picker.
  1376. */
  1377.  
  1378. .picker--time .picker__frame {
  1379. min-width: 256px;
  1380. max-width: 320px;
  1381. }
  1382.  
  1383. /**
  1384. * The picker box.
  1385. */
  1386.  
  1387. .picker--time .picker__box {
  1388. font-size: 1em;
  1389. background: #f2f2f2;
  1390. padding: 0;
  1391. }
  1392.  
  1393. @media (min-height: 40.125em) {
  1394. .picker--time .picker__box {
  1395. margin-bottom: 5em;
  1396. }
  1397. }
  1398.  
  1399. @font-face {
  1400. font-family: 'Material Icons';
  1401. font-style: normal;
  1402. font-weight: 400;
  1403. src: url("/static/fonts/material/MaterialIcons-Regular.eot");
  1404. /* For IE6-8 */
  1405. src: local('Material Icons'),
  1406. local('MaterialIcons-Regular'),
  1407. url("/static/fonts/material/MaterialIcons-Regular.woff2") format('woff2'),
  1408. url("/static/fonts/material/MaterialIcons-Regular.woff") format('woff'),
  1409. url("/static/fonts/material/MaterialIcons-Regular.ttf") format('truetype');
  1410. }
  1411.  
  1412. .material-icons {
  1413. font-family: 'Material Icons';
  1414. font-weight: normal;
  1415. font-style: normal;
  1416. font-size: 24px;
  1417. /* Preferred icon size */
  1418. display: inline-block;
  1419. line-height: 1;
  1420. text-transform: none;
  1421. letter-spacing: normal;
  1422. word-wrap: normal;
  1423. white-space: nowrap;
  1424. direction: ltr;
  1425. /* Support for all WebKit browsers. */
  1426. -webkit-font-smoothing: antialiased;
  1427. /* Support for Safari and Chrome. */
  1428. text-rendering: optimizeLegibility;
  1429. /* Support for Firefox. */
  1430. -moz-osx-font-smoothing: grayscale;
  1431. /* Support for IE. */
  1432. font-feature-settings: 'liga';
  1433. }
  1434.  
  1435. /*!
  1436. * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
  1437. * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  1438. */
  1439.  
  1440. /* FONT PATH
  1441. * -------------------------- */
  1442.  
  1443. @font-face {
  1444. font-family: 'FontAwesome';
  1445. src: url("/static/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0");
  1446. src: url("/static/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("/static/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("/static/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("/static/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("/static/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
  1447. font-weight: normal;
  1448. font-style: normal;
  1449. }
  1450.  
  1451. .fa {
  1452. display: inline-block;
  1453. font: normal normal normal 14px/1 FontAwesome;
  1454. font-size: inherit;
  1455. text-rendering: auto;
  1456. -webkit-font-smoothing: antialiased;
  1457. -moz-osx-font-smoothing: grayscale;
  1458. }
  1459.  
  1460. /* makes the font 33% larger relative to the icon container */
  1461.  
  1462. .fa-lg {
  1463. font-size: 1.33333333em;
  1464. line-height: 0.75em;
  1465. vertical-align: -15%;
  1466. }
  1467.  
  1468. .fa-2x {
  1469. font-size: 2em;
  1470. }
  1471.  
  1472. .fa-3x {
  1473. font-size: 3em;
  1474. }
  1475.  
  1476. .fa-4x {
  1477. font-size: 4em;
  1478. }
  1479.  
  1480. .fa-5x {
  1481. font-size: 5em;
  1482. }
  1483.  
  1484. .fa-fw {
  1485. width: 1.28571429em;
  1486. text-align: center;
  1487. }
  1488.  
  1489. .fa-ul {
  1490. padding-left: 0;
  1491. margin-left: 2.14285714em;
  1492. list-style-type: none;
  1493. }
  1494.  
  1495. .fa-ul > li {
  1496. position: relative;
  1497. }
  1498.  
  1499. .fa-li {
  1500. position: absolute;
  1501. left: -2.14285714em;
  1502. width: 2.14285714em;
  1503. top: 0.14285714em;
  1504. text-align: center;
  1505. }
  1506.  
  1507. .fa-li.fa-lg {
  1508. left: -1.85714286em;
  1509. }
  1510.  
  1511. .fa-border {
  1512. padding: .2em .25em .15em;
  1513. border: solid 0.08em #eeeeee;
  1514. border-radius: .1em;
  1515. }
  1516.  
  1517. .fa-pull-left {
  1518. float: left;
  1519. }
  1520.  
  1521. .fa-pull-right {
  1522. float: right;
  1523. }
  1524.  
  1525. .fa.fa-pull-left {
  1526. margin-right: .3em;
  1527. }
  1528.  
  1529. .fa.fa-pull-right {
  1530. margin-left: .3em;
  1531. }
  1532.  
  1533. /* Deprecated as of 4.4.0 */
  1534.  
  1535. .pull-right {
  1536. float: right;
  1537. }
  1538.  
  1539. .pull-left {
  1540. float: left;
  1541. }
  1542.  
  1543. .fa.pull-left {
  1544. margin-right: .3em;
  1545. }
  1546.  
  1547. .fa.pull-right {
  1548. margin-left: .3em;
  1549. }
  1550.  
  1551. .fa-spin {
  1552. -webkit-animation: fa-spin 2s infinite linear;
  1553. animation: fa-spin 2s infinite linear;
  1554. }
  1555.  
  1556. .fa-pulse {
  1557. -webkit-animation: fa-spin 1s infinite steps(8);
  1558. animation: fa-spin 1s infinite steps(8);
  1559. }
  1560.  
  1561. @-webkit-keyframes fa-spin {
  1562. 0% {
  1563. -webkit-transform: rotate(0deg);
  1564. transform: rotate(0deg);
  1565. }
  1566.  
  1567. 100% {
  1568. -webkit-transform: rotate(359deg);
  1569. transform: rotate(359deg);
  1570. }
  1571. }
  1572.  
  1573. @keyframes fa-spin {
  1574. 0% {
  1575. -webkit-transform: rotate(0deg);
  1576. transform: rotate(0deg);
  1577. }
  1578.  
  1579. 100% {
  1580. -webkit-transform: rotate(359deg);
  1581. transform: rotate(359deg);
  1582. }
  1583. }
  1584.  
  1585. .fa-rotate-90 {
  1586. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  1587. -webkit-transform: rotate(90deg);
  1588. -ms-transform: rotate(90deg);
  1589. transform: rotate(90deg);
  1590. }
  1591.  
  1592. .fa-rotate-180 {
  1593. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  1594. -webkit-transform: rotate(180deg);
  1595. -ms-transform: rotate(180deg);
  1596. transform: rotate(180deg);
  1597. }
  1598.  
  1599. .fa-rotate-270 {
  1600. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  1601. -webkit-transform: rotate(270deg);
  1602. -ms-transform: rotate(270deg);
  1603. transform: rotate(270deg);
  1604. }
  1605.  
  1606. .fa-flip-horizontal {
  1607. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  1608. -webkit-transform: scale(-1, 1);
  1609. -ms-transform: scale(-1, 1);
  1610. transform: scale(-1, 1);
  1611. }
  1612.  
  1613. .fa-flip-vertical {
  1614. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  1615. -webkit-transform: scale(1, -1);
  1616. -ms-transform: scale(1, -1);
  1617. transform: scale(1, -1);
  1618. }
  1619.  
  1620. :root .fa-rotate-90,
  1621. :root .fa-rotate-180,
  1622. :root .fa-rotate-270,
  1623. :root .fa-flip-horizontal,
  1624. :root .fa-flip-vertical {
  1625. filter: none;
  1626. }
  1627.  
  1628. .fa-stack {
  1629. position: relative;
  1630. display: inline-block;
  1631. width: 2em;
  1632. height: 2em;
  1633. line-height: 2em;
  1634. vertical-align: middle;
  1635. }
  1636.  
  1637. .fa-stack-1x,
  1638. .fa-stack-2x {
  1639. position: absolute;
  1640. left: 0;
  1641. width: 100%;
  1642. text-align: center;
  1643. }
  1644.  
  1645. .fa-stack-1x {
  1646. line-height: inherit;
  1647. }
  1648.  
  1649. .fa-stack-2x {
  1650. font-size: 2em;
  1651. }
  1652.  
  1653. .fa-inverse {
  1654. color: #ffffff;
  1655. }
  1656.  
  1657. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  1658. readers do not read off random characters that represent icons */
  1659.  
  1660. .fa-glass:before {
  1661. content: "\f000";
  1662. }
  1663.  
  1664. .fa-music:before {
  1665. content: "\f001";
  1666. }
  1667.  
  1668. .fa-search:before {
  1669. content: "\f002";
  1670. }
  1671.  
  1672. .fa-envelope-o:before {
  1673. content: "\f003";
  1674. }
  1675.  
  1676. .fa-heart:before {
  1677. content: "\f004";
  1678. }
  1679.  
  1680. .fa-star:before {
  1681. content: "\f005";
  1682. }
  1683.  
  1684. .fa-star-o:before {
  1685. content: "\f006";
  1686. }
  1687.  
  1688. .fa-user:before {
  1689. content: "\f007";
  1690. }
  1691.  
  1692. .fa-film:before {
  1693. content: "\f008";
  1694. }
  1695.  
  1696. .fa-th-large:before {
  1697. content: "\f009";
  1698. }
  1699.  
  1700. .fa-th:before {
  1701. content: "\f00a";
  1702. }
  1703.  
  1704. .fa-th-list:before {
  1705. content: "\f00b";
  1706. }
  1707.  
  1708. .fa-check:before {
  1709. content: "\f00c";
  1710. }
  1711.  
  1712. .fa-remove:before,
  1713. .fa-close:before,
  1714. .fa-times:before {
  1715. content: "\f00d";
  1716. }
  1717.  
  1718. .fa-search-plus:before {
  1719. content: "\f00e";
  1720. }
  1721.  
  1722. .fa-search-minus:before {
  1723. content: "\f010";
  1724. }
  1725.  
  1726. .fa-power-off:before {
  1727. content: "\f011";
  1728. }
  1729.  
  1730. .fa-signal:before {
  1731. content: "\f012";
  1732. }
  1733.  
  1734. .fa-gear:before,
  1735. .fa-cog:before {
  1736. content: "\f013";
  1737. }
  1738.  
  1739. .fa-trash-o:before {
  1740. content: "\f014";
  1741. }
  1742.  
  1743. .fa-home:before {
  1744. content: "\f015";
  1745. }
  1746.  
  1747. .fa-file-o:before {
  1748. content: "\f016";
  1749. }
  1750.  
  1751. .fa-clock-o:before {
  1752. content: "\f017";
  1753. }
  1754.  
  1755. .fa-road:before {
  1756. content: "\f018";
  1757. }
  1758.  
  1759. .fa-download:before {
  1760. content: "\f019";
  1761. }
  1762.  
  1763. .fa-arrow-circle-o-down:before {
  1764. content: "\f01a";
  1765. }
  1766.  
  1767. .fa-arrow-circle-o-up:before {
  1768. content: "\f01b";
  1769. }
  1770.  
  1771. .fa-inbox:before {
  1772. content: "\f01c";
  1773. }
  1774.  
  1775. .fa-play-circle-o:before {
  1776. content: "\f01d";
  1777. }
  1778.  
  1779. .fa-rotate-right:before,
  1780. .fa-repeat:before {
  1781. content: "\f01e";
  1782. }
  1783.  
  1784. .fa-refresh:before {
  1785. content: "\f021";
  1786. }
  1787.  
  1788. .fa-list-alt:before {
  1789. content: "\f022";
  1790. }
  1791.  
  1792. .fa-lock:before {
  1793. content: "\f023";
  1794. }
  1795.  
  1796. .fa-flag:before {
  1797. content: "\f024";
  1798. }
  1799.  
  1800. .fa-headphones:before {
  1801. content: "\f025";
  1802. }
  1803.  
  1804. .fa-volume-off:before {
  1805. content: "\f026";
  1806. }
  1807.  
  1808. .fa-volume-down:before {
  1809. content: "\f027";
  1810. }
  1811.  
  1812. .fa-volume-up:before {
  1813. content: "\f028";
  1814. }
  1815.  
  1816. .fa-qrcode:before {
  1817. content: "\f029";
  1818. }
  1819.  
  1820. .fa-barcode:before {
  1821. content: "\f02a";
  1822. }
  1823.  
  1824. .fa-tag:before {
  1825. content: "\f02b";
  1826. }
  1827.  
  1828. .fa-tags:before {
  1829. content: "\f02c";
  1830. }
  1831.  
  1832. .fa-book:before {
  1833. content: "\f02d";
  1834. }
  1835.  
  1836. .fa-bookmark:before {
  1837. content: "\f02e";
  1838. }
  1839.  
  1840. .fa-print:before {
  1841. content: "\f02f";
  1842. }
  1843.  
  1844. .fa-camera:before {
  1845. content: "\f030";
  1846. }
  1847.  
  1848. .fa-font:before {
  1849. content: "\f031";
  1850. }
  1851.  
  1852. .fa-bold:before {
  1853. content: "\f032";
  1854. }
  1855.  
  1856. .fa-italic:before {
  1857. content: "\f033";
  1858. }
  1859.  
  1860. .fa-text-height:before {
  1861. content: "\f034";
  1862. }
  1863.  
  1864. .fa-text-width:before {
  1865. content: "\f035";
  1866. }
  1867.  
  1868. .fa-align-left:before {
  1869. content: "\f036";
  1870. }
  1871.  
  1872. .fa-align-center:before {
  1873. content: "\f037";
  1874. }
  1875.  
  1876. .fa-align-right:before {
  1877. content: "\f038";
  1878. }
  1879.  
  1880. .fa-align-justify:before {
  1881. content: "\f039";
  1882. }
  1883.  
  1884. .fa-list:before {
  1885. content: "\f03a";
  1886. }
  1887.  
  1888. .fa-dedent:before,
  1889. .fa-outdent:before {
  1890. content: "\f03b";
  1891. }
  1892.  
  1893. .fa-indent:before {
  1894. content: "\f03c";
  1895. }
  1896.  
  1897. .fa-video-camera:before {
  1898. content: "\f03d";
  1899. }
  1900.  
  1901. .fa-photo:before,
  1902. .fa-image:before,
  1903. .fa-picture-o:before {
  1904. content: "\f03e";
  1905. }
  1906.  
  1907. .fa-pencil:before {
  1908. content: "\f040";
  1909. }
  1910.  
  1911. .fa-map-marker:before {
  1912. content: "\f041";
  1913. }
  1914.  
  1915. .fa-adjust:before {
  1916. content: "\f042";
  1917. }
  1918.  
  1919. .fa-tint:before {
  1920. content: "\f043";
  1921. }
  1922.  
  1923. .fa-edit:before,
  1924. .fa-pencil-square-o:before {
  1925. content: "\f044";
  1926. }
  1927.  
  1928. .fa-share-square-o:before {
  1929. content: "\f045";
  1930. }
  1931.  
  1932. .fa-check-square-o:before {
  1933. content: "\f046";
  1934. }
  1935.  
  1936. .fa-arrows:before {
  1937. content: "\f047";
  1938. }
  1939.  
  1940. .fa-step-backward:before {
  1941. content: "\f048";
  1942. }
  1943.  
  1944. .fa-fast-backward:before {
  1945. content: "\f049";
  1946. }
  1947.  
  1948. .fa-backward:before {
  1949. content: "\f04a";
  1950. }
  1951.  
  1952. .fa-play:before {
  1953. content: "\f04b";
  1954. }
  1955.  
  1956. .fa-pause:before {
  1957. content: "\f04c";
  1958. }
  1959.  
  1960. .fa-stop:before {
  1961. content: "\f04d";
  1962. }
  1963.  
  1964. .fa-forward:before {
  1965. content: "\f04e";
  1966. }
  1967.  
  1968. .fa-fast-forward:before {
  1969. content: "\f050";
  1970. }
  1971.  
  1972. .fa-step-forward:before {
  1973. content: "\f051";
  1974. }
  1975.  
  1976. .fa-eject:before {
  1977. content: "\f052";
  1978. }
  1979.  
  1980. .fa-chevron-left:before {
  1981. content: "\f053";
  1982. }
  1983.  
  1984. .fa-chevron-right:before {
  1985. content: "\f054";
  1986. }
  1987.  
  1988. .fa-plus-circle:before {
  1989. content: "\f055";
  1990. }
  1991.  
  1992. .fa-minus-circle:before {
  1993. content: "\f056";
  1994. }
  1995.  
  1996. .fa-times-circle:before {
  1997. content: "\f057";
  1998. }
  1999.  
  2000. .fa-check-circle:before {
  2001. content: "\f058";
  2002. }
  2003.  
  2004. .fa-question-circle:before {
  2005. content: "\f059";
  2006. }
  2007.  
  2008. .fa-info-circle:before {
  2009. content: "\f05a";
  2010. }
  2011.  
  2012. .fa-crosshairs:before {
  2013. content: "\f05b";
  2014. }
  2015.  
  2016. .fa-times-circle-o:before {
  2017. content: "\f05c";
  2018. }
  2019.  
  2020. .fa-check-circle-o:before {
  2021. content: "\f05d";
  2022. }
  2023.  
  2024. .fa-ban:before {
  2025. content: "\f05e";
  2026. }
  2027.  
  2028. .fa-arrow-left:before {
  2029. content: "\f060";
  2030. }
  2031.  
  2032. .fa-arrow-right:before {
  2033. content: "\f061";
  2034. }
  2035.  
  2036. .fa-arrow-up:before {
  2037. content: "\f062";
  2038. }
  2039.  
  2040. .fa-arrow-down:before {
  2041. content: "\f063";
  2042. }
  2043.  
  2044. .fa-mail-forward:before,
  2045. .fa-share:before {
  2046. content: "\f064";
  2047. }
  2048.  
  2049. .fa-expand:before {
  2050. content: "\f065";
  2051. }
  2052.  
  2053. .fa-compress:before {
  2054. content: "\f066";
  2055. }
  2056.  
  2057. .fa-plus:before {
  2058. content: "\f067";
  2059. }
  2060.  
  2061. .fa-minus:before {
  2062. content: "\f068";
  2063. }
  2064.  
  2065. .fa-asterisk:before {
  2066. content: "\f069";
  2067. }
  2068.  
  2069. .fa-exclamation-circle:before {
  2070. content: "\f06a";
  2071. }
  2072.  
  2073. .fa-gift:before {
  2074. content: "\f06b";
  2075. }
  2076.  
  2077. .fa-leaf:before {
  2078. content: "\f06c";
  2079. }
  2080.  
  2081. .fa-fire:before {
  2082. content: "\f06d";
  2083. }
  2084.  
  2085. .fa-eye:before {
  2086. content: "\f06e";
  2087. }
  2088.  
  2089. .fa-eye-slash:before {
  2090. content: "\f070";
  2091. }
  2092.  
  2093. .fa-warning:before,
  2094. .fa-exclamation-triangle:before {
  2095. content: "\f071";
  2096. }
  2097.  
  2098. .fa-plane:before {
  2099. content: "\f072";
  2100. }
  2101.  
  2102. .fa-calendar:before {
  2103. content: "\f073";
  2104. }
  2105.  
  2106. .fa-random:before {
  2107. content: "\f074";
  2108. }
  2109.  
  2110. .fa-comment:before {
  2111. content: "\f075";
  2112. }
  2113.  
  2114. .fa-magnet:before {
  2115. content: "\f076";
  2116. }
  2117.  
  2118. .fa-chevron-up:before {
  2119. content: "\f077";
  2120. }
  2121.  
  2122. .fa-chevron-down:before {
  2123. content: "\f078";
  2124. }
  2125.  
  2126. .fa-retweet:before {
  2127. content: "\f079";
  2128. }
  2129.  
  2130. .fa-shopping-cart:before {
  2131. content: "\f07a";
  2132. }
  2133.  
  2134. .fa-folder:before {
  2135. content: "\f07b";
  2136. }
  2137.  
  2138. .fa-folder-open:before {
  2139. content: "\f07c";
  2140. }
  2141.  
  2142. .fa-arrows-v:before {
  2143. content: "\f07d";
  2144. }
  2145.  
  2146. .fa-arrows-h:before {
  2147. content: "\f07e";
  2148. }
  2149.  
  2150. .fa-bar-chart-o:before,
  2151. .fa-bar-chart:before {
  2152. content: "\f080";
  2153. }
  2154.  
  2155. .fa-twitter-square:before {
  2156. content: "\f081";
  2157. }
  2158.  
  2159. .fa-facebook-square:before {
  2160. content: "\f082";
  2161. }
  2162.  
  2163. .fa-camera-retro:before {
  2164. content: "\f083";
  2165. }
  2166.  
  2167. .fa-key:before {
  2168. content: "\f084";
  2169. }
  2170.  
  2171. .fa-gears:before,
  2172. .fa-cogs:before {
  2173. content: "\f085";
  2174. }
  2175.  
  2176. .fa-comments:before {
  2177. content: "\f086";
  2178. }
  2179.  
  2180. .fa-thumbs-o-up:before {
  2181. content: "\f087";
  2182. }
  2183.  
  2184. .fa-thumbs-o-down:before {
  2185. content: "\f088";
  2186. }
  2187.  
  2188. .fa-star-half:before {
  2189. content: "\f089";
  2190. }
  2191.  
  2192. .fa-heart-o:before {
  2193. content: "\f08a";
  2194. }
  2195.  
  2196. .fa-sign-out:before {
  2197. content: "\f08b";
  2198. }
  2199.  
  2200. .fa-linkedin-square:before {
  2201. content: "\f08c";
  2202. }
  2203.  
  2204. .fa-thumb-tack:before {
  2205. content: "\f08d";
  2206. }
  2207.  
  2208. .fa-external-link:before {
  2209. content: "\f08e";
  2210. }
  2211.  
  2212. .fa-sign-in:before {
  2213. content: "\f090";
  2214. }
  2215.  
  2216. .fa-trophy:before {
  2217. content: "\f091";
  2218. }
  2219.  
  2220. .fa-github-square:before {
  2221. content: "\f092";
  2222. }
  2223.  
  2224. .fa-upload:before {
  2225. content: "\f093";
  2226. }
  2227.  
  2228. .fa-lemon-o:before {
  2229. content: "\f094";
  2230. }
  2231.  
  2232. .fa-phone:before {
  2233. content: "\f095";
  2234. }
  2235.  
  2236. .fa-square-o:before {
  2237. content: "\f096";
  2238. }
  2239.  
  2240. .fa-bookmark-o:before {
  2241. content: "\f097";
  2242. }
  2243.  
  2244. .fa-phone-square:before {
  2245. content: "\f098";
  2246. }
  2247.  
  2248. .fa-twitter:before {
  2249. content: "\f099";
  2250. }
  2251.  
  2252. .fa-facebook-f:before,
  2253. .fa-facebook:before {
  2254. content: "\f09a";
  2255. }
  2256.  
  2257. .fa-github:before {
  2258. content: "\f09b";
  2259. }
  2260.  
  2261. .fa-unlock:before {
  2262. content: "\f09c";
  2263. }
  2264.  
  2265. .fa-credit-card:before {
  2266. content: "\f09d";
  2267. }
  2268.  
  2269. .fa-feed:before,
  2270. .fa-rss:before {
  2271. content: "\f09e";
  2272. }
  2273.  
  2274. .fa-hdd-o:before {
  2275. content: "\f0a0";
  2276. }
  2277.  
  2278. .fa-bullhorn:before {
  2279. content: "\f0a1";
  2280. }
  2281.  
  2282. .fa-bell:before {
  2283. content: "\f0f3";
  2284. }
  2285.  
  2286. .fa-certificate:before {
  2287. content: "\f0a3";
  2288. }
  2289.  
  2290. .fa-hand-o-right:before {
  2291. content: "\f0a4";
  2292. }
  2293.  
  2294. .fa-hand-o-left:before {
  2295. content: "\f0a5";
  2296. }
  2297.  
  2298. .fa-hand-o-up:before {
  2299. content: "\f0a6";
  2300. }
  2301.  
  2302. .fa-hand-o-down:before {
  2303. content: "\f0a7";
  2304. }
  2305.  
  2306. .fa-arrow-circle-left:before {
  2307. content: "\f0a8";
  2308. }
  2309.  
  2310. .fa-arrow-circle-right:before {
  2311. content: "\f0a9";
  2312. }
  2313.  
  2314. .fa-arrow-circle-up:before {
  2315. content: "\f0aa";
  2316. }
  2317.  
  2318. .fa-arrow-circle-down:before {
  2319. content: "\f0ab";
  2320. }
  2321.  
  2322. .fa-globe:before {
  2323. content: "\f0ac";
  2324. }
  2325.  
  2326. .fa-wrench:before {
  2327. content: "\f0ad";
  2328. }
  2329.  
  2330. .fa-tasks:before {
  2331. content: "\f0ae";
  2332. }
  2333.  
  2334. .fa-filter:before {
  2335. content: "\f0b0";
  2336. }
  2337.  
  2338. .fa-briefcase:before {
  2339. content: "\f0b1";
  2340. }
  2341.  
  2342. .fa-arrows-alt:before {
  2343. content: "\f0b2";
  2344. }
  2345.  
  2346. .fa-group:before,
  2347. .fa-users:before {
  2348. content: "\f0c0";
  2349. }
  2350.  
  2351. .fa-chain:before,
  2352. .fa-link:before {
  2353. content: "\f0c1";
  2354. }
  2355.  
  2356. .fa-cloud:before {
  2357. content: "\f0c2";
  2358. }
  2359.  
  2360. .fa-flask:before {
  2361. content: "\f0c3";
  2362. }
  2363.  
  2364. .fa-cut:before,
  2365. .fa-scissors:before {
  2366. content: "\f0c4";
  2367. }
  2368.  
  2369. .fa-copy:before,
  2370. .fa-files-o:before {
  2371. content: "\f0c5";
  2372. }
  2373.  
  2374. .fa-paperclip:before {
  2375. content: "\f0c6";
  2376. }
  2377.  
  2378. .fa-save:before,
  2379. .fa-floppy-o:before {
  2380. content: "\f0c7";
  2381. }
  2382.  
  2383. .fa-square:before {
  2384. content: "\f0c8";
  2385. }
  2386.  
  2387. .fa-navicon:before,
  2388. .fa-reorder:before,
  2389. .fa-bars:before {
  2390. content: "\f0c9";
  2391. }
  2392.  
  2393. .fa-list-ul:before {
  2394. content: "\f0ca";
  2395. }
  2396.  
  2397. .fa-list-ol:before {
  2398. content: "\f0cb";
  2399. }
  2400.  
  2401. .fa-strikethrough:before {
  2402. content: "\f0cc";
  2403. }
  2404.  
  2405. .fa-underline:before {
  2406. content: "\f0cd";
  2407. }
  2408.  
  2409. .fa-table:before {
  2410. content: "\f0ce";
  2411. }
  2412.  
  2413. .fa-magic:before {
  2414. content: "\f0d0";
  2415. }
  2416.  
  2417. .fa-truck:before {
  2418. content: "\f0d1";
  2419. }
  2420.  
  2421. .fa-pinterest:before {
  2422. content: "\f0d2";
  2423. }
  2424.  
  2425. .fa-pinterest-square:before {
  2426. content: "\f0d3";
  2427. }
  2428.  
  2429. .fa-google-plus-square:before {
  2430. content: "\f0d4";
  2431. }
  2432.  
  2433. .fa-google-plus:before {
  2434. content: "\f0d5";
  2435. }
  2436.  
  2437. .fa-money:before {
  2438. content: "\f0d6";
  2439. }
  2440.  
  2441. .fa-caret-down:before {
  2442. content: "\f0d7";
  2443. }
  2444.  
  2445. .fa-caret-up:before {
  2446. content: "\f0d8";
  2447. }
  2448.  
  2449. .fa-caret-left:before {
  2450. content: "\f0d9";
  2451. }
  2452.  
  2453. .fa-caret-right:before {
  2454. content: "\f0da";
  2455. }
  2456.  
  2457. .fa-columns:before {
  2458. content: "\f0db";
  2459. }
  2460.  
  2461. .fa-unsorted:before,
  2462. .fa-sort:before {
  2463. content: "\f0dc";
  2464. }
  2465.  
  2466. .fa-sort-down:before,
  2467. .fa-sort-desc:before {
  2468. content: "\f0dd";
  2469. }
  2470.  
  2471. .fa-sort-up:before,
  2472. .fa-sort-asc:before {
  2473. content: "\f0de";
  2474. }
  2475.  
  2476. .fa-envelope:before {
  2477. content: "\f0e0";
  2478. }
  2479.  
  2480. .fa-linkedin:before {
  2481. content: "\f0e1";
  2482. }
  2483.  
  2484. .fa-rotate-left:before,
  2485. .fa-undo:before {
  2486. content: "\f0e2";
  2487. }
  2488.  
  2489. .fa-legal:before,
  2490. .fa-gavel:before {
  2491. content: "\f0e3";
  2492. }
  2493.  
  2494. .fa-dashboard:before,
  2495. .fa-tachometer:before {
  2496. content: "\f0e4";
  2497. }
  2498.  
  2499. .fa-comment-o:before {
  2500. content: "\f0e5";
  2501. }
  2502.  
  2503. .fa-comments-o:before {
  2504. content: "\f0e6";
  2505. }
  2506.  
  2507. .fa-flash:before,
  2508. .fa-bolt:before {
  2509. content: "\f0e7";
  2510. }
  2511.  
  2512. .fa-sitemap:before {
  2513. content: "\f0e8";
  2514. }
  2515.  
  2516. .fa-umbrella:before {
  2517. content: "\f0e9";
  2518. }
  2519.  
  2520. .fa-paste:before,
  2521. .fa-clipboard:before {
  2522. content: "\f0ea";
  2523. }
  2524.  
  2525. .fa-lightbulb-o:before {
  2526. content: "\f0eb";
  2527. }
  2528.  
  2529. .fa-exchange:before {
  2530. content: "\f0ec";
  2531. }
  2532.  
  2533. .fa-cloud-download:before {
  2534. content: "\f0ed";
  2535. }
  2536.  
  2537. .fa-cloud-upload:before {
  2538. content: "\f0ee";
  2539. }
  2540.  
  2541. .fa-user-md:before {
  2542. content: "\f0f0";
  2543. }
  2544.  
  2545. .fa-stethoscope:before {
  2546. content: "\f0f1";
  2547. }
  2548.  
  2549. .fa-suitcase:before {
  2550. content: "\f0f2";
  2551. }
  2552.  
  2553. .fa-bell-o:before {
  2554. content: "\f0a2";
  2555. }
  2556.  
  2557. .fa-coffee:before {
  2558. content: "\f0f4";
  2559. }
  2560.  
  2561. .fa-cutlery:before {
  2562. content: "\f0f5";
  2563. }
  2564.  
  2565. .fa-file-text-o:before {
  2566. content: "\f0f6";
  2567. }
  2568.  
  2569. .fa-building-o:before {
  2570. content: "\f0f7";
  2571. }
  2572.  
  2573. .fa-hospital-o:before {
  2574. content: "\f0f8";
  2575. }
  2576.  
  2577. .fa-ambulance:before {
  2578. content: "\f0f9";
  2579. }
  2580.  
  2581. .fa-medkit:before {
  2582. content: "\f0fa";
  2583. }
  2584.  
  2585. .fa-fighter-jet:before {
  2586. content: "\f0fb";
  2587. }
  2588.  
  2589. .fa-beer:before {
  2590. content: "\f0fc";
  2591. }
  2592.  
  2593. .fa-h-square:before {
  2594. content: "\f0fd";
  2595. }
  2596.  
  2597. .fa-plus-square:before {
  2598. content: "\f0fe";
  2599. }
  2600.  
  2601. .fa-angle-double-left:before {
  2602. content: "\f100";
  2603. }
  2604.  
  2605. .fa-angle-double-right:before {
  2606. content: "\f101";
  2607. }
  2608.  
  2609. .fa-angle-double-up:before {
  2610. content: "\f102";
  2611. }
  2612.  
  2613. .fa-angle-double-down:before {
  2614. content: "\f103";
  2615. }
  2616.  
  2617. .fa-angle-left:before {
  2618. content: "\f104";
  2619. }
  2620.  
  2621. .fa-angle-right:before {
  2622. content: "\f105";
  2623. }
  2624.  
  2625. .fa-angle-up:before {
  2626. content: "\f106";
  2627. }
  2628.  
  2629. .fa-angle-down:before {
  2630. content: "\f107";
  2631. }
  2632.  
  2633. .fa-desktop:before {
  2634. content: "\f108";
  2635. }
  2636.  
  2637. .fa-laptop:before {
  2638. content: "\f109";
  2639. }
  2640.  
  2641. .fa-tablet:before {
  2642. content: "\f10a";
  2643. }
  2644.  
  2645. .fa-mobile-phone:before,
  2646. .fa-mobile:before {
  2647. content: "\f10b";
  2648. }
  2649.  
  2650. .fa-circle-o:before {
  2651. content: "\f10c";
  2652. }
  2653.  
  2654. .fa-quote-left:before {
  2655. content: "\f10d";
  2656. }
  2657.  
  2658. .fa-quote-right:before {
  2659. content: "\f10e";
  2660. }
  2661.  
  2662. .fa-spinner:before {
  2663. content: "\f110";
  2664. }
  2665.  
  2666. .fa-circle:before {
  2667. content: "\f111";
  2668. }
  2669.  
  2670. .fa-mail-reply:before,
  2671. .fa-reply:before {
  2672. content: "\f112";
  2673. }
  2674.  
  2675. .fa-github-alt:before {
  2676. content: "\f113";
  2677. }
  2678.  
  2679. .fa-folder-o:before {
  2680. content: "\f114";
  2681. }
  2682.  
  2683. .fa-folder-open-o:before {
  2684. content: "\f115";
  2685. }
  2686.  
  2687. .fa-smile-o:before {
  2688. content: "\f118";
  2689. }
  2690.  
  2691. .fa-frown-o:before {
  2692. content: "\f119";
  2693. }
  2694.  
  2695. .fa-meh-o:before {
  2696. content: "\f11a";
  2697. }
  2698.  
  2699. .fa-gamepad:before {
  2700. content: "\f11b";
  2701. }
  2702.  
  2703. .fa-keyboard-o:before {
  2704. content: "\f11c";
  2705. }
  2706.  
  2707. .fa-flag-o:before {
  2708. content: "\f11d";
  2709. }
  2710.  
  2711. .fa-flag-checkered:before {
  2712. content: "\f11e";
  2713. }
  2714.  
  2715. .fa-terminal:before {
  2716. content: "\f120";
  2717. }
  2718.  
  2719. .fa-code:before {
  2720. content: "\f121";
  2721. }
  2722.  
  2723. .fa-mail-reply-all:before,
  2724. .fa-reply-all:before {
  2725. content: "\f122";
  2726. }
  2727.  
  2728. .fa-star-half-empty:before,
  2729. .fa-star-half-full:before,
  2730. .fa-star-half-o:before {
  2731. content: "\f123";
  2732. }
  2733.  
  2734. .fa-location-arrow:before {
  2735. content: "\f124";
  2736. }
  2737.  
  2738. .fa-crop:before {
  2739. content: "\f125";
  2740. }
  2741.  
  2742. .fa-code-fork:before {
  2743. content: "\f126";
  2744. }
  2745.  
  2746. .fa-unlink:before,
  2747. .fa-chain-broken:before {
  2748. content: "\f127";
  2749. }
  2750.  
  2751. .fa-question:before {
  2752. content: "\f128";
  2753. }
  2754.  
  2755. .fa-info:before {
  2756. content: "\f129";
  2757. }
  2758.  
  2759. .fa-exclamation:before {
  2760. content: "\f12a";
  2761. }
  2762.  
  2763. .fa-superscript:before {
  2764. content: "\f12b";
  2765. }
  2766.  
  2767. .fa-subscript:before {
  2768. content: "\f12c";
  2769. }
  2770.  
  2771. .fa-eraser:before {
  2772. content: "\f12d";
  2773. }
  2774.  
  2775. .fa-puzzle-piece:before {
  2776. content: "\f12e";
  2777. }
  2778.  
  2779. .fa-microphone:before {
  2780. content: "\f130";
  2781. }
  2782.  
  2783. .fa-microphone-slash:before {
  2784. content: "\f131";
  2785. }
  2786.  
  2787. .fa-shield:before {
  2788. content: "\f132";
  2789. }
  2790.  
  2791. .fa-calendar-o:before {
  2792. content: "\f133";
  2793. }
  2794.  
  2795. .fa-fire-extinguisher:before {
  2796. content: "\f134";
  2797. }
  2798.  
  2799. .fa-rocket:before {
  2800. content: "\f135";
  2801. }
  2802.  
  2803. .fa-maxcdn:before {
  2804. content: "\f136";
  2805. }
  2806.  
  2807. .fa-chevron-circle-left:before {
  2808. content: "\f137";
  2809. }
  2810.  
  2811. .fa-chevron-circle-right:before {
  2812. content: "\f138";
  2813. }
  2814.  
  2815. .fa-chevron-circle-up:before {
  2816. content: "\f139";
  2817. }
  2818.  
  2819. .fa-chevron-circle-down:before {
  2820. content: "\f13a";
  2821. }
  2822.  
  2823. .fa-html5:before {
  2824. content: "\f13b";
  2825. }
  2826.  
  2827. .fa-css3:before {
  2828. content: "\f13c";
  2829. }
  2830.  
  2831. .fa-anchor:before {
  2832. content: "\f13d";
  2833. }
  2834.  
  2835. .fa-unlock-alt:before {
  2836. content: "\f13e";
  2837. }
  2838.  
  2839. .fa-bullseye:before {
  2840. content: "\f140";
  2841. }
  2842.  
  2843. .fa-ellipsis-h:before {
  2844. content: "\f141";
  2845. }
  2846.  
  2847. .fa-ellipsis-v:before {
  2848. content: "\f142";
  2849. }
  2850.  
  2851. .fa-rss-square:before {
  2852. content: "\f143";
  2853. }
  2854.  
  2855. .fa-play-circle:before {
  2856. content: "\f144";
  2857. }
  2858.  
  2859. .fa-ticket:before {
  2860. content: "\f145";
  2861. }
  2862.  
  2863. .fa-minus-square:before {
  2864. content: "\f146";
  2865. }
  2866.  
  2867. .fa-minus-square-o:before {
  2868. content: "\f147";
  2869. }
  2870.  
  2871. .fa-level-up:before {
  2872. content: "\f148";
  2873. }
  2874.  
  2875. .fa-level-down:before {
  2876. content: "\f149";
  2877. }
  2878.  
  2879. .fa-check-square:before {
  2880. content: "\f14a";
  2881. }
  2882.  
  2883. .fa-pencil-square:before {
  2884. content: "\f14b";
  2885. }
  2886.  
  2887. .fa-external-link-square:before {
  2888. content: "\f14c";
  2889. }
  2890.  
  2891. .fa-share-square:before {
  2892. content: "\f14d";
  2893. }
  2894.  
  2895. .fa-compass:before {
  2896. content: "\f14e";
  2897. }
  2898.  
  2899. .fa-toggle-down:before,
  2900. .fa-caret-square-o-down:before {
  2901. content: "\f150";
  2902. }
  2903.  
  2904. .fa-toggle-up:before,
  2905. .fa-caret-square-o-up:before {
  2906. content: "\f151";
  2907. }
  2908.  
  2909. .fa-toggle-right:before,
  2910. .fa-caret-square-o-right:before {
  2911. content: "\f152";
  2912. }
  2913.  
  2914. .fa-euro:before,
  2915. .fa-eur:before {
  2916. content: "\f153";
  2917. }
  2918.  
  2919. .fa-gbp:before {
  2920. content: "\f154";
  2921. }
  2922.  
  2923. .fa-dollar:before,
  2924. .fa-usd:before {
  2925. content: "\f155";
  2926. }
  2927.  
  2928. .fa-rupee:before,
  2929. .fa-inr:before {
  2930. content: "\f156";
  2931. }
  2932.  
  2933. .fa-cny:before,
  2934. .fa-rmb:before,
  2935. .fa-yen:before,
  2936. .fa-jpy:before {
  2937. content: "\f157";
  2938. }
  2939.  
  2940. .fa-ruble:before,
  2941. .fa-rouble:before,
  2942. .fa-rub:before {
  2943. content: "\f158";
  2944. }
  2945.  
  2946. .fa-won:before,
  2947. .fa-krw:before {
  2948. content: "\f159";
  2949. }
  2950.  
  2951. .fa-bitcoin:before,
  2952. .fa-btc:before {
  2953. content: "\f15a";
  2954. }
  2955.  
  2956. .fa-file:before {
  2957. content: "\f15b";
  2958. }
  2959.  
  2960. .fa-file-text:before {
  2961. content: "\f15c";
  2962. }
  2963.  
  2964. .fa-sort-alpha-asc:before {
  2965. content: "\f15d";
  2966. }
  2967.  
  2968. .fa-sort-alpha-desc:before {
  2969. content: "\f15e";
  2970. }
  2971.  
  2972. .fa-sort-amount-asc:before {
  2973. content: "\f160";
  2974. }
  2975.  
  2976. .fa-sort-amount-desc:before {
  2977. content: "\f161";
  2978. }
  2979.  
  2980. .fa-sort-numeric-asc:before {
  2981. content: "\f162";
  2982. }
  2983.  
  2984. .fa-sort-numeric-desc:before {
  2985. content: "\f163";
  2986. }
  2987.  
  2988. .fa-thumbs-up:before {
  2989. content: "\f164";
  2990. }
  2991.  
  2992. .fa-thumbs-down:before {
  2993. content: "\f165";
  2994. }
  2995.  
  2996. .fa-youtube-square:before {
  2997. content: "\f166";
  2998. }
  2999.  
  3000. .fa-youtube:before {
  3001. content: "\f167";
  3002. }
  3003.  
  3004. .fa-xing:before {
  3005. content: "\f168";
  3006. }
  3007.  
  3008. .fa-xing-square:before {
  3009. content: "\f169";
  3010. }
  3011.  
  3012. .fa-youtube-play:before {
  3013. content: "\f16a";
  3014. }
  3015.  
  3016. .fa-dropbox:before {
  3017. content: "\f16b";
  3018. }
  3019.  
  3020. .fa-stack-overflow:before {
  3021. content: "\f16c";
  3022. }
  3023.  
  3024. .fa-instagram:before {
  3025. content: "\f16d";
  3026. }
  3027.  
  3028. .fa-flickr:before {
  3029. content: "\f16e";
  3030. }
  3031.  
  3032. .fa-adn:before {
  3033. content: "\f170";
  3034. }
  3035.  
  3036. .fa-bitbucket:before {
  3037. content: "\f171";
  3038. }
  3039.  
  3040. .fa-bitbucket-square:before {
  3041. content: "\f172";
  3042. }
  3043.  
  3044. .fa-tumblr:before {
  3045. content: "\f173";
  3046. }
  3047.  
  3048. .fa-tumblr-square:before {
  3049. content: "\f174";
  3050. }
  3051.  
  3052. .fa-long-arrow-down:before {
  3053. content: "\f175";
  3054. }
  3055.  
  3056. .fa-long-arrow-up:before {
  3057. content: "\f176";
  3058. }
  3059.  
  3060. .fa-long-arrow-left:before {
  3061. content: "\f177";
  3062. }
  3063.  
  3064. .fa-long-arrow-right:before {
  3065. content: "\f178";
  3066. }
  3067.  
  3068. .fa-apple:before {
  3069. content: "\f179";
  3070. }
  3071.  
  3072. .fa-windows:before {
  3073. content: "\f17a";
  3074. }
  3075.  
  3076. .fa-android:before {
  3077. content: "\f17b";
  3078. }
  3079.  
  3080. .fa-linux:before {
  3081. content: "\f17c";
  3082. }
  3083.  
  3084. .fa-dribbble:before {
  3085. content: "\f17d";
  3086. }
  3087.  
  3088. .fa-skype:before {
  3089. content: "\f17e";
  3090. }
  3091.  
  3092. .fa-foursquare:before {
  3093. content: "\f180";
  3094. }
  3095.  
  3096. .fa-trello:before {
  3097. content: "\f181";
  3098. }
  3099.  
  3100. .fa-female:before {
  3101. content: "\f182";
  3102. }
  3103.  
  3104. .fa-male:before {
  3105. content: "\f183";
  3106. }
  3107.  
  3108. .fa-gittip:before,
  3109. .fa-gratipay:before {
  3110. content: "\f184";
  3111. }
  3112.  
  3113. .fa-sun-o:before {
  3114. content: "\f185";
  3115. }
  3116.  
  3117. .fa-moon-o:before {
  3118. content: "\f186";
  3119. }
  3120.  
  3121. .fa-archive:before {
  3122. content: "\f187";
  3123. }
  3124.  
  3125. .fa-bug:before {
  3126. content: "\f188";
  3127. }
  3128.  
  3129. .fa-vk:before {
  3130. content: "\f189";
  3131. }
  3132.  
  3133. .fa-weibo:before {
  3134. content: "\f18a";
  3135. }
  3136.  
  3137. .fa-renren:before {
  3138. content: "\f18b";
  3139. }
  3140.  
  3141. .fa-pagelines:before {
  3142. content: "\f18c";
  3143. }
  3144.  
  3145. .fa-stack-exchange:before {
  3146. content: "\f18d";
  3147. }
  3148.  
  3149. .fa-arrow-circle-o-right:before {
  3150. content: "\f18e";
  3151. }
  3152.  
  3153. .fa-arrow-circle-o-left:before {
  3154. content: "\f190";
  3155. }
  3156.  
  3157. .fa-toggle-left:before,
  3158. .fa-caret-square-o-left:before {
  3159. content: "\f191";
  3160. }
  3161.  
  3162. .fa-dot-circle-o:before {
  3163. content: "\f192";
  3164. }
  3165.  
  3166. .fa-wheelchair:before {
  3167. content: "\f193";
  3168. }
  3169.  
  3170. .fa-vimeo-square:before {
  3171. content: "\f194";
  3172. }
  3173.  
  3174. .fa-turkish-lira:before,
  3175. .fa-try:before {
  3176. content: "\f195";
  3177. }
  3178.  
  3179. .fa-plus-square-o:before {
  3180. content: "\f196";
  3181. }
  3182.  
  3183. .fa-space-shuttle:before {
  3184. content: "\f197";
  3185. }
  3186.  
  3187. .fa-slack:before {
  3188. content: "\f198";
  3189. }
  3190.  
  3191. .fa-envelope-square:before {
  3192. content: "\f199";
  3193. }
  3194.  
  3195. .fa-wordpress:before {
  3196. content: "\f19a";
  3197. }
  3198.  
  3199. .fa-openid:before {
  3200. content: "\f19b";
  3201. }
  3202.  
  3203. .fa-institution:before,
  3204. .fa-bank:before,
  3205. .fa-university:before {
  3206. content: "\f19c";
  3207. }
  3208.  
  3209. .fa-mortar-board:before,
  3210. .fa-graduation-cap:before {
  3211. content: "\f19d";
  3212. }
  3213.  
  3214. .fa-yahoo:before {
  3215. content: "\f19e";
  3216. }
  3217.  
  3218. .fa-google:before {
  3219. content: "\f1a0";
  3220. }
  3221.  
  3222. .fa-reddit:before {
  3223. content: "\f1a1";
  3224. }
  3225.  
  3226. .fa-reddit-square:before {
  3227. content: "\f1a2";
  3228. }
  3229.  
  3230. .fa-stumbleupon-circle:before {
  3231. content: "\f1a3";
  3232. }
  3233.  
  3234. .fa-stumbleupon:before {
  3235. content: "\f1a4";
  3236. }
  3237.  
  3238. .fa-delicious:before {
  3239. content: "\f1a5";
  3240. }
  3241.  
  3242. .fa-digg:before {
  3243. content: "\f1a6";
  3244. }
  3245.  
  3246. .fa-pied-piper-pp:before {
  3247. content: "\f1a7";
  3248. }
  3249.  
  3250. .fa-pied-piper-alt:before {
  3251. content: "\f1a8";
  3252. }
  3253.  
  3254. .fa-drupal:before {
  3255. content: "\f1a9";
  3256. }
  3257.  
  3258. .fa-joomla:before {
  3259. content: "\f1aa";
  3260. }
  3261.  
  3262. .fa-language:before {
  3263. content: "\f1ab";
  3264. }
  3265.  
  3266. .fa-fax:before {
  3267. content: "\f1ac";
  3268. }
  3269.  
  3270. .fa-building:before {
  3271. content: "\f1ad";
  3272. }
  3273.  
  3274. .fa-child:before {
  3275. content: "\f1ae";
  3276. }
  3277.  
  3278. .fa-paw:before {
  3279. content: "\f1b0";
  3280. }
  3281.  
  3282. .fa-spoon:before {
  3283. content: "\f1b1";
  3284. }
  3285.  
  3286. .fa-cube:before {
  3287. content: "\f1b2";
  3288. }
  3289.  
  3290. .fa-cubes:before {
  3291. content: "\f1b3";
  3292. }
  3293.  
  3294. .fa-behance:before {
  3295. content: "\f1b4";
  3296. }
  3297.  
  3298. .fa-behance-square:before {
  3299. content: "\f1b5";
  3300. }
  3301.  
  3302. .fa-steam:before {
  3303. content: "\f1b6";
  3304. }
  3305.  
  3306. .fa-steam-square:before {
  3307. content: "\f1b7";
  3308. }
  3309.  
  3310. .fa-recycle:before {
  3311. content: "\f1b8";
  3312. }
  3313.  
  3314. .fa-automobile:before,
  3315. .fa-car:before {
  3316. content: "\f1b9";
  3317. }
  3318.  
  3319. .fa-cab:before,
  3320. .fa-taxi:before {
  3321. content: "\f1ba";
  3322. }
  3323.  
  3324. .fa-tree:before {
  3325. content: "\f1bb";
  3326. }
  3327.  
  3328. .fa-spotify:before {
  3329. content: "\f1bc";
  3330. }
  3331.  
  3332. .fa-deviantart:before {
  3333. content: "\f1bd";
  3334. }
  3335.  
  3336. .fa-soundcloud:before {
  3337. content: "\f1be";
  3338. }
  3339.  
  3340. .fa-database:before {
  3341. content: "\f1c0";
  3342. }
  3343.  
  3344. .fa-file-pdf-o:before {
  3345. content: "\f1c1";
  3346. }
  3347.  
  3348. .fa-file-word-o:before {
  3349. content: "\f1c2";
  3350. }
  3351.  
  3352. .fa-file-excel-o:before {
  3353. content: "\f1c3";
  3354. }
  3355.  
  3356. .fa-file-powerpoint-o:before {
  3357. content: "\f1c4";
  3358. }
  3359.  
  3360. .fa-file-photo-o:before,
  3361. .fa-file-picture-o:before,
  3362. .fa-file-image-o:before {
  3363. content: "\f1c5";
  3364. }
  3365.  
  3366. .fa-file-zip-o:before,
  3367. .fa-file-archive-o:before {
  3368. content: "\f1c6";
  3369. }
  3370.  
  3371. .fa-file-sound-o:before,
  3372. .fa-file-audio-o:before {
  3373. content: "\f1c7";
  3374. }
  3375.  
  3376. .fa-file-movie-o:before,
  3377. .fa-file-video-o:before {
  3378. content: "\f1c8";
  3379. }
  3380.  
  3381. .fa-file-code-o:before {
  3382. content: "\f1c9";
  3383. }
  3384.  
  3385. .fa-vine:before {
  3386. content: "\f1ca";
  3387. }
  3388.  
  3389. .fa-codepen:before {
  3390. content: "\f1cb";
  3391. }
  3392.  
  3393. .fa-jsfiddle:before {
  3394. content: "\f1cc";
  3395. }
  3396.  
  3397. .fa-life-bouy:before,
  3398. .fa-life-buoy:before,
  3399. .fa-life-saver:before,
  3400. .fa-support:before,
  3401. .fa-life-ring:before {
  3402. content: "\f1cd";
  3403. }
  3404.  
  3405. .fa-circle-o-notch:before {
  3406. content: "\f1ce";
  3407. }
  3408.  
  3409. .fa-ra:before,
  3410. .fa-resistance:before,
  3411. .fa-rebel:before {
  3412. content: "\f1d0";
  3413. }
  3414.  
  3415. .fa-ge:before,
  3416. .fa-empire:before {
  3417. content: "\f1d1";
  3418. }
  3419.  
  3420. .fa-git-square:before {
  3421. content: "\f1d2";
  3422. }
  3423.  
  3424. .fa-git:before {
  3425. content: "\f1d3";
  3426. }
  3427.  
  3428. .fa-y-combinator-square:before,
  3429. .fa-yc-square:before,
  3430. .fa-hacker-news:before {
  3431. content: "\f1d4";
  3432. }
  3433.  
  3434. .fa-tencent-weibo:before {
  3435. content: "\f1d5";
  3436. }
  3437.  
  3438. .fa-qq:before {
  3439. content: "\f1d6";
  3440. }
  3441.  
  3442. .fa-wechat:before,
  3443. .fa-weixin:before {
  3444. content: "\f1d7";
  3445. }
  3446.  
  3447. .fa-send:before,
  3448. .fa-paper-plane:before {
  3449. content: "\f1d8";
  3450. }
  3451.  
  3452. .fa-send-o:before,
  3453. .fa-paper-plane-o:before {
  3454. content: "\f1d9";
  3455. }
  3456.  
  3457. .fa-history:before {
  3458. content: "\f1da";
  3459. }
  3460.  
  3461. .fa-circle-thin:before {
  3462. content: "\f1db";
  3463. }
  3464.  
  3465. .fa-header:before {
  3466. content: "\f1dc";
  3467. }
  3468.  
  3469. .fa-paragraph:before {
  3470. content: "\f1dd";
  3471. }
  3472.  
  3473. .fa-sliders:before {
  3474. content: "\f1de";
  3475. }
  3476.  
  3477. .fa-share-alt:before {
  3478. content: "\f1e0";
  3479. }
  3480.  
  3481. .fa-share-alt-square:before {
  3482. content: "\f1e1";
  3483. }
  3484.  
  3485. .fa-bomb:before {
  3486. content: "\f1e2";
  3487. }
  3488.  
  3489. .fa-soccer-ball-o:before,
  3490. .fa-futbol-o:before {
  3491. content: "\f1e3";
  3492. }
  3493.  
  3494. .fa-tty:before {
  3495. content: "\f1e4";
  3496. }
  3497.  
  3498. .fa-binoculars:before {
  3499. content: "\f1e5";
  3500. }
  3501.  
  3502. .fa-plug:before {
  3503. content: "\f1e6";
  3504. }
  3505.  
  3506. .fa-slideshare:before {
  3507. content: "\f1e7";
  3508. }
  3509.  
  3510. .fa-twitch:before {
  3511. content: "\f1e8";
  3512. }
  3513.  
  3514. .fa-yelp:before {
  3515. content: "\f1e9";
  3516. }
  3517.  
  3518. .fa-newspaper-o:before {
  3519. content: "\f1ea";
  3520. }
  3521.  
  3522. .fa-wifi:before {
  3523. content: "\f1eb";
  3524. }
  3525.  
  3526. .fa-calculator:before {
  3527. content: "\f1ec";
  3528. }
  3529.  
  3530. .fa-paypal:before {
  3531. content: "\f1ed";
  3532. }
  3533.  
  3534. .fa-google-wallet:before {
  3535. content: "\f1ee";
  3536. }
  3537.  
  3538. .fa-cc-visa:before {
  3539. content: "\f1f0";
  3540. }
  3541.  
  3542. .fa-cc-mastercard:before {
  3543. content: "\f1f1";
  3544. }
  3545.  
  3546. .fa-cc-discover:before {
  3547. content: "\f1f2";
  3548. }
  3549.  
  3550. .fa-cc-amex:before {
  3551. content: "\f1f3";
  3552. }
  3553.  
  3554. .fa-cc-paypal:before {
  3555. content: "\f1f4";
  3556. }
  3557.  
  3558. .fa-cc-stripe:before {
  3559. content: "\f1f5";
  3560. }
  3561.  
  3562. .fa-bell-slash:before {
  3563. content: "\f1f6";
  3564. }
  3565.  
  3566. .fa-bell-slash-o:before {
  3567. content: "\f1f7";
  3568. }
  3569.  
  3570. .fa-trash:before {
  3571. content: "\f1f8";
  3572. }
  3573.  
  3574. .fa-copyright:before {
  3575. content: "\f1f9";
  3576. }
  3577.  
  3578. .fa-at:before {
  3579. content: "\f1fa";
  3580. }
  3581.  
  3582. .fa-eyedropper:before {
  3583. content: "\f1fb";
  3584. }
  3585.  
  3586. .fa-paint-brush:before {
  3587. content: "\f1fc";
  3588. }
  3589.  
  3590. .fa-birthday-cake:before {
  3591. content: "\f1fd";
  3592. }
  3593.  
  3594. .fa-area-chart:before {
  3595. content: "\f1fe";
  3596. }
  3597.  
  3598. .fa-pie-chart:before {
  3599. content: "\f200";
  3600. }
  3601.  
  3602. .fa-line-chart:before {
  3603. content: "\f201";
  3604. }
  3605.  
  3606. .fa-lastfm:before {
  3607. content: "\f202";
  3608. }
  3609.  
  3610. .fa-lastfm-square:before {
  3611. content: "\f203";
  3612. }
  3613.  
  3614. .fa-toggle-off:before {
  3615. content: "\f204";
  3616. }
  3617.  
  3618. .fa-toggle-on:before {
  3619. content: "\f205";
  3620. }
  3621.  
  3622. .fa-bicycle:before {
  3623. content: "\f206";
  3624. }
  3625.  
  3626. .fa-bus:before {
  3627. content: "\f207";
  3628. }
  3629.  
  3630. .fa-ioxhost:before {
  3631. content: "\f208";
  3632. }
  3633.  
  3634. .fa-angellist:before {
  3635. content: "\f209";
  3636. }
  3637.  
  3638. .fa-cc:before {
  3639. content: "\f20a";
  3640. }
  3641.  
  3642. .fa-shekel:before,
  3643. .fa-sheqel:before,
  3644. .fa-ils:before {
  3645. content: "\f20b";
  3646. }
  3647.  
  3648. .fa-meanpath:before {
  3649. content: "\f20c";
  3650. }
  3651.  
  3652. .fa-buysellads:before {
  3653. content: "\f20d";
  3654. }
  3655.  
  3656. .fa-connectdevelop:before {
  3657. content: "\f20e";
  3658. }
  3659.  
  3660. .fa-dashcube:before {
  3661. content: "\f210";
  3662. }
  3663.  
  3664. .fa-forumbee:before {
  3665. content: "\f211";
  3666. }
  3667.  
  3668. .fa-leanpub:before {
  3669. content: "\f212";
  3670. }
  3671.  
  3672. .fa-sellsy:before {
  3673. content: "\f213";
  3674. }
  3675.  
  3676. .fa-shirtsinbulk:before {
  3677. content: "\f214";
  3678. }
  3679.  
  3680. .fa-simplybuilt:before {
  3681. content: "\f215";
  3682. }
  3683.  
  3684. .fa-skyatlas:before {
  3685. content: "\f216";
  3686. }
  3687.  
  3688. .fa-cart-plus:before {
  3689. content: "\f217";
  3690. }
  3691.  
  3692. .fa-cart-arrow-down:before {
  3693. content: "\f218";
  3694. }
  3695.  
  3696. .fa-diamond:before {
  3697. content: "\f219";
  3698. }
  3699.  
  3700. .fa-ship:before {
  3701. content: "\f21a";
  3702. }
  3703.  
  3704. .fa-user-secret:before {
  3705. content: "\f21b";
  3706. }
  3707.  
  3708. .fa-motorcycle:before {
  3709. content: "\f21c";
  3710. }
  3711.  
  3712. .fa-street-view:before {
  3713. content: "\f21d";
  3714. }
  3715.  
  3716. .fa-heartbeat:before {
  3717. content: "\f21e";
  3718. }
  3719.  
  3720. .fa-venus:before {
  3721. content: "\f221";
  3722. }
  3723.  
  3724. .fa-mars:before {
  3725. content: "\f222";
  3726. }
  3727.  
  3728. .fa-mercury:before {
  3729. content: "\f223";
  3730. }
  3731.  
  3732. .fa-intersex:before,
  3733. .fa-transgender:before {
  3734. content: "\f224";
  3735. }
  3736.  
  3737. .fa-transgender-alt:before {
  3738. content: "\f225";
  3739. }
  3740.  
  3741. .fa-venus-double:before {
  3742. content: "\f226";
  3743. }
  3744.  
  3745. .fa-mars-double:before {
  3746. content: "\f227";
  3747. }
  3748.  
  3749. .fa-venus-mars:before {
  3750. content: "\f228";
  3751. }
  3752.  
  3753. .fa-mars-stroke:before {
  3754. content: "\f229";
  3755. }
  3756.  
  3757. .fa-mars-stroke-v:before {
  3758. content: "\f22a";
  3759. }
  3760.  
  3761. .fa-mars-stroke-h:before {
  3762. content: "\f22b";
  3763. }
  3764.  
  3765. .fa-neuter:before {
  3766. content: "\f22c";
  3767. }
  3768.  
  3769. .fa-genderless:before {
  3770. content: "\f22d";
  3771. }
  3772.  
  3773. .fa-facebook-official:before {
  3774. content: "\f230";
  3775. }
  3776.  
  3777. .fa-pinterest-p:before {
  3778. content: "\f231";
  3779. }
  3780.  
  3781. .fa-whatsapp:before {
  3782. content: "\f232";
  3783. }
  3784.  
  3785. .fa-server:before {
  3786. content: "\f233";
  3787. }
  3788.  
  3789. .fa-user-plus:before {
  3790. content: "\f234";
  3791. }
  3792.  
  3793. .fa-user-times:before {
  3794. content: "\f235";
  3795. }
  3796.  
  3797. .fa-hotel:before,
  3798. .fa-bed:before {
  3799. content: "\f236";
  3800. }
  3801.  
  3802. .fa-viacoin:before {
  3803. content: "\f237";
  3804. }
  3805.  
  3806. .fa-train:before {
  3807. content: "\f238";
  3808. }
  3809.  
  3810. .fa-subway:before {
  3811. content: "\f239";
  3812. }
  3813.  
  3814. .fa-medium:before {
  3815. content: "\f23a";
  3816. }
  3817.  
  3818. .fa-yc:before,
  3819. .fa-y-combinator:before {
  3820. content: "\f23b";
  3821. }
  3822.  
  3823. .fa-optin-monster:before {
  3824. content: "\f23c";
  3825. }
  3826.  
  3827. .fa-opencart:before {
  3828. content: "\f23d";
  3829. }
  3830.  
  3831. .fa-expeditedssl:before {
  3832. content: "\f23e";
  3833. }
  3834.  
  3835. .fa-battery-4:before,
  3836. .fa-battery:before,
  3837. .fa-battery-full:before {
  3838. content: "\f240";
  3839. }
  3840.  
  3841. .fa-battery-3:before,
  3842. .fa-battery-three-quarters:before {
  3843. content: "\f241";
  3844. }
  3845.  
  3846. .fa-battery-2:before,
  3847. .fa-battery-half:before {
  3848. content: "\f242";
  3849. }
  3850.  
  3851. .fa-battery-1:before,
  3852. .fa-battery-quarter:before {
  3853. content: "\f243";
  3854. }
  3855.  
  3856. .fa-battery-0:before,
  3857. .fa-battery-empty:before {
  3858. content: "\f244";
  3859. }
  3860.  
  3861. .fa-mouse-pointer:before {
  3862. content: "\f245";
  3863. }
  3864.  
  3865. .fa-i-cursor:before {
  3866. content: "\f246";
  3867. }
  3868.  
  3869. .fa-object-group:before {
  3870. content: "\f247";
  3871. }
  3872.  
  3873. .fa-object-ungroup:before {
  3874. content: "\f248";
  3875. }
  3876.  
  3877. .fa-sticky-note:before {
  3878. content: "\f249";
  3879. }
  3880.  
  3881. .fa-sticky-note-o:before {
  3882. content: "\f24a";
  3883. }
  3884.  
  3885. .fa-cc-jcb:before {
  3886. content: "\f24b";
  3887. }
  3888.  
  3889. .fa-cc-diners-club:before {
  3890. content: "\f24c";
  3891. }
  3892.  
  3893. .fa-clone:before {
  3894. content: "\f24d";
  3895. }
  3896.  
  3897. .fa-balance-scale:before {
  3898. content: "\f24e";
  3899. }
  3900.  
  3901. .fa-hourglass-o:before {
  3902. content: "\f250";
  3903. }
  3904.  
  3905. .fa-hourglass-1:before,
  3906. .fa-hourglass-start:before {
  3907. content: "\f251";
  3908. }
  3909.  
  3910. .fa-hourglass-2:before,
  3911. .fa-hourglass-half:before {
  3912. content: "\f252";
  3913. }
  3914.  
  3915. .fa-hourglass-3:before,
  3916. .fa-hourglass-end:before {
  3917. content: "\f253";
  3918. }
  3919.  
  3920. .fa-hourglass:before {
  3921. content: "\f254";
  3922. }
  3923.  
  3924. .fa-hand-grab-o:before,
  3925. .fa-hand-rock-o:before {
  3926. content: "\f255";
  3927. }
  3928.  
  3929. .fa-hand-stop-o:before,
  3930. .fa-hand-paper-o:before {
  3931. content: "\f256";
  3932. }
  3933.  
  3934. .fa-hand-scissors-o:before {
  3935. content: "\f257";
  3936. }
  3937.  
  3938. .fa-hand-lizard-o:before {
  3939. content: "\f258";
  3940. }
  3941.  
  3942. .fa-hand-spock-o:before {
  3943. content: "\f259";
  3944. }
  3945.  
  3946. .fa-hand-pointer-o:before {
  3947. content: "\f25a";
  3948. }
  3949.  
  3950. .fa-hand-peace-o:before {
  3951. content: "\f25b";
  3952. }
  3953.  
  3954. .fa-trademark:before {
  3955. content: "\f25c";
  3956. }
  3957.  
  3958. .fa-registered:before {
  3959. content: "\f25d";
  3960. }
  3961.  
  3962. .fa-creative-commons:before {
  3963. content: "\f25e";
  3964. }
  3965.  
  3966. .fa-gg:before {
  3967. content: "\f260";
  3968. }
  3969.  
  3970. .fa-gg-circle:before {
  3971. content: "\f261";
  3972. }
  3973.  
  3974. .fa-tripadvisor:before {
  3975. content: "\f262";
  3976. }
  3977.  
  3978. .fa-odnoklassniki:before {
  3979. content: "\f263";
  3980. }
  3981.  
  3982. .fa-odnoklassniki-square:before {
  3983. content: "\f264";
  3984. }
  3985.  
  3986. .fa-get-pocket:before {
  3987. content: "\f265";
  3988. }
  3989.  
  3990. .fa-wikipedia-w:before {
  3991. content: "\f266";
  3992. }
  3993.  
  3994. .fa-safari:before {
  3995. content: "\f267";
  3996. }
  3997.  
  3998. .fa-chrome:before {
  3999. content: "\f268";
  4000. }
  4001.  
  4002. .fa-firefox:before {
  4003. content: "\f269";
  4004. }
  4005.  
  4006. .fa-opera:before {
  4007. content: "\f26a";
  4008. }
  4009.  
  4010. .fa-internet-explorer:before {
  4011. content: "\f26b";
  4012. }
  4013.  
  4014. .fa-tv:before,
  4015. .fa-television:before {
  4016. content: "\f26c";
  4017. }
  4018.  
  4019. .fa-contao:before {
  4020. content: "\f26d";
  4021. }
  4022.  
  4023. .fa-500px:before {
  4024. content: "\f26e";
  4025. }
  4026.  
  4027. .fa-amazon:before {
  4028. content: "\f270";
  4029. }
  4030.  
  4031. .fa-calendar-plus-o:before {
  4032. content: "\f271";
  4033. }
  4034.  
  4035. .fa-calendar-minus-o:before {
  4036. content: "\f272";
  4037. }
  4038.  
  4039. .fa-calendar-times-o:before {
  4040. content: "\f273";
  4041. }
  4042.  
  4043. .fa-calendar-check-o:before {
  4044. content: "\f274";
  4045. }
  4046.  
  4047. .fa-industry:before {
  4048. content: "\f275";
  4049. }
  4050.  
  4051. .fa-map-pin:before {
  4052. content: "\f276";
  4053. }
  4054.  
  4055. .fa-map-signs:before {
  4056. content: "\f277";
  4057. }
  4058.  
  4059. .fa-map-o:before {
  4060. content: "\f278";
  4061. }
  4062.  
  4063. .fa-map:before {
  4064. content: "\f279";
  4065. }
  4066.  
  4067. .fa-commenting:before {
  4068. content: "\f27a";
  4069. }
  4070.  
  4071. .fa-commenting-o:before {
  4072. content: "\f27b";
  4073. }
  4074.  
  4075. .fa-houzz:before {
  4076. content: "\f27c";
  4077. }
  4078.  
  4079. .fa-vimeo:before {
  4080. content: "\f27d";
  4081. }
  4082.  
  4083. .fa-black-tie:before {
  4084. content: "\f27e";
  4085. }
  4086.  
  4087. .fa-fonticons:before {
  4088. content: "\f280";
  4089. }
  4090.  
  4091. .fa-reddit-alien:before {
  4092. content: "\f281";
  4093. }
  4094.  
  4095. .fa-edge:before {
  4096. content: "\f282";
  4097. }
  4098.  
  4099. .fa-credit-card-alt:before {
  4100. content: "\f283";
  4101. }
  4102.  
  4103. .fa-codiepie:before {
  4104. content: "\f284";
  4105. }
  4106.  
  4107. .fa-modx:before {
  4108. content: "\f285";
  4109. }
  4110.  
  4111. .fa-fort-awesome:before {
  4112. content: "\f286";
  4113. }
  4114.  
  4115. .fa-usb:before {
  4116. content: "\f287";
  4117. }
  4118.  
  4119. .fa-product-hunt:before {
  4120. content: "\f288";
  4121. }
  4122.  
  4123. .fa-mixcloud:before {
  4124. content: "\f289";
  4125. }
  4126.  
  4127. .fa-scribd:before {
  4128. content: "\f28a";
  4129. }
  4130.  
  4131. .fa-pause-circle:before {
  4132. content: "\f28b";
  4133. }
  4134.  
  4135. .fa-pause-circle-o:before {
  4136. content: "\f28c";
  4137. }
  4138.  
  4139. .fa-stop-circle:before {
  4140. content: "\f28d";
  4141. }
  4142.  
  4143. .fa-stop-circle-o:before {
  4144. content: "\f28e";
  4145. }
  4146.  
  4147. .fa-shopping-bag:before {
  4148. content: "\f290";
  4149. }
  4150.  
  4151. .fa-shopping-basket:before {
  4152. content: "\f291";
  4153. }
  4154.  
  4155. .fa-hashtag:before {
  4156. content: "\f292";
  4157. }
  4158.  
  4159. .fa-bluetooth:before {
  4160. content: "\f293";
  4161. }
  4162.  
  4163. .fa-bluetooth-b:before {
  4164. content: "\f294";
  4165. }
  4166.  
  4167. .fa-percent:before {
  4168. content: "\f295";
  4169. }
  4170.  
  4171. .fa-gitlab:before {
  4172. content: "\f296";
  4173. }
  4174.  
  4175. .fa-wpbeginner:before {
  4176. content: "\f297";
  4177. }
  4178.  
  4179. .fa-wpforms:before {
  4180. content: "\f298";
  4181. }
  4182.  
  4183. .fa-envira:before {
  4184. content: "\f299";
  4185. }
  4186.  
  4187. .fa-universal-access:before {
  4188. content: "\f29a";
  4189. }
  4190.  
  4191. .fa-wheelchair-alt:before {
  4192. content: "\f29b";
  4193. }
  4194.  
  4195. .fa-question-circle-o:before {
  4196. content: "\f29c";
  4197. }
  4198.  
  4199. .fa-blind:before {
  4200. content: "\f29d";
  4201. }
  4202.  
  4203. .fa-audio-description:before {
  4204. content: "\f29e";
  4205. }
  4206.  
  4207. .fa-volume-control-phone:before {
  4208. content: "\f2a0";
  4209. }
  4210.  
  4211. .fa-braille:before {
  4212. content: "\f2a1";
  4213. }
  4214.  
  4215. .fa-assistive-listening-systems:before {
  4216. content: "\f2a2";
  4217. }
  4218.  
  4219. .fa-asl-interpreting:before,
  4220. .fa-american-sign-language-interpreting:before {
  4221. content: "\f2a3";
  4222. }
  4223.  
  4224. .fa-deafness:before,
  4225. .fa-hard-of-hearing:before,
  4226. .fa-deaf:before {
  4227. content: "\f2a4";
  4228. }
  4229.  
  4230. .fa-glide:before {
  4231. content: "\f2a5";
  4232. }
  4233.  
  4234. .fa-glide-g:before {
  4235. content: "\f2a6";
  4236. }
  4237.  
  4238. .fa-signing:before,
  4239. .fa-sign-language:before {
  4240. content: "\f2a7";
  4241. }
  4242.  
  4243. .fa-low-vision:before {
  4244. content: "\f2a8";
  4245. }
  4246.  
  4247. .fa-viadeo:before {
  4248. content: "\f2a9";
  4249. }
  4250.  
  4251. .fa-viadeo-square:before {
  4252. content: "\f2aa";
  4253. }
  4254.  
  4255. .fa-snapchat:before {
  4256. content: "\f2ab";
  4257. }
  4258.  
  4259. .fa-snapchat-ghost:before {
  4260. content: "\f2ac";
  4261. }
  4262.  
  4263. .fa-snapchat-square:before {
  4264. content: "\f2ad";
  4265. }
  4266.  
  4267. .fa-pied-piper:before {
  4268. content: "\f2ae";
  4269. }
  4270.  
  4271. .fa-first-order:before {
  4272. content: "\f2b0";
  4273. }
  4274.  
  4275. .fa-yoast:before {
  4276. content: "\f2b1";
  4277. }
  4278.  
  4279. .fa-themeisle:before {
  4280. content: "\f2b2";
  4281. }
  4282.  
  4283. .fa-google-plus-circle:before,
  4284. .fa-google-plus-official:before {
  4285. content: "\f2b3";
  4286. }
  4287.  
  4288. .fa-fa:before,
  4289. .fa-font-awesome:before {
  4290. content: "\f2b4";
  4291. }
  4292.  
  4293. .fa-handshake-o:before {
  4294. content: "\f2b5";
  4295. }
  4296.  
  4297. .fa-envelope-open:before {
  4298. content: "\f2b6";
  4299. }
  4300.  
  4301. .fa-envelope-open-o:before {
  4302. content: "\f2b7";
  4303. }
  4304.  
  4305. .fa-linode:before {
  4306. content: "\f2b8";
  4307. }
  4308.  
  4309. .fa-address-book:before {
  4310. content: "\f2b9";
  4311. }
  4312.  
  4313. .fa-address-book-o:before {
  4314. content: "\f2ba";
  4315. }
  4316.  
  4317. .fa-vcard:before,
  4318. .fa-address-card:before {
  4319. content: "\f2bb";
  4320. }
  4321.  
  4322. .fa-vcard-o:before,
  4323. .fa-address-card-o:before {
  4324. content: "\f2bc";
  4325. }
  4326.  
  4327. .fa-user-circle:before {
  4328. content: "\f2bd";
  4329. }
  4330.  
  4331. .fa-user-circle-o:before {
  4332. content: "\f2be";
  4333. }
  4334.  
  4335. .fa-user-o:before {
  4336. content: "\f2c0";
  4337. }
  4338.  
  4339. .fa-id-badge:before {
  4340. content: "\f2c1";
  4341. }
  4342.  
  4343. .fa-drivers-license:before,
  4344. .fa-id-card:before {
  4345. content: "\f2c2";
  4346. }
  4347.  
  4348. .fa-drivers-license-o:before,
  4349. .fa-id-card-o:before {
  4350. content: "\f2c3";
  4351. }
  4352.  
  4353. .fa-quora:before {
  4354. content: "\f2c4";
  4355. }
  4356.  
  4357. .fa-free-code-camp:before {
  4358. content: "\f2c5";
  4359. }
  4360.  
  4361. .fa-telegram:before {
  4362. content: "\f2c6";
  4363. }
  4364.  
  4365. .fa-thermometer-4:before,
  4366. .fa-thermometer:before,
  4367. .fa-thermometer-full:before {
  4368. content: "\f2c7";
  4369. }
  4370.  
  4371. .fa-thermometer-3:before,
  4372. .fa-thermometer-three-quarters:before {
  4373. content: "\f2c8";
  4374. }
  4375.  
  4376. .fa-thermometer-2:before,
  4377. .fa-thermometer-half:before {
  4378. content: "\f2c9";
  4379. }
  4380.  
  4381. .fa-thermometer-1:before,
  4382. .fa-thermometer-quarter:before {
  4383. content: "\f2ca";
  4384. }
  4385.  
  4386. .fa-thermometer-0:before,
  4387. .fa-thermometer-empty:before {
  4388. content: "\f2cb";
  4389. }
  4390.  
  4391. .fa-shower:before {
  4392. content: "\f2cc";
  4393. }
  4394.  
  4395. .fa-bathtub:before,
  4396. .fa-s15:before,
  4397. .fa-bath:before {
  4398. content: "\f2cd";
  4399. }
  4400.  
  4401. .fa-podcast:before {
  4402. content: "\f2ce";
  4403. }
  4404.  
  4405. .fa-window-maximize:before {
  4406. content: "\f2d0";
  4407. }
  4408.  
  4409. .fa-window-minimize:before {
  4410. content: "\f2d1";
  4411. }
  4412.  
  4413. .fa-window-restore:before {
  4414. content: "\f2d2";
  4415. }
  4416.  
  4417. .fa-times-rectangle:before,
  4418. .fa-window-close:before {
  4419. content: "\f2d3";
  4420. }
  4421.  
  4422. .fa-times-rectangle-o:before,
  4423. .fa-window-close-o:before {
  4424. content: "\f2d4";
  4425. }
  4426.  
  4427. .fa-bandcamp:before {
  4428. content: "\f2d5";
  4429. }
  4430.  
  4431. .fa-grav:before {
  4432. content: "\f2d6";
  4433. }
  4434.  
  4435. .fa-etsy:before {
  4436. content: "\f2d7";
  4437. }
  4438.  
  4439. .fa-imdb:before {
  4440. content: "\f2d8";
  4441. }
  4442.  
  4443. .fa-ravelry:before {
  4444. content: "\f2d9";
  4445. }
  4446.  
  4447. .fa-eercast:before {
  4448. content: "\f2da";
  4449. }
  4450.  
  4451. .fa-microchip:before {
  4452. content: "\f2db";
  4453. }
  4454.  
  4455. .fa-snowflake-o:before {
  4456. content: "\f2dc";
  4457. }
  4458.  
  4459. .fa-superpowers:before {
  4460. content: "\f2dd";
  4461. }
  4462.  
  4463. .fa-wpexplorer:before {
  4464. content: "\f2de";
  4465. }
  4466.  
  4467. .fa-meetup:before {
  4468. content: "\f2e0";
  4469. }
  4470.  
  4471. .sr-only {
  4472. position: absolute;
  4473. width: 1px;
  4474. height: 1px;
  4475. padding: 0;
  4476. margin: -1px;
  4477. overflow: hidden;
  4478. clip: rect(0, 0, 0, 0);
  4479. border: 0;
  4480. }
  4481.  
  4482. .sr-only-focusable:active,
  4483. .sr-only-focusable:focus {
  4484. position: static;
  4485. width: auto;
  4486. height: auto;
  4487. margin: 0;
  4488. overflow: visible;
  4489. clip: auto;
  4490. }
  4491.  
  4492. body,
  4493. html {
  4494. background-color: rgb(20,20,33);
  4495. width: 100%;
  4496. height: 100%;
  4497. margin: 0;
  4498. padding: 0;
  4499. font-size: 14px;
  4500. font-family: "Roboto", sans-serif;
  4501. font-weight: 300;
  4502. color: rgb(160,160,180);
  4503. overflow-x: hidden;
  4504. overflow-y: hidden;
  4505. }
  4506.  
  4507. #server {
  4508. display: none;
  4509. }
  4510.  
  4511. #background {
  4512. width: 100%;
  4513. height: 100%;
  4514. background-image: url("../images/background.jpg");
  4515. background-repeat: no-repeat;
  4516. background-size: cover;
  4517. opacity: 0.05;
  4518. }
  4519.  
  4520. /* Theme */
  4521.  
  4522. a,
  4523. a:active,
  4524. a:visited,
  4525. a:focus {
  4526. outline: none;
  4527. text-decoration: none;
  4528. color: rgb(160,160,180);
  4529. }
  4530.  
  4531. a:hover {
  4532. color: rgb(248, 191, 96);
  4533. text-decoration: none;
  4534. }
  4535.  
  4536. #sidebar-wrapper {
  4537. background-color: rgb(20,25,45);
  4538. position: absolute;
  4539. top: 0px;
  4540. left: 0px;
  4541. width: 150px;
  4542. bottom: 0px;
  4543. overflow-x: hidden;
  4544. }
  4545.  
  4546. #sidebar {
  4547. position: absolute;
  4548. top: 0px;
  4549. left: 0px;
  4550. width: 170px;
  4551. bottom: 0px;
  4552. padding-right: 20px;
  4553. overflow-y: scroll;
  4554. overflow-x: hidden;
  4555. }
  4556.  
  4557. #logo-wrapper {
  4558. margin-top: 10px;
  4559. padding: 10px;
  4560. height: 90px;
  4561. text-align: center;
  4562. }
  4563.  
  4564. #logo {
  4565. width: 100%;
  4566. height: 100%;
  4567. }
  4568.  
  4569. /* Presence */
  4570.  
  4571. #presence {
  4572. margin-top: 30px;
  4573. height: 20px;
  4574. position: relative;
  4575. }
  4576.  
  4577. #online-wrapper {
  4578. position: absolute;
  4579. top: 0;
  4580. left: 10px;
  4581. text-align: left;
  4582. display: none;
  4583. }
  4584.  
  4585. #online-icon {
  4586. display: inline-block;
  4587. height: 8px;
  4588. width: 8px;
  4589. border-radius: 4px;
  4590. background-color: rgb(248, 191, 96);
  4591. vertical-align: 1px;
  4592. }
  4593.  
  4594. #online {
  4595. margin-left: 4px;
  4596. }
  4597.  
  4598. #social-wrapper {
  4599. position: absolute;
  4600. top: -2px;
  4601. right: 10px;
  4602. text-align: right;
  4603. }
  4604.  
  4605. .social-icon {
  4606. font-size: 16px;
  4607. color: rgb(100,100,140);
  4608. margin: 0px 4px;
  4609. }
  4610.  
  4611. .social-icon:visited,
  4612. .social-icon:active,
  4613. .social-icon:focus {
  4614. color: rgb(100,100,140);
  4615. }
  4616.  
  4617. .social-icon:hover {
  4618. color: rgb(248, 191, 96);
  4619. }
  4620.  
  4621. /* Nav */
  4622.  
  4623. #nav {
  4624. margin-top: 50px;
  4625. text-align: left;
  4626. }
  4627.  
  4628. .nav-tab {
  4629. margin: 15px 10px;
  4630. cursor: pointer;
  4631. }
  4632.  
  4633. #nav-inventory {
  4634. margin-top: 40px;
  4635. }
  4636.  
  4637. #nav-faq {
  4638. margin-top: 40px;
  4639. }
  4640.  
  4641. .nav-icon {
  4642. font-size: 18px;
  4643. vertical-align: -4px;
  4644. color: rgb(100,100,140);
  4645. -webkit-transition: 200ms ease;
  4646. -moz-transition: 200ms ease;
  4647. -ms-transition: 200ms ease;
  4648. -o-transition: 200ms ease;
  4649. transition: 200ms ease;
  4650. }
  4651.  
  4652. .nav-tab-selected > .nav-icon {
  4653. color: rgb(248, 191, 96);
  4654. }
  4655.  
  4656. .nav-title {
  4657. margin: 0px 15px;
  4658. }
  4659.  
  4660. .nav-tab:hover > .nav-icon {
  4661. color: rgb(248, 191, 96);
  4662. }
  4663.  
  4664. #login {
  4665. display: none;
  4666. text-align: center;
  4667. margin: 40px 10px;
  4668. padding: 10px;
  4669. border-radius: 25px;
  4670. text-align: center;
  4671. font-size: 14px;
  4672. border: 2px solid rgb(180,180,200);
  4673. color: rgb(180,180,200);
  4674. -webkit-transition: 300ms ease;
  4675. -moz-transition: 300ms ease;
  4676. -ms-transition: 300ms ease;
  4677. -o-transition: 300ms ease;
  4678. transition: 300ms ease;
  4679. cursor: pointer;
  4680. }
  4681.  
  4682. #login:hover {
  4683. border: 2px solid rgb(248, 191, 96);
  4684. color: rgb(248, 191, 96);
  4685. }
  4686.  
  4687. #logout {
  4688. display: none;
  4689. text-align: center;
  4690. margin: 40px 10px;
  4691. padding: 10px;
  4692. border-radius: 25px;
  4693. text-align: center;
  4694. font-size: 14px;
  4695. border: 2px solid rgb(180,180,200);
  4696. color: rgb(180,180,200);
  4697. -webkit-transition: 300ms ease;
  4698. -moz-transition: 300ms ease;
  4699. -ms-transition: 300ms ease;
  4700. -o-transition: 300ms ease;
  4701. transition: 300ms ease;
  4702. cursor: pointer;
  4703. }
  4704.  
  4705. #logout:hover {
  4706. border: 2px solid rgb(248, 191, 96);
  4707. color: rgb(248, 191, 96);
  4708. }
  4709.  
  4710. /* Content */
  4711.  
  4712. #content-wrapper {
  4713. position: absolute;
  4714. top: 0px;
  4715. left: 400px;
  4716. right: -20px;
  4717. bottom: 0px;
  4718. padding-right: 20px;
  4719. overflow-y: scroll;
  4720. }
  4721.  
  4722. .content {
  4723. width: 100%;
  4724. position: relative;
  4725. display: none;
  4726. }
  4727.  
  4728. /* Misc */
  4729.  
  4730. .warning {
  4731. color: rgb(208,51,82);
  4732. }
  4733.  
  4734. .button-disabled {
  4735. opacity: 0.3;
  4736. cursor: not-allowed !important;
  4737. }
  4738.  
  4739. .transition-200 {
  4740. -webkit-transition: 200ms ease;
  4741. -moz-transition: 200ms ease;
  4742. -ms-transition: 200ms ease;
  4743. -o-transition: 200ms ease;
  4744. transition: 200ms ease;
  4745. }
  4746.  
  4747. a:hover > .underline {
  4748. text-decoration: underline;
  4749. }
  4750.  
  4751. .underline:hover {
  4752. text-decoration: underline;
  4753. }
  4754.  
  4755. .toast {
  4756. background-color: rgb(25,25,45);
  4757. border-left: 4px solid rgb(248, 191, 96);
  4758. }
  4759.  
  4760. .highlight {
  4761. color: rgb(248, 191, 96) !important;
  4762. }
  4763.  
  4764. #toast-container {
  4765. opacity: 0.8;
  4766. }
  4767.  
  4768. .noselect {
  4769. -webkit-touch-callout: none;
  4770. /* iOS Safari */
  4771. -webkit-user-select: none;
  4772. /* Chrome/Safari/Opera */
  4773. -khtml-user-select: none;
  4774. /* Konqueror */
  4775. -moz-user-select: none;
  4776. /* Firefox */
  4777. -ms-user-select: none;
  4778. /* Internet Explorer/Edge */
  4779. user-select: none;
  4780. /* Non-prefixed version, currently
  4781. not supported by any browser */
  4782. }
  4783.  
  4784. input[type=number]::-webkit-inner-spin-button,
  4785. input[type=number]::-webkit-outer-spin-button {
  4786. -webkit-appearance: none;
  4787. margin: 0;
  4788. }
  4789.  
  4790. input[type=number] {
  4791. height: 20px !important;
  4792. border-bottom: 0px solid rgba(0,0,0,0) !important;
  4793. margin-bottom: 0px !important;
  4794. }
  4795.  
  4796. input[type=number]:focus {
  4797. border-bottom: 0px solid rgba(0,0,0,0) !important;
  4798. box-shadow: 0 0px 0 0 rgba(0,0,0,0) !important;
  4799. }
  4800.  
  4801. input[type=text] {
  4802. height: 20px !important;
  4803. border-bottom: 0px solid rgba(0,0,0,0) !important;
  4804. margin-bottom: 0px !important;
  4805. }
  4806.  
  4807. input[type=text]:focus {
  4808. border-bottom: 0px solid rgba(0,0,0,0) !important;
  4809. box-shadow: 0 0px 0 0 rgba(0,0,0,0) !important;
  4810. }
  4811.  
  4812. /* Toast */
  4813.  
  4814. .toast {
  4815. background-color: rgb(25,25,45);
  4816. border-left: 4px solid rgb(248, 191, 96);
  4817. }
  4818.  
  4819. @media only screen and (min-width: 993px) {
  4820. .toast-recaptcha {
  4821. float: right;
  4822. }
  4823. }
  4824.  
  4825. .toast-recaptcha {
  4826. border-radius: 2px;
  4827. top: 35px;
  4828. width: auto;
  4829. clear: both;
  4830. margin-top: 10px;
  4831. position: relative;
  4832. max-width: 100%;
  4833. height: auto;
  4834. min-height: 48px;
  4835. line-height: 1.5em;
  4836. word-break: break-all;
  4837. padding: 10px 25px;
  4838. font-size: 1.1rem;
  4839. font-weight: 300;
  4840. color: #fff;
  4841. display: -webkit-flex;
  4842. display: -ms-flexbox;
  4843. display: flex;
  4844. -webkit-align-items: center;
  4845. -ms-flex-align: center;
  4846. align-items: center;
  4847. -webkit-justify-content: space-between;
  4848. -ms-flex-pack: justify;
  4849. justify-content: space-between;
  4850. background-color: rgb(25,25,45);
  4851. border-left: 4px solid rgb(248, 191, 96);
  4852. }
  4853.  
  4854. .toast-recaptcha {
  4855. 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);
  4856. }
  4857.  
  4858. /*Scrollbar*/
  4859.  
  4860. ::-webkit-scrollbar {
  4861. width: 0px;
  4862. height: 0px;
  4863. }
  4864.  
  4865. ::-webkit-scrollbar-thumb {
  4866. background: rgba(0, 0, 0, 0.5);
  4867. }
  4868.  
  4869. ::-webkit-scrollbar-track {
  4870. background: rgba(0, 0, 0, 0.1);
  4871. }
  4872.  
  4873. /* Input */
  4874.  
  4875. ::-webkit-input-placeholder {
  4876. color: rgb(80,80,100);
  4877. }
  4878.  
  4879. :-moz-placeholder {
  4880. color: rgb(80,80,100);
  4881. }
  4882.  
  4883. ::-moz-placeholder {
  4884. color: rgb(80,80,100);
  4885. }
  4886.  
  4887. :-ms-input-placeholder {
  4888. color: rgb(80,80,100);
  4889. }
  4890.  
  4891. #chat-wrapper {
  4892. background-color: rgb(30,38,60);
  4893. position: absolute;
  4894. top: 0px;
  4895. left: 150px;
  4896. width: 250px;
  4897. bottom: 0px;
  4898. overflow-x: hidden;
  4899. }
  4900.  
  4901. #chat-header {
  4902. position: absolute;
  4903. top: 0px;
  4904. left: 0px;
  4905. right: 0px;
  4906. height: 50px;
  4907. }
  4908.  
  4909. .chat-language-wrapper {
  4910. text-align: center;
  4911. height: 100%;
  4912. width: 33.3333333333%;
  4913. float: left;
  4914. cursor: pointer;
  4915. }
  4916.  
  4917. .chat-language-wrapper-unselected {
  4918. background-color: rgb(25,30,50);
  4919. }
  4920.  
  4921. .chat-language {
  4922. margin-top: 15px;
  4923. margin-bottom: 15px;
  4924. height: 20px;
  4925. width: 20px;
  4926. }
  4927.  
  4928. .chat-language-all {
  4929. margin-top: 15px;
  4930. margin-bottom: 15px;
  4931. width: 100%;
  4932. }
  4933.  
  4934. #chat {
  4935. position: absolute;
  4936. top: 60px;
  4937. bottom: 80px;
  4938. left: 0px;
  4939. right: -20px;
  4940. padding-right: 20px;
  4941. overflow-y: scroll;
  4942. }
  4943.  
  4944. #chat-more {
  4945. position: absolute;
  4946. bottom: 90px;
  4947. right: 20px;
  4948. padding: 5px;
  4949. height: 30px;
  4950. border-radius: 5px;
  4951. display: none;
  4952. cursor: pointer;
  4953. background-color: rgb(20,25,45);
  4954. }
  4955.  
  4956. #chat-more > i {
  4957. font-size: 18px;
  4958. }
  4959.  
  4960. #chat-more:hover {
  4961. color: rgb(248, 191, 96);
  4962. }
  4963.  
  4964. #chat-footer {
  4965. position: absolute;
  4966. left: 0px;
  4967. right: 0px;
  4968. bottom: 0px;
  4969. height: 80px;
  4970. padding: 15px 10px;
  4971. }
  4972.  
  4973. #chat-input-wrapper {
  4974. padding: 15px;
  4975. background-color: rgb(20,25,45);
  4976. border-radius: 5px;
  4977. }
  4978.  
  4979. #chat-input {
  4980. width: 100%;
  4981. background-color: rgb(20,25,45);
  4982. color: rgb(140,140,160);
  4983. border: none;
  4984. font-weight: 400;
  4985. }
  4986.  
  4987. #chat-input:focus {
  4988. outline: none;
  4989. }
  4990.  
  4991. .message {
  4992. padding: 10px;
  4993. margin: 10px;
  4994. position: relative;
  4995. background-color: rgb(27,33,55);
  4996. border-radius: 5px;
  4997. }
  4998.  
  4999. .message-avatar-wrapper {
  5000. display: inline-block;
  5001. padding-top: 2px;
  5002. }
  5003.  
  5004. .message-avatar {
  5005. margin-right: 5px;
  5006. height: 30px;
  5007. width: 30px;
  5008. border-radius: 50%;
  5009. }
  5010.  
  5011. .message-content-wrapper {
  5012. display: inline-block;
  5013. vertical-align: top;
  5014. max-width: 160px;
  5015. }
  5016.  
  5017. .message-author {
  5018. word-wrap: break-word;
  5019. }
  5020.  
  5021. .message-author-regular {
  5022. color: rgb(160,160,180);
  5023. }
  5024.  
  5025. .message-author-regular:hover,
  5026. .message-author-regular:visited,
  5027. .message-author-regular:active,
  5028. .message-author-regular:focus {
  5029. color: rgb(160,160,180);
  5030. }
  5031.  
  5032. .message-author-vip {
  5033. color: rgb(248, 191, 96);
  5034. }
  5035.  
  5036. .message-author-vip:hover,
  5037. .message-author-vip:visited,
  5038. .message-author-vip:active,
  5039. .message-author-vip:focus {
  5040. color: rgb(248, 191, 96);
  5041. }
  5042.  
  5043. .message-author-mod {
  5044. color: rgb(0,109,251);
  5045. }
  5046.  
  5047. .message-author-mod:hover,
  5048. .message-author-mod:visited,
  5049. .message-author-mod:active,
  5050. .message-author-mod:focus {
  5051. color: rgb(0,109,251);
  5052. }
  5053.  
  5054. .message-author-admin {
  5055. color: rgb(208,51,82);
  5056. }
  5057.  
  5058. .message-author-admin:hover,
  5059. .message-author-admin:visited,
  5060. .message-author-admin:active,
  5061. .message-author-admin:focus {
  5062. color: rgb(208,51,82);
  5063. }
  5064.  
  5065. .message-content {
  5066. font-weight: 400;
  5067. word-wrap: break-word;
  5068. color: rgb(120,120,140);
  5069. }
  5070.  
  5071. .message-author-menu {
  5072. cursor: pointer;
  5073. }
  5074.  
  5075. #message-menu {
  5076. background: rgba(25,25,45,0.8);
  5077. padding: 10px;
  5078. border-radius: 5px 5px 5px 5px;
  5079. position: absolute;
  5080. width: 120px;
  5081. display: none;
  5082. word-wrap: break-word;
  5083. z-index: 10;
  5084. border-left: 5px solid rgb(248, 191, 96);
  5085. }
  5086.  
  5087. #message-menu:before {
  5088. content: '';
  5089. height: 0;
  5090. width: 0;
  5091. border-top: 8px solid transparent;
  5092. border-bottom: 8px solid transparent;
  5093. border-right: 8px solid rgb(248, 191, 96);
  5094. position: absolute;
  5095. top: 20px;
  5096. left: -12px;
  5097. z-index: 10000;
  5098. }
  5099.  
  5100. #message-menu div {
  5101. margin: 5px 0px;
  5102. }
  5103.  
  5104. .message-menu-open-id {
  5105. font-size: 8px;
  5106. margin-bottom: 10px;
  5107. border-bottom: 1px #fff;
  5108. }
  5109.  
  5110. .message-menu-inspect {
  5111. cursor: pointer;
  5112. }
  5113.  
  5114. .message-menu-inspect:hover {
  5115. color: rgb(248, 191, 96);
  5116. }
  5117.  
  5118. .message-menu-send {
  5119. cursor: pointer;
  5120. }
  5121.  
  5122. .message-menu-send:hover {
  5123. color: rgb(248, 191, 96);
  5124. }
  5125.  
  5126. .message-menu-mute {
  5127. cursor: pointer;
  5128. }
  5129.  
  5130. .message-menu-mute:hover {
  5131. color: rgb(248, 191, 96);
  5132. }
  5133.  
  5134. /* Wheel */
  5135.  
  5136. #wheel-wrapper {
  5137. padding-top: 20px;
  5138. width: 100%;
  5139. height: 470px;
  5140. text-align: center;
  5141. position: relative;
  5142. }
  5143.  
  5144. #wheel {
  5145. height: 450px;
  5146. display: none;
  5147. }
  5148.  
  5149. #timer-wrapper {
  5150. position: absolute;
  5151. top: 214px;
  5152. width: 100%;
  5153. text-align: center;
  5154. color: rgb(80,80,120);
  5155. display: none;
  5156. font-weight: 400;
  5157. }
  5158.  
  5159. #timer {
  5160. font-size: 36px;
  5161. font-weight: 300;
  5162. color: rgb(120,120,160);
  5163. }
  5164.  
  5165. #pointer {
  5166. position: absolute;
  5167. bottom: 40px;
  5168. width: 100%;
  5169. text-align: center;
  5170. color: rgb(248, 191, 96);
  5171. transform: rotate(180deg);
  5172. display: none;
  5173. }
  5174.  
  5175. /* Hash */
  5176.  
  5177. #hash-wrapper {
  5178. position: absolute;
  5179. top: 50px;
  5180. left: 75%;
  5181. width: 100px;
  5182. }
  5183.  
  5184. #hash-header {
  5185. font-weight: 500;
  5186. color: rgb(80,80,120);
  5187. margin-bottom: 5px;
  5188. }
  5189.  
  5190. #hash {
  5191. word-wrap: break-word;
  5192. font-size: 10px;
  5193. /*color: rgb(50,50,80);*/
  5194. }
  5195.  
  5196. /* Past Queue */
  5197.  
  5198. #past-queue-wrapper {
  5199. position: absolute;
  5200. top: 170px;
  5201. left: 75%;
  5202. width: 100px;
  5203. overflow-x: hidden;
  5204. overflow-y: hidden;
  5205. }
  5206.  
  5207. #past-queue-header {
  5208. font-weight: 500;
  5209. color: rgb(80,80,120);
  5210. margin-bottom: 5px;
  5211. }
  5212.  
  5213. #past-queue {
  5214. height: 250px;
  5215. }
  5216.  
  5217. #past-queue-up {
  5218. position: absolute;
  5219. top: 24px;
  5220. right: 20px;
  5221. }
  5222.  
  5223. #past-queue-down {
  5224. position: absolute;
  5225. bottom: 0px;
  5226. right: 20px;
  5227. display: none;
  5228. }
  5229.  
  5230. #past-queue-page {
  5231. position: absolute;
  5232. top: 170px;
  5233. left: 51px;
  5234. width: 100px;
  5235. font-weight: 400;
  5236. -webkit-transform: rotate(-90deg);
  5237. -moz-transform: rotate(-90deg);
  5238. -ms-transform: rotate(-90deg);
  5239. -o-transform: rotate(-90deg);
  5240. transform: rotate(-90deg);
  5241. -ms-transform-origin: left top 0;
  5242. -moz-transform-origin: left top 0;
  5243. -webkit-transform-origin: left top 0;
  5244. transform-origin: left top 0;
  5245. display: none;
  5246. }
  5247.  
  5248. .past-queue-scroller {
  5249. font-size: 10px;
  5250. border-radius: 5px;
  5251. padding: 3px 5px;
  5252. cursor: pointer;
  5253. }
  5254.  
  5255. .past-queue-scroller:hover {
  5256. color: rgb(248, 191, 96);
  5257. }
  5258.  
  5259. .past-row-wrapper {
  5260. display: inline-block;
  5261. height: 18px;
  5262. width: 100%;
  5263. margin: 3px 10px;
  5264. }
  5265.  
  5266. .past-row {
  5267. display: inline-block;
  5268. padding-top: 1px;
  5269. border-radius: 10px;
  5270. font-size: 10px;
  5271. text-align: center;
  5272. height: 18px;
  5273. width: 18px;
  5274. color: white;
  5275. cursor: pointer;
  5276. }
  5277.  
  5278. .past-row-0 {
  5279. background-color: rgb(55,60,85);
  5280. }
  5281.  
  5282. .past-row-1 {
  5283. background-color: rgb(208,51,82);
  5284. }
  5285.  
  5286. .past-row-2 {
  5287. background-color: rgb(26,169,201);
  5288. }
  5289.  
  5290. .past-row-3 {
  5291. background-color: rgb(248, 191, 96);
  5292. }
  5293.  
  5294. #past-queue-menu-wrapper {
  5295. background: rgba(25,25,45,0.8);
  5296. padding: 10px;
  5297. border-radius: 5px;
  5298. position: absolute;
  5299. width: 150px;
  5300. display: none;
  5301. word-wrap: break-word;
  5302. z-index: 10;
  5303. }
  5304.  
  5305. #past-queue-menu-triangle {
  5306. content: '';
  5307. height: 0;
  5308. width: 0;
  5309. border-top: 8px solid transparent;
  5310. border-bottom: 8px solid transparent;
  5311. position: absolute;
  5312. top: 20px;
  5313. right: -12px;
  5314. z-index: 10000;
  5315. }
  5316.  
  5317. .past-queue-menu-subtitle {
  5318. font-weight: 400;
  5319. }
  5320.  
  5321. .past-queue-menu-description {
  5322. font-size: 10px;
  5323. margin-bottom: 5px;
  5324. }
  5325.  
  5326. /* Balance */
  5327.  
  5328. #balance-wrapper {
  5329. position: absolute;
  5330. top: 250px;
  5331. left: 30px;
  5332. max-width: 300px;
  5333. padding: 10px;
  5334. border-radius: 10px;
  5335. background-color: rgb(25,25,40);
  5336. }
  5337.  
  5338. #balance-free-coins {
  5339. display: none;
  5340. margin: 0px 5px 10px 5px;
  5341. font-size: 12px;
  5342. }
  5343.  
  5344. #balance-total-wrapper {
  5345. margin: 5px 0px 10px 0px;
  5346. font-size: 20px;
  5347. font-weight: 400;
  5348. color: rgb(180,180,200);
  5349. }
  5350.  
  5351. #balance-total-icon {
  5352. height: 24px;
  5353. width: 24px;
  5354. vertical-align: -5px;
  5355. margin-right: 5px;
  5356. margin-left: 5px;
  5357. }
  5358.  
  5359. #balance-input-wrapper {
  5360. margin-top: 15px;
  5361. padding: 5px 10px;
  5362. background-color: rgb(45,50,73);
  5363. border-radius: 5px;
  5364. }
  5365.  
  5366. #balance-input {
  5367. width: 100%;
  5368. background-color: rgb(45,50,73);
  5369. /*color: rgb(200,200,235);*/
  5370. border: none;
  5371. }
  5372.  
  5373. #balance-input:focus {
  5374. outline: none;
  5375. }
  5376.  
  5377. #balance-button-bottom {
  5378. margin-top: 10px;
  5379. }
  5380.  
  5381. .balance-button {
  5382. margin-left: 5px;
  5383. margin-right: 10px;
  5384. cursor: pointer;
  5385. -webkit-transition: 200ms ease;
  5386. -moz-transition: 200ms ease;
  5387. -ms-transition: 200ms ease;
  5388. -o-transition: 200ms ease;
  5389. transition: 200ms ease;
  5390. display: inline-block;
  5391. }
  5392.  
  5393. .balance-button:hover {
  5394. color: rgb(248, 191, 96);
  5395. }
  5396.  
  5397. /* Bet column */
  5398.  
  5399. #bets-wrapper {
  5400. margin: 60px 20px 0px 20px;
  5401. padding-bottom: 50px;
  5402. }
  5403.  
  5404. .bet-column-wrapper {
  5405. padding-left: 10px;
  5406. padding-right: 10px;
  5407. }
  5408.  
  5409. .bet-column {
  5410. padding: 10px;
  5411. background-color: rgb(25,25,40);
  5412. border-radius: 10px;
  5413. }
  5414.  
  5415. .bet-button {
  5416. cursor: pointer;
  5417. padding: 10px 10px;
  5418. border-radius: 25px;
  5419. text-align: center;
  5420. font-weight: 500;
  5421. font-size: 18px;
  5422. color: white;
  5423. }
  5424.  
  5425. .bet-button-disabled {
  5426. cursor: not-allowed !important;
  5427. }
  5428.  
  5429. #bet-button-grey {
  5430. background-color: rgb(45,50,73);
  5431. }
  5432.  
  5433. #bet-button-red {
  5434. background-color: rgb(208,51,82);
  5435. }
  5436.  
  5437. #bet-button-blue {
  5438. background-color: rgb(26,169,201);
  5439. }
  5440.  
  5441. #bet-button-gold {
  5442. background-color: rgb(248, 191, 96);
  5443. }
  5444.  
  5445. #bet-button-grey:hover {
  5446. background-color: rgb(57,60,85);
  5447. }
  5448.  
  5449. #bet-button-red:hover {
  5450. background-color: rgb(225,70,100);
  5451. }
  5452.  
  5453. #bet-button-blue:hover {
  5454. background-color: rgb(50,190,220);
  5455. }
  5456.  
  5457. #bet-button-gold:hover {
  5458. background-color: rgb(270, 210, 110);
  5459. }
  5460.  
  5461. .bet-total-wrapper {
  5462. max-width: 200px;
  5463. margin: auto;
  5464. margin-top: 5px;
  5465. padding: 10px;
  5466. position: relative;
  5467. height: 40px;
  5468. font-weight: 400;
  5469. text-align: right;
  5470. color: rgb(180,180,200);
  5471. }
  5472.  
  5473. .bet-own-wrapper {
  5474. text-align: center;
  5475. max-width: 200px;
  5476. margin: auto;
  5477. margin: 15px auto 10px auto;
  5478. padding: 10px;
  5479. height: 45px;
  5480. color: rgb(180,180,200);
  5481. font-size: 18px;
  5482. font-weight: 400;
  5483. display: none;
  5484. }
  5485.  
  5486. .bet-own-coins-icon {
  5487. height: 20px;
  5488. width: 20px;
  5489. vertical-align: -4px;
  5490. margin-right: 3px;
  5491. }
  5492.  
  5493. .bet-total-bets-wrapper {
  5494. position: absolute;
  5495. left: 20px;
  5496. right: 10px;
  5497. overflow: hidden;
  5498. text-align: left;
  5499. }
  5500.  
  5501. .bet-total-coins-wrapper {
  5502. position: absolute;
  5503. right: 10px;
  5504. background-color: rgb(25,25,40);
  5505. }
  5506.  
  5507. /* Bet row */
  5508.  
  5509. .bet-row {
  5510. margin: 20px 0px;
  5511. color: rgb(180,180,200);
  5512. position: relative;
  5513. height: 20px;
  5514. font-weight: 400;
  5515. }
  5516.  
  5517. .bet-row-user {
  5518. position: absolute;
  5519. left: 10px;
  5520. right: 10px;
  5521. height: 20px;
  5522. overflow: hidden;
  5523. }
  5524.  
  5525. .bet-row-link {
  5526. color: rgb(180,180,200);
  5527. }
  5528.  
  5529. .bet-row-link:hover,
  5530. .bet-row-link:visited,
  5531. .bet-row-link:active,
  5532. .bet-row-link:focus {
  5533. color: rgb(180,180,200);
  5534. }
  5535.  
  5536. .bet-row-avatar {
  5537. height: 20px;
  5538. border-radius: 10px;
  5539. vertical-align: -3px;
  5540. margin-right: 4px;
  5541. }
  5542.  
  5543. .bet-row-username {
  5544. vertical-align: 2px;
  5545. word-break: break-all;
  5546. }
  5547.  
  5548. .bet-total-bets {
  5549. font-size: 15px;
  5550. margin-right: 4px;
  5551. vertical-align: -2px;
  5552. color: rgb(248, 191, 96);
  5553. }
  5554.  
  5555. .bet-row-coins-icon {
  5556. height: 16px;
  5557. width: 16px;
  5558. vertical-align: -3px;
  5559. margin-right: 3px;
  5560. }
  5561.  
  5562. .bet-row-bet {
  5563. position: absolute;
  5564. right: 10px;
  5565. background-color: rgb(25,25,40);
  5566. padding-left: 10px;
  5567. line-height: 1.5;
  5568. }
  5569.  
  5570. @media (min-width:1920px) {
  5571.  
  5572. }
  5573.  
  5574. /* Inventory */
  5575.  
  5576. #inventory-wrapper {
  5577. padding-right: 250px;
  5578. }
  5579.  
  5580. #inventory {
  5581. text-align: center;
  5582. margin: 10px;
  5583. }
  5584.  
  5585. #inventory-checkout-footer {
  5586. margin: 10px 10px 20px 10px;
  5587. padding: 10px;
  5588. text-align: center;
  5589. }
  5590.  
  5591. #inventory-checkout-footer-free-coins {
  5592. margin-top: 20px;
  5593. margin-bottom: 20px;
  5594. font-size: 20px;
  5595. }
  5596.  
  5597. #inventory-checkout-free-coins-icon {
  5598. height: 24px;
  5599. width: 24px;
  5600. vertical-align: -5px;
  5601. margin-right: 3px;
  5602. margin-left: 3px;
  5603. }
  5604.  
  5605. #inventory-checkout-free-coins-total {
  5606. font-size: 20px;
  5607. color: rgb(180,180,200);
  5608. }
  5609.  
  5610. /* Shop */
  5611.  
  5612. #shop-wrapper {
  5613. padding-right: 250px;
  5614. }
  5615.  
  5616. #shop {
  5617. text-align: center;
  5618. margin: 10px;
  5619. }
  5620.  
  5621. #shop-checkout-footer {
  5622. margin: 10px;
  5623. padding: 10px;
  5624. text-align: center;
  5625. }
  5626.  
  5627. /* Filters */
  5628.  
  5629. .filters {
  5630. margin: 15px 15px 30px 15px;
  5631. padding: 10px;
  5632. background-color: rgb(25,25,40);
  5633. border-radius: 5px;
  5634. }
  5635.  
  5636. .search-wrapper {
  5637. padding: 10px;
  5638. background-color: rgb(35,35,55);
  5639. border-radius: 5px;
  5640. min-width: 100px;
  5641. width: 200px;
  5642. display: inline-block;
  5643. -webkit-transition: 300ms ease;
  5644. -moz-transition: 300ms ease;
  5645. -ms-transition: 300ms ease;
  5646. -o-transition: 300ms ease;
  5647. transition: 300ms ease;
  5648. }
  5649.  
  5650. .search-wrapper:hover .search-icon {
  5651. color: rgb(248, 191, 96);
  5652. }
  5653.  
  5654. .search {
  5655. width: 150px !important;
  5656. }
  5657.  
  5658. .search-icon {
  5659. font-size: 16px;
  5660. float: right;
  5661. margin-top: 2px;
  5662. -webkit-transition: 300ms ease;
  5663. -moz-transition: 300ms ease;
  5664. -ms-transition: 300ms ease;
  5665. -o-transition: 300ms ease;
  5666. transition: 300ms ease;
  5667. }
  5668.  
  5669. .order-button {
  5670. padding: 10px;
  5671. background-color: rgb(35,35,55);
  5672. border-radius: 5px;
  5673. min-width: 150px;
  5674. display: inline-block;
  5675. cursor: pointer;
  5676. }
  5677.  
  5678. .order-dropdown-icon {
  5679. float: right;
  5680. height: 16px;
  5681. }
  5682.  
  5683. .dropdown-button {
  5684. padding: 10px;
  5685. background-color: rgb(35,35,55);
  5686. cursor: pointer;
  5687. -webkit-transition: 300ms ease;
  5688. -moz-transition: 300ms ease;
  5689. -ms-transition: 300ms ease;
  5690. -o-transition: 300ms ease;
  5691. transition: 300ms ease;
  5692. }
  5693.  
  5694. .dropdown-button:hover {
  5695. color: rgb(248, 191, 96);
  5696. }
  5697.  
  5698. .filter-refresh-button {
  5699. margin: 4px;
  5700. padding: 5px 10px;
  5701. border: 2px solid rgb(180,180,200);
  5702. border-radius: 25px;
  5703. display: inline-block;
  5704. float: right;
  5705. min-width: 100px;
  5706. text-align: center;
  5707. cursor: pointer;
  5708. -webkit-transition: 300ms ease;
  5709. -moz-transition: 300ms ease;
  5710. -ms-transition: 300ms ease;
  5711. -o-transition: 300ms ease;
  5712. transition: 300ms ease;
  5713. }
  5714.  
  5715. .filter-refresh-button-disabled {
  5716. margin: 4px;
  5717. padding: 5px 10px;
  5718. border: 2px solid rgb(180,180,200);
  5719. border-radius: 25px;
  5720. display: inline-block;
  5721. float: right;
  5722. min-width: 100px;
  5723. text-align: center;
  5724. cursor: pointer;
  5725. -webkit-transition: 300ms ease;
  5726. -moz-transition: 300ms ease;
  5727. -ms-transition: 300ms ease;
  5728. -o-transition: 300ms ease;
  5729. transition: 300ms ease;
  5730. cursor: not-allowed;
  5731. opacity: 0.3;
  5732. }
  5733.  
  5734. .filter-refresh-button:hover {
  5735. border: 2px solid rgb(248, 191, 96);
  5736. color: rgb(248, 191, 96);
  5737. }
  5738.  
  5739. /* Checkouts */
  5740.  
  5741. .checkout-wrapper {
  5742. position: absolute;
  5743. top: 0px;
  5744. right: -20px;
  5745. bottom: 0px;
  5746. width: 270px;
  5747. padding-right: 20px;
  5748. display: none;
  5749. background-color: rgb(30,38,60);
  5750. overflow-y: scroll;
  5751. overflow-x: hidden;
  5752. z-index: 5;
  5753. }
  5754.  
  5755. .checkout-header {
  5756. margin: 20px 10px;
  5757. text-align: center;
  5758. }
  5759.  
  5760. .checkout {
  5761. margin: 50px 10px;
  5762. min-height: 100px;
  5763. }
  5764.  
  5765. .checkout-total-wrapper {
  5766. margin-top: 10px;
  5767. text-align: center;
  5768. }
  5769.  
  5770. .checkout-balance-wrapper {
  5771. margin-top: 10px;
  5772. text-align: center;
  5773. }
  5774.  
  5775. .checkout-icon {
  5776. height: 17px;
  5777. width: 17px;
  5778. vertical-align: -4px;
  5779. margin-right: 3px;
  5780. margin-left: 5px;
  5781. }
  5782.  
  5783. .checkout-total {
  5784. font-size: 14px;
  5785. color: rgb(180,180,200);
  5786. }
  5787.  
  5788. .checkout-balance {
  5789. font-size: 14px;
  5790. color: rgb(180,180,200);
  5791. }
  5792.  
  5793. .checkout-button {
  5794. text-align: center;
  5795. margin: 40px;
  5796. margin-top: 40px;
  5797. padding: 10px;
  5798. border-radius: 25px;
  5799. text-align: center;
  5800. font-size: 14px;
  5801. border: 2px solid rgb(180,180,200);
  5802. color: rgb(180,180,200);
  5803. -webkit-transition: 300ms ease;
  5804. -moz-transition: 300ms ease;
  5805. -ms-transition: 300ms ease;
  5806. -o-transition: 300ms ease;
  5807. transition: 300ms ease;
  5808. cursor: pointer;
  5809. }
  5810.  
  5811. .checkout-button-disabled {
  5812. text-align: center;
  5813. margin: 40px;
  5814. margin-top: 40px;
  5815. padding: 10px;
  5816. border-radius: 25px;
  5817. text-align: center;
  5818. font-size: 14px;
  5819. border: 2px solid rgb(180,180,200);
  5820. color: rgb(180,180,200);
  5821. -webkit-transition: 300ms ease;
  5822. -moz-transition: 300ms ease;
  5823. -ms-transition: 300ms ease;
  5824. -o-transition: 300ms ease;
  5825. transition: 300ms ease;
  5826. cursor: not-allowed;
  5827. opacity: 0.3;
  5828. }
  5829.  
  5830. .checkout-button:hover {
  5831. border: 2px solid rgb(248, 191, 96);
  5832. color: rgb(248, 191, 96);
  5833. }
  5834.  
  5835. /* Checkout Item */
  5836.  
  5837. .checkout-item {
  5838. width: 230px;
  5839. margin: 10px 0px;
  5840. position: relative;
  5841. }
  5842.  
  5843. .checkout-item-image-wrapper {
  5844. display: inline-block;
  5845. height: 60px;
  5846. width: 70px;
  5847. padding: 10px;
  5848. }
  5849.  
  5850. .checkout-item-image {
  5851. width: 50px;
  5852. }
  5853.  
  5854. .checkout-item-name-wrapper {
  5855. display: inline-block;
  5856. width: 120px;
  5857. padding-top: 8px;
  5858. vertical-align: top;
  5859. }
  5860.  
  5861. .checkout-item-name {
  5862. font-size: 12px;
  5863. font-weight: 500;
  5864. }
  5865.  
  5866. .checkout-item-wear {
  5867. font-size: 11px;
  5868. font-weight: 400;
  5869. }
  5870.  
  5871. .checkout-item-remove-wrapper {
  5872. position: absolute;
  5873. top: 22px;
  5874. right: 10px;
  5875. cursor: pointer;
  5876. }
  5877.  
  5878. .checkout-item-remove-wrapper:hover {
  5879. color: rgb(248, 191, 96);
  5880. }
  5881.  
  5882. .checkout-item-remove {
  5883. font-size: 15px;
  5884. }
  5885.  
  5886. /* Item */
  5887.  
  5888. .item {
  5889. height: 200px;
  5890. width: 200px;
  5891. position: relative;
  5892. border-radius: 5px;
  5893. color: rgb(180,180,200);
  5894. margin: 10px;
  5895. display: inline-block;
  5896. cursor: pointer;
  5897. background-color: rgb(25,25,40);
  5898. }
  5899.  
  5900. .item-disabled {
  5901. height: 200px;
  5902. width: 200px;
  5903. position: relative;
  5904. border-radius: 5px;
  5905. color: rgb(180,180,200);
  5906. margin: 10px;
  5907. display: inline-block;
  5908. cursor: not-allowed;
  5909. background-color: rgb(25,25,40);
  5910. opacity: 0.2;
  5911. }
  5912.  
  5913. .item-selected {
  5914. background-color: rgb(35,35,55);
  5915. }
  5916.  
  5917. .item:hover > .item-image-wrapper {
  5918. top: 45px;
  5919. }
  5920.  
  5921. .item:hover .item-image {
  5922. height: 110px;
  5923. }
  5924.  
  5925. .item-name-wrapper {
  5926. text-align: right;
  5927. position: absolute;
  5928. top: 10px;
  5929. right: 15px;
  5930. left: 15px;
  5931. }
  5932.  
  5933. .item-name {
  5934. font-size: 12px;
  5935. font-weight: 500;
  5936. }
  5937.  
  5938. .item-wear {
  5939. font-size: 11px;
  5940. font-weight: 400;
  5941. color: rgb(160,160,180);
  5942. }
  5943.  
  5944. .item-image-wrapper {
  5945. position: absolute;
  5946. top: 55px;
  5947. width: 100%;
  5948. text-align: center;
  5949. -webkit-transition: 200ms ease;
  5950. -moz-transition: 200ms ease;
  5951. -ms-transition: 200ms ease;
  5952. -o-transition: 200ms ease;
  5953. transition: 200ms ease;
  5954. }
  5955.  
  5956. .item-image {
  5957. height: 90px;
  5958. -webkit-transition: 200ms ease;
  5959. -moz-transition: 200ms ease;
  5960. -ms-transition: 200ms ease;
  5961. -o-transition: 200ms ease;
  5962. transition: 200ms ease;
  5963. }
  5964.  
  5965. .item-price-wrapper {
  5966. position: absolute;
  5967. bottom: 20px;
  5968. width: 100%;
  5969. text-align: center;
  5970. }
  5971.  
  5972. .item-price-icon {
  5973. height: 19px;
  5974. width: 19px;
  5975. vertical-align: -4px;
  5976. margin-right: 3px;
  5977. }
  5978.  
  5979. .item-price {
  5980. font-size: 16px;
  5981. }
  5982.  
  5983. .item-stickers {
  5984. position: absolute;
  5985. bottom: 50px;
  5986. left: 9px;
  5987. -webkit-transition: 200ms ease;
  5988. -moz-transition: 200ms ease;
  5989. -ms-transition: 200ms ease;
  5990. -o-transition: 200ms ease;
  5991. transition: 200ms ease;
  5992. }
  5993.  
  5994. .item-sticker {
  5995. width: 25px;
  5996. margin: 5px;
  5997. display: block;
  5998. -webkit-transition: 200ms ease;
  5999. -moz-transition: 200ms ease;
  6000. -ms-transition: 200ms ease;
  6001. -o-transition: 200ms ease;
  6002. transition: 200ms ease;
  6003. }
  6004.  
  6005. .item-wrapper:hover > .item-stickers {
  6006. bottom: 30px;
  6007. }
  6008.  
  6009. .item-wrapper:hover .item-sticker {
  6010. width: 35px;
  6011. }
  6012.  
  6013. .account-block {
  6014. margin: 30px 15px 10px 15px;
  6015. padding: 20px 20px 20px 30px;
  6016. background-color: rgb(25,25,40);
  6017. border-radius: 5px;
  6018. position: relative;
  6019. }
  6020.  
  6021. .account-block-title {
  6022. font-size: 30px;
  6023. color: rgb(180,180,200);
  6024. }
  6025.  
  6026. .account-block-subtitle {
  6027. margin-top: 40px;
  6028. }
  6029.  
  6030. .account-block-title-icon {
  6031. height: 30px;
  6032. width: 30px;
  6033. vertical-align: -5px;
  6034. margin-right: 10px;
  6035. }
  6036.  
  6037. /* Profile */
  6038.  
  6039. #account-logout {
  6040. position: absolute;
  6041. top: 0;
  6042. right: 0;
  6043. text-align: center;
  6044. margin: 20px;
  6045. padding: 10px 30px;
  6046. border-radius: 25px;
  6047. text-align: center;
  6048. font-size: 14px;
  6049. border: 2px solid rgb(180,180,200);
  6050. color: rgb(180,180,200);
  6051. -webkit-transition: 300ms ease;
  6052. -moz-transition: 300ms ease;
  6053. -ms-transition: 300ms ease;
  6054. -o-transition: 300ms ease;
  6055. transition: 300ms ease;
  6056. cursor: pointer;
  6057. }
  6058.  
  6059. #account-logout:hover {
  6060. border: 2px solid rgb(248, 191, 96);
  6061. color: rgb(248, 191, 96);
  6062. }
  6063.  
  6064. #account-profile {
  6065. margin-top: 50px;
  6066. text-align: center;
  6067. }
  6068.  
  6069. #account-profile-avatar {
  6070. height: 80px;
  6071. width: 80px;
  6072. border-radius: 50px;
  6073. }
  6074.  
  6075. #account-profile-username {
  6076. font-size: 30px;
  6077. color: rgb(180,180,200);
  6078. }
  6079.  
  6080. /* Trade URL */
  6081.  
  6082. #account-trade-url {
  6083. margin-top: 30px;
  6084. margin-bottom: 10px;
  6085. padding: 20px;
  6086. }
  6087.  
  6088. #trade-url-submit-button {
  6089. float: right;
  6090. }
  6091.  
  6092. #trade-url-input-wrapper {
  6093. margin-top: 10px;
  6094. padding: 10px;
  6095. background-color: rgb(35,35,55);
  6096. border-radius: 5px;
  6097. min-width: 100px;
  6098. overflow: hidden;
  6099. }
  6100.  
  6101. #trade-url-input {
  6102. width: 100%;
  6103. background-color: rgb(35,35,55);
  6104. border: none;
  6105. }
  6106.  
  6107. #trade-url-input:focus {
  6108. outline: none;
  6109. }
  6110.  
  6111. /* Rewards */
  6112.  
  6113. #account-rewards-wrapper {
  6114. min-height: 450px;
  6115. }
  6116.  
  6117. #account-rewards-verify {
  6118. text-align: center;
  6119. margin-top: 130px;
  6120. }
  6121.  
  6122. #redeem-submit-button {
  6123. float: right;
  6124. }
  6125.  
  6126. #redeem-input-wrapper {
  6127. margin-top: 10px;
  6128. padding: 10px;
  6129. background-color: rgb(35,35,55);
  6130. border-radius: 5px;
  6131. min-width: 100px;
  6132. overflow: hidden;
  6133. }
  6134.  
  6135. #redeem-input {
  6136. width: 100%;
  6137. background-color: rgb(35,35,55);
  6138. border: none;
  6139. text-transform: uppercase;
  6140. }
  6141.  
  6142. #redeem-input:focus {
  6143. outline: none;
  6144. }
  6145.  
  6146. #referral-submit-button {
  6147. float: right;
  6148. }
  6149.  
  6150. #referral-input-wrapper {
  6151. margin-top: 10px;
  6152. padding: 10px;
  6153. background-color: rgb(35,35,55);
  6154. border-radius: 5px;
  6155. min-width: 100px;
  6156. overflow: hidden;
  6157. }
  6158.  
  6159. #referral-input {
  6160. width: 100%;
  6161. background-color: rgb(35,35,55);
  6162. border: none;
  6163. text-transform: uppercase;
  6164. }
  6165.  
  6166. #referral-input:focus {
  6167. outline: none;
  6168. }
  6169.  
  6170. /* Transaction */
  6171.  
  6172. #account-transactions-refresh {
  6173. position: absolute;
  6174. top: 0;
  6175. right: 0;
  6176. }
  6177.  
  6178. #account-transactions-table {
  6179. margin-top: 30px;
  6180. }
  6181.  
  6182. #account-transactions-table thead {
  6183. border-bottom: none;
  6184. }
  6185.  
  6186. #account-transactions-table-body tr:hover {
  6187. color: rgb(200,200,220);
  6188. }
  6189.  
  6190. /* Bets */
  6191.  
  6192. #account-bets-refresh {
  6193. position: absolute;
  6194. top: 0;
  6195. right: 0;
  6196. }
  6197.  
  6198. #account-bets-table {
  6199. margin-top: 30px;
  6200. }
  6201.  
  6202. #account-bets-table thead {
  6203. border-bottom: none;
  6204. }
  6205.  
  6206. #account-bets-table-body tr:hover {
  6207. color: rgb(200,200,220);
  6208. }
  6209.  
  6210. /* Submit */
  6211.  
  6212. .submit-button {
  6213. margin: 12px 5px 0px 5px;
  6214. padding: 5px 10px;
  6215. border: 2px solid rgb(180,180,200);
  6216. border-radius: 5px;
  6217. display: inline-block;
  6218. text-align: center;
  6219. cursor: pointer;
  6220. -webkit-transition: 300ms ease;
  6221. -moz-transition: 300ms ease;
  6222. -ms-transition: 300ms ease;
  6223. -o-transition: 300ms ease;
  6224. transition: 300ms ease;
  6225. }
  6226.  
  6227. .submit-button-disabled {
  6228. margin: 12px 5px 0px 5px;
  6229. padding: 5px 10px;
  6230. border: 2px solid rgb(180,180,200);
  6231. border-radius: 5px;
  6232. display: inline-block;
  6233. text-align: center;
  6234. cursor: pointer;
  6235. -webkit-transition: 300ms ease;
  6236. -moz-transition: 300ms ease;
  6237. -ms-transition: 300ms ease;
  6238. -o-transition: 300ms ease;
  6239. transition: 300ms ease;
  6240. cursor: not-allowed;
  6241. opacity: 0.3;
  6242. }
  6243.  
  6244. .submit-button:hover {
  6245. border: 2px solid rgb(248, 191, 96);
  6246. color: rgb(248, 191, 96);
  6247. }
  6248.  
  6249. /* Refresh */
  6250.  
  6251. .refresh-button {
  6252. margin: 20px;
  6253. padding: 10px 30px;
  6254. border: 2px solid rgb(180,180,200);
  6255. border-radius: 25px;
  6256. display: inline-block;
  6257. text-align: center;
  6258. cursor: pointer;
  6259. -webkit-transition: 300ms ease;
  6260. -moz-transition: 300ms ease;
  6261. -ms-transition: 300ms ease;
  6262. -o-transition: 300ms ease;
  6263. transition: 300ms ease;
  6264. }
  6265.  
  6266. .refresh-button-disabled {
  6267. margin: 20px;
  6268. padding: 10px 30px;
  6269. border: 2px solid rgb(180,180,200);
  6270. border-radius: 25px;
  6271. display: inline-block;
  6272. text-align: center;
  6273. cursor: pointer;
  6274. -webkit-transition: 300ms ease;
  6275. -moz-transition: 300ms ease;
  6276. -ms-transition: 300ms ease;
  6277. -o-transition: 300ms ease;
  6278. transition: 300ms ease;
  6279. cursor: not-allowed;
  6280. opacity: 0.3;
  6281. }
  6282.  
  6283. .refresh-button:hover {
  6284. border: 2px solid rgb(248, 191, 96);
  6285. color: rgb(248, 191, 96);
  6286. }
  6287.  
  6288. #faq {
  6289. margin: 15px 15px 30px 15px;
  6290. padding: 20px;
  6291. background-color: rgb(25,25,40);
  6292. border-radius: 5px;
  6293. }
  6294.  
  6295. #faq-title {
  6296. width: 100%;
  6297. font-size: 40px;
  6298. font-weight: 400;
  6299. color: rgb(180,180,200);
  6300. margin: 0px 10px 30px 10px;
  6301. }
  6302.  
  6303. .faq-question {
  6304. color: rgb(180,180,200);
  6305. font-weight: 400;
  6306. font-size: 20px;
  6307. margin: 10px 10px 0px 10px;
  6308. }
  6309.  
  6310. .faq-answer {
  6311. margin: 5px 10px 30px 10px;
  6312. }
  6313.  
  6314. #terms {
  6315. margin: 15px 15px 30px 15px;
  6316. padding: 20px;
  6317. background-color: rgb(25,25,40);
  6318. border-radius: 5px;
  6319. }
  6320.  
  6321. #terms-title {
  6322. width: 100%;
  6323. font-size: 40px;
  6324. font-weight: 400;
  6325. color: rgb(180,180,200);
  6326. margin: 0px 10px 20px 10px;
  6327. }
  6328.  
  6329. #terms-description {
  6330. margin: 5px 10px 30px 10px;
  6331. }
  6332.  
  6333. #terms-footer {
  6334. margin: 50px 10px 30px 10px;
  6335. }
  6336.  
  6337. .terms-subtitle {
  6338. color: rgb(180,180,200);
  6339. font-weight: 400;
  6340. font-size: 20px;
  6341. margin: 10px 10px 0px 10px;
  6342. }
  6343.  
  6344. .terms-subdescription {
  6345. margin: 5px 10px 30px 10px;
  6346. }
  6347.  
  6348. #modal-mod .modal-content {
  6349. background-color: rgb(20,20,33);
  6350. }
  6351.  
  6352. #modal-mod-user-submit-button {
  6353. float: right;
  6354. margin-top: 12px;
  6355. }
  6356.  
  6357. #modal-mod-user-input-wrapper {
  6358. margin-top: 10px;
  6359. margin-bottom: 20px;
  6360. padding: 10px;
  6361. background-color: rgb(25,30,50);
  6362. border-radius: 5px;
  6363. min-width: 100px;
  6364. overflow: hidden;
  6365. }
  6366.  
  6367. #modal-mod-user-input {
  6368. width: 100%;
  6369. background-color: rgb(25,30,50);
  6370. border: none;
  6371. }
  6372.  
  6373. #modal-mod-user-input:focus {
  6374. outline: none;
  6375. }
  6376.  
  6377. #modal-mod-user {
  6378. margin-bottom: 20px;
  6379. }
  6380.  
  6381. #modal-mod-username {
  6382. font-size: 30px;
  6383. word-wrap: break-word;
  6384. }
  6385.  
  6386. #modal-mod-open-id {
  6387. font-size: 20px;
  6388. word-wrap: break-word;
  6389. }
  6390.  
  6391. #modal-mod-links {
  6392. margin-bottom: 30px;
  6393. }
  6394.  
  6395. #modal-mod-info {
  6396. margin-bottom: 30px;
  6397. word-wrap: break-word;
  6398. }
  6399.  
  6400. .modal-mod-info-wrapper {
  6401. font-size: 16px;
  6402. margin: 10px 0px;
  6403. }
  6404.  
  6405. #mod-mod-balance-icon {
  6406. height: 20px;
  6407. width: 20px;
  6408. vertical-align: -4px;
  6409. margin-right: 4px;
  6410. margin-left: 4px;
  6411. }
  6412.  
  6413. /* Mute form */
  6414.  
  6415. #modal-mod-mute-submit-button {
  6416. float: right;
  6417. margin-top: 12px;
  6418. }
  6419.  
  6420. #modal-mod-mute-input-wrapper {
  6421. margin-bottom: 20px;
  6422. overflow: hidden;
  6423. }
  6424.  
  6425. .modal-mod-mute-input-wrapper {
  6426. margin-top: 10px;
  6427. padding: 10px;
  6428. background-color: rgb(25,30,50);
  6429. border-radius: 5px;
  6430. }
  6431.  
  6432. .modal-mod-mute-checkbox-wrapper {
  6433. margin-top: 10px;
  6434. }
  6435.  
  6436. #modal-mod-mute-duration-input {
  6437. width: 100%;
  6438. background-color: rgb(25,30,50);
  6439. border: none;
  6440. }
  6441.  
  6442. #modal-mod-mute-duration-input:focus {
  6443. outline: none;
  6444. }
  6445.  
  6446. #modal-mod-mute-reason-input {
  6447. width: 100%;
  6448. background-color: rgb(25,30,50);
  6449. border: none;
  6450. }
  6451.  
  6452. #modal-mod-mute-reason-input:focus {
  6453. outline: none;
  6454. }
  6455.  
  6456. #modal-mod-mute-silent-label {
  6457. color: rgb(100,100,120);
  6458. padding-left: 24px;
  6459. line-height: 20px;
  6460. }
  6461.  
  6462. [type="checkbox"].filled-in:checked + label:after {
  6463. background-color: inherit !important;
  6464. border: 2px solid rgb(180,180,200) !important;
  6465. }
  6466.  
  6467. [type="checkbox"].filled-in:checked + label {
  6468. color: rgb(180,180,200) !important;
  6469. }
  6470.  
  6471. [type="checkbox"].filled-in:not(:checked) + label:after {
  6472. border: 2px solid rgb(100,100,120) !important;
  6473. }
  6474.  
  6475. /* Notes */
  6476.  
  6477. #modal-mod-note-title {
  6478. font-size: 30px;
  6479. margin-bottom: 20px;
  6480. }
  6481.  
  6482. #modal-mod-note-submit-button {
  6483. float: right;
  6484. }
  6485.  
  6486. #modal-mod-note-input-wrapper {
  6487. margin-top: 10px;
  6488. margin-bottom: 20px;
  6489. padding: 10px;
  6490. background-color: rgb(25,30,50);
  6491. border-radius: 5px;
  6492. overflow: hidden;
  6493. }
  6494.  
  6495. #modal-mod-note-input {
  6496. width: 100%;
  6497. background-color: rgb(25,30,50);
  6498. border: none;
  6499. }
  6500.  
  6501. #modal-mod-note-input:focus {
  6502. outline: none;
  6503. }
  6504.  
  6505. .modal-mod-note-author-wrapper {
  6506. margin-bottom: 5px;
  6507. }
  6508.  
  6509. .modal-mod-note-author {
  6510. font-size: 16px;
  6511. color: rgb(160,160,180);
  6512. }
  6513.  
  6514. .modal-mod-note-date {
  6515. font-size: 12px;
  6516. color: rgb(100,100,120);
  6517. margin-left: 10px;
  6518. }
  6519.  
  6520. .modal-mod-note-message {
  6521. font-weight: 400;
  6522. color: rgb(120,120,140);
  6523. }
  6524.  
  6525. .modal-mod-note {
  6526. margin: 10px;
  6527. padding: 15px;
  6528. border-radius: 5px;
  6529. background-color: rgb(25,30,50);
  6530. word-wrap: break-word;
  6531. }
  6532.  
  6533. /* Mod Submit */
  6534.  
  6535. .mod-submit-button {
  6536. margin: 2px 5px 0px 5px;
  6537. padding: 5px 10px;
  6538. border: 2px solid rgb(180,180,200);
  6539. border-radius: 5px;
  6540. display: inline-block;
  6541. text-align: center;
  6542. cursor: pointer;
  6543. -webkit-transition: 300ms ease;
  6544. -moz-transition: 300ms ease;
  6545. -ms-transition: 300ms ease;
  6546. -o-transition: 300ms ease;
  6547. transition: 300ms ease;
  6548. }
  6549.  
  6550. .mod-submit-button-disabled {
  6551. margin: 2px 5px 0px 5px;
  6552. padding: 5px 10px;
  6553. border: 2px solid rgb(180,180,200);
  6554. border-radius: 5px;
  6555. display: inline-block;
  6556. text-align: center;
  6557. cursor: pointer;
  6558. -webkit-transition: 300ms ease;
  6559. -moz-transition: 300ms ease;
  6560. -ms-transition: 300ms ease;
  6561. -o-transition: 300ms ease;
  6562. transition: 300ms ease;
  6563. cursor: not-allowed;
  6564. opacity: 0.3;
  6565. }
  6566.  
  6567. .mod-submit-button:hover {
  6568. border: 2px solid rgb(248, 191, 96);
  6569. color: rgb(248, 191, 96);
  6570. }
  6571.  
  6572. /* Responsive */
  6573.  
  6574. /* Phones */
  6575.  
  6576. @media (max-width:767px) {
  6577.  
  6578. }
  6579.  
  6580. /* Tablet */
  6581.  
  6582. @media (min-width:768px) {
  6583.  
  6584. }
  6585.  
  6586. /* Small Laptops */
  6587.  
  6588. @media (min-width:992px) {
  6589.  
  6590. }
  6591.  
  6592. /* 1280x720 (before Full HD) */
  6593.  
  6594. @media (min-width:1200px) {
  6595.  
  6596. }
  6597.  
  6598. /* 1920x1080 (Full HD) */
  6599.  
  6600. @media (min-width:1800px) {
  6601.  
  6602. }
  6603.  
  6604. /* 2560x1440 (Quad HD)*/
  6605.  
  6606. @media (min-width:2000px) {
  6607.  
  6608. }
Advertisement
Add Comment
Please, Sign In to add comment