.mdl-color--light-green-700 {
  background-color: #689f38 !important; }

.mdl-color-text--light-green-800 {
  color: #558b2f !important; }

.mdl-color--light-green-800 {
  background-color: #558b2f !important; }

.mdl-color-text--light-green-900 {
  color: #33691e !important; }

.mdl-color--light-green-900 {
  background-color: #33691e !important; }

.mdl-color-text--light-green-A100 {
  color: #ccff90 !important; }

.mdl-color--light-green-A100 {
  background-color: #ccff90 !important; }

.mdl-color-text--light-green-A200 {
  color: #b2ff59 !important; }

.mdl-color--light-green-A200 {
  background-color: #b2ff59 !important; }

.mdl-color-text--light-green-A400 {
  color: #76ff03 !important; }

.mdl-color--light-green-A400 {
  background-color: #76ff03 !important; }

.mdl-color-text--light-green-A700 {
  color: #64dd17 !important; }

.mdl-color--light-green-A700 {
  background-color: #64dd17 !important; }

.mdl-color-text--lime {
  color: #cddc39 !important; }

.mdl-color--lime {
  background-color: #cddc39 !important; }

.mdl-color-text--lime-50 {
  color: #f9fbe7 !important; }

.mdl-color--lime-50 {
  background-color: #f9fbe7 !important; }

.mdl-color-text--lime-100 {
  color: #f0f4c3 !important; }

.mdl-color--lime-100 {
  background-color: #f0f4c3 !important; }

.mdl-color-text--lime-200 {
  color: #e6ee9c !important; }

.mdl-color--lime-200 {
  background-color: #e6ee9c !important; }

.mdl-color-text--lime-300 {
  color: #dce775 !important; }

.mdl-color--lime-300 {
  background-color: #dce775 !important; }

.mdl-color-text--lime-400 {
  color: #d4e157 !important; }

.mdl-color--lime-400 {
  background-color: #d4e157 !important; }

.mdl-color-text--lime-500 {
  color: #cddc39 !important; }

.mdl-color--lime-500 {
  background-color: #cddc39 !important; }

.mdl-color-text--lime-600 {
  color: #c0ca33 !important; }

.mdl-color--lime-600 {
  background-color: #c0ca33 !important; }

.mdl-color-text--lime-700 {
  color: #afb42b !important; }

.mdl-color--lime-700 {
  background-color: #afb42b !important; }

.mdl-color-text--lime-800 {
  color: #9e9d24 !important; }

.mdl-color--lime-800 {
  background-color: #9e9d24 !important; }

.mdl-color-text--lime-900 {
  color: #827717 !important; }

.mdl-color--lime-900 {
  background-color: #827717 !important; }

.mdl-color-text--lime-A100 {
  color: #f4ff81 !important; }

.mdl-color--lime-A100 {
  background-color: #f4ff81 !important; }

.mdl-color-text--lime-A200 {
  color: #eeff41 !important; }

.mdl-color--lime-A200 {
  background-color: #eeff41 !important; }

.mdl-color-text--lime-A400 {
  color: #c6ff00 !important; }

.mdl-color--lime-A400 {
  background-color: #c6ff00 !important; }

.mdl-color-text--lime-A700 {
  color: #aeea00 !important; }

.mdl-color--lime-A700 {
  background-color: #aeea00 !important; }

.mdl-color-text--yellow {
  color: #ffeb3b !important; }

.mdl-color--yellow {
  background-color: #ffeb3b !important; }

.mdl-color-text--yellow-50 {
  color: #fffde7 !important; }

.mdl-color--yellow-50 {
  background-color: #fffde7 !important; }

.mdl-color-text--yellow-100 {
  color: #fff9c4 !important; }

.mdl-color--yellow-100 {
  background-color: #fff9c4 !important; }

.mdl-color-text--yellow-200 {
  color: #fff59d !important; }

.mdl-color--yellow-200 {
  background-color: #fff59d !important; }

.mdl-color-text--yellow-300 {
  color: #fff176 !important; }

.mdl-color--yellow-300 {
  background-color: #fff176 !important; }

.mdl-color-text--yellow-400 {
  color: #ffee58 !important; }

.mdl-color--yellow-400 {
  background-color: #ffee58 !important; }

.mdl-color-text--yellow-500 {
  color: #ffeb3b !important; }

.mdl-color--yellow-500 {
  background-color: #ffeb3b !important; }

.mdl-color-text--yellow-600 {
  color: #fdd835 !important; }

.mdl-color--yellow-600 {
  background-color: #fdd835 !important; }

.mdl-color-text--yellow-700 {
  color: #fbc02d !important; }

.mdl-color--yellow-700 {
  background-color: #fbc02d !important; }

.mdl-color-text--yellow-800 {
  color: #f9a825 !important; }

.mdl-color--yellow-800 {
  background-color: #f9a825 !important; }

.mdl-color-text--yellow-900 {
  color: #f57f17 !important; }

.mdl-color--yellow-900 {
  background-color: #f57f17 !important; }

.mdl-color-text--yellow-A100 {
  color: #ffff8d !important; }

.mdl-color--yellow-A100 {
  background-color: #ffff8d !important; }

.mdl-color-text--yellow-A200 {
  color: yellow !important; }

.mdl-color--yellow-A200 {
  background-color: yellow !important; }

.mdl-color-text--yellow-A400 {
  color: #ffea00 !important; }

.mdl-color--yellow-A400 {
  background-color: #ffea00 !important; }

.mdl-color-text--yellow-A700 {
  color: #ffd600 !important; }

.mdl-color--yellow-A700 {
  background-color: #ffd600 !important; }

.mdl-color-text--amber {
  color: #ffc107 !important; }

.mdl-color--amber {
  background-color: #ffc107 !important; }

.mdl-color-text--amber-50 {
  color: #fff8e1 !important; }

.mdl-color--amber-50 {
  background-color: #fff8e1 !important; }

.mdl-color-text--amber-100 {
  color: #ffecb3 !important; }

.mdl-color--amber-100 {
  background-color: #ffecb3 !important; }

.mdl-color-text--amber-200 {
  color: #ffe082 !important; }

.mdl-color--amber-200 {
  background-color: #ffe082 !important; }

.mdl-color-text--amber-300 {
  color: #ffd54f !important; }

.mdl-color--amber-300 {
  background-color: #ffd54f !important; }

.mdl-color-text--amber-400 {
  color: #ffca28 !important; }

.mdl-color--amber-400 {
  background-color: #ffca28 !important; }

.mdl-color-text--amber-500 {
  color: #ffc107 !important; }

.mdl-color--amber-500 {
  background-color: #ffc107 !important; }

.mdl-color-text--amber-600 {
  color: #ffb300 !important; }

.mdl-color--amber-600 {
  background-color: #ffb300 !important; }

.mdl-color-text--amber-700 {
  color: #ffa000 !important; }

.mdl-color--amber-700 {
  background-color: #ffa000 !important; }

.mdl-color-text--amber-800 {
  color: #ff8f00 !important; }

.mdl-color--amber-800 {
  background-color: #ff8f00 !important; }

.mdl-color-text--amber-900 {
  color: #ff6f00 !important; }

.mdl-color--amber-900 {
  background-color: #ff6f00 !important; }

.mdl-color-text--amber-A100 {
  color: #ffe57f !important; }

.mdl-color--amber-A100 {
  background-color: #ffe57f !important; }

.mdl-color-text--amber-A200 {
  color: #ffd740 !important; }

.mdl-color--amber-A200 {
  background-color: #ffd740 !important; }

.mdl-color-text--amber-A400 {
  color: #ffc400 !important; }

.mdl-color--amber-A400 {
  background-color: #ffc400 !important; }

.mdl-color-text--amber-A700 {
  color: #ffab00 !important; }

.mdl-color--amber-A700 {
  background-color: #ffab00 !important; }

.mdl-color-text--orange {
  color: #ff9800 !important; }

.mdl-color--orange {
  background-color: #ff9800 !important; }

.mdl-color-text--orange-50 {
  color: #fff3e0 !important; }

.mdl-color--orange-50 {
  background-color: #fff3e0 !important; }

.mdl-color-text--orange-100 {
  color: #ffe0b2 !important; }

.mdl-color--orange-100 {
  background-color: #ffe0b2 !important; }

.mdl-color-text--orange-200 {
  color: #ffcc80 !important; }

.mdl-color--orange-200 {
  background-color: #ffcc80 !important; }

.mdl-color-text--orange-300 {
  color: #ffb74d !important; }

.mdl-color--orange-300 {
  background-color: #ffb74d !important; }

.mdl-color-text--orange-400 {
  color: #ffa726 !important; }

.mdl-color--orange-400 {
  background-color: #ffa726 !important; }

.mdl-color-text--orange-500 {
  color: #ff9800 !important; }

.mdl-color--orange-500 {
  background-color: #ff9800 !important; }

.mdl-color-text--orange-600 {
  color: #fb8c00 !important; }

.mdl-color--orange-600 {
  background-color: #fb8c00 !important; }

.mdl-color-text--orange-700 {
  color: #f57c00 !important; }

.mdl-color--orange-700 {
  background-color: #f57c00 !important; }

.mdl-color-text--orange-800 {
  color: #ef6c00 !important; }

.mdl-color--orange-800 {
  background-color: #ef6c00 !important; }

.mdl-color-text--orange-900 {
  color: #e65100 !important; }

.mdl-color--orange-900 {
  background-color: #e65100 !important; }

.mdl-color-text--orange-A100 {
  color: #ffd180 !important; }

.mdl-color--orange-A100 {
  background-color: #ffd180 !important; }

.mdl-color-text--orange-A200 {
  color: #ffab40 !important; }

.mdl-color--orange-A200 {
  background-color: #ffab40 !important; }

.mdl-color-text--orange-A400 {
  color: #ff9100 !important; }

.mdl-color--orange-A400 {
  background-color: #ff9100 !important; }

.mdl-color-text--orange-A700 {
  color: #ff6d00 !important; }

.mdl-color--orange-A700 {
  background-color: #ff6d00 !important; }

.mdl-color-text--deep-orange {
  color: #ff5722 !important; }

.mdl-color--deep-orange {
  background-color: #ff5722 !important; }

.mdl-color-text--deep-orange-50 {
  color: #fbe9e7 !important; }

.mdl-color--deep-orange-50 {
  background-color: #fbe9e7 !important; }

.mdl-color-text--deep-orange-100 {
  color: #ffccbc !important; }

.mdl-color--deep-orange-100 {
  background-color: #ffccbc !important; }

.mdl-color-text--deep-orange-200 {
  color: #ffab91 !important; }

.mdl-color--deep-orange-200 {
  background-color: #ffab91 !important; }

.mdl-color-text--deep-orange-300 {
  color: #ff8a65 !important; }

.mdl-color--deep-orange-300 {
  background-color: #ff8a65 !important; }

.mdl-color-text--deep-orange-400 {
  color: #ff7043 !important; }

.mdl-color--deep-orange-400 {
  background-color: #ff7043 !important; }

.mdl-color-text--deep-orange-500 {
  color: #ff5722 !important; }

.mdl-color--deep-orange-500 {
  background-color: #ff5722 !important; }

.mdl-color-text--deep-orange-600 {
  color: #f4511e !important; }

.mdl-color--deep-orange-600 {
  background-color: #f4511e !important; }

.mdl-color-text--deep-orange-700 {
  color: #e64a19 !important; }

.mdl-color--deep-orange-700 {
  background-color: #e64a19 !important; }

.mdl-color-text--deep-orange-800 {
  color: #d84315 !important; }

.mdl-color--deep-orange-800 {
  background-color: #d84315 !important; }

.mdl-color-text--deep-orange-900 {
  color: #bf360c !important; }

.mdl-color--deep-orange-900 {
  background-color: #bf360c !important; }

.mdl-color-text--deep-orange-A100 {
  color: #ff9e80 !important; }

.mdl-color--deep-orange-A100 {
  background-color: #ff9e80 !important; }

.mdl-color-text--deep-orange-A200 {
  color: #ff6e40 !important; }

.mdl-color--deep-orange-A200 {
  background-color: #ff6e40 !important; }

.mdl-color-text--deep-orange-A400 {
  color: #ff3d00 !important; }

.mdl-color--deep-orange-A400 {
  background-color: #ff3d00 !important; }

.mdl-color-text--deep-orange-A700 {
  color: #dd2c00 !important; }

.mdl-color--deep-orange-A700 {
  background-color: #dd2c00 !important; }

.mdl-color-text--brown {
  color: #795548 !important; }

.mdl-color--brown {
  background-color: #795548 !important; }

.mdl-color-text--brown-50 {
  color: #efebe9 !important; }

.mdl-color--brown-50 {
  background-color: #efebe9 !important; }

.mdl-color-text--brown-100 {
  color: #d7ccc8 !important; }

.mdl-color--brown-100 {
  background-color: #d7ccc8 !important; }

.mdl-color-text--brown-200 {
  color: #bcaaa4 !important; }

.mdl-color--brown-200 {
  background-color: #bcaaa4 !important; }

.mdl-color-text--brown-300 {
  color: #a1887f !important; }

.mdl-color--brown-300 {
  background-color: #a1887f !important; }

.mdl-color-text--brown-400 {
  color: #8d6e63 !important; }

.mdl-color--brown-400 {
  background-color: #8d6e63 !important; }

.mdl-color-text--brown-500 {
  color: #795548 !important; }

.mdl-color--brown-500 {
  background-color: #795548 !important; }

.mdl-color-text--brown-600 {
  color: #6d4c41 !important; }

.mdl-color--brown-600 {
  background-color: #6d4c41 !important; }

.mdl-color-text--brown-700 {
  color: #5d4037 !important; }

.mdl-color--brown-700 {
  background-color: #5d4037 !important; }

.mdl-color-text--brown-800 {
  color: #4e342e !important; }

.mdl-color--brown-800 {
  background-color: #4e342e !important; }

.mdl-color-text--brown-900 {
  color: #3e2723 !important; }

.mdl-color--brown-900 {
  background-color: #3e2723 !important; }

.mdl-color-text--grey {
  color: #9e9e9e !important; }

.mdl-color--grey {
  background-color: #9e9e9e !important; }

.mdl-color-text--grey-50 {
  color: #fafafa !important; }

.mdl-color--grey-50 {
  background-color: #fafafa !important; }

.mdl-color-text--grey-100 {
  color: whitesmoke !important; }

.mdl-color--grey-100 {
  background-color: whitesmoke !important; }

.mdl-color-text--grey-200 {
  color: #eeeeee !important; }

.mdl-color--grey-200 {
  background-color: #eeeeee !important; }

.mdl-color-text--grey-300 {
  color: #e0e0e0 !important; }

.mdl-color--grey-300 {
  background-color: #e0e0e0 !important; }

.mdl-color-text--grey-400 {
  color: #bdbdbd !important; }

.mdl-color--grey-400 {
  background-color: #bdbdbd !important; }

.mdl-color-text--grey-500 {
  color: #9e9e9e !important; }

.mdl-color--grey-500 {
  background-color: #9e9e9e !important; }

.mdl-color-text--grey-600 {
  color: #757575 !important; }

.mdl-color--grey-600 {
  background-color: #757575 !important; }

.mdl-color-text--grey-700 {
  color: #616161 !important; }

.mdl-color--grey-700 {
  background-color: #616161 !important; }

.mdl-color-text--grey-800 {
  color: #424242 !important; }

.mdl-color--grey-800 {
  background-color: #424242 !important; }

.mdl-color-text--grey-900 {
  color: #212121 !important; }

.mdl-color--grey-900 {
  background-color: #212121 !important; }

.mdl-color-text--blue-grey {
  color: #607d8b !important; }

.mdl-color--blue-grey {
  background-color: #607d8b !important; }

.mdl-color-text--blue-grey-50 {
  color: #eceff1 !important; }

.mdl-color--blue-grey-50 {
  background-color: #eceff1 !important; }

.mdl-color-text--blue-grey-100 {
  color: #cfd8dc !important; }

.mdl-color--blue-grey-100 {
  background-color: #cfd8dc !important; }

.mdl-color-text--blue-grey-200 {
  color: #b0bec5 !important; }

.mdl-color--blue-grey-200 {
  background-color: #b0bec5 !important; }

.mdl-color-text--blue-grey-300 {
  color: #90a4ae !important; }

.mdl-color--blue-grey-300 {
  background-color: #90a4ae !important; }

.mdl-color-text--blue-grey-400 {
  color: #78909c !important; }

.mdl-color--blue-grey-400 {
  background-color: #78909c !important; }

.mdl-color-text--blue-grey-500 {
  color: #607d8b !important; }

.mdl-color--blue-grey-500 {
  background-color: #607d8b !important; }

.mdl-color-text--blue-grey-600 {
  color: #546e7a !important; }

.mdl-color--blue-grey-600 {
  background-color: #546e7a !important; }

.mdl-color-text--blue-grey-700 {
  color: #455a64 !important; }

.mdl-color--blue-grey-700 {
  background-color: #455a64 !important; }

.mdl-color-text--blue-grey-800 {
  color: #37474f !important; }

.mdl-color--blue-grey-800 {
  background-color: #37474f !important; }

.mdl-color-text--blue-grey-900 {
  color: #263238 !important; }

.mdl-color--blue-grey-900 {
  background-color: #263238 !important; }

.mdl-color--black {
  background-color: black !important; }

.mdl-color-text--black {
  color: black !important; }

.mdl-color--white {
  background-color: white !important; }

.mdl-color-text--white {
  color: white !important; }

/*.mdl-color--primary {
  background-color: #3f51b5 !important; }

.mdl-color--primary-contrast {
  background-color: white !important; }

.mdl-color--primary-dark {
  background-color: #303f9f !important; }

.mdl-color--accent {
  background-color: #ff4081 !important; }

.mdl-color--accent-contrast {
  background-color: white !important; }*/

.mdl-color--50 {
  background-color: #e8eaf6 !important; }

.mdl-color--100 {
  background-color: #c5cae9 !important; }

.mdl-color--200 {
  background-color: #9fa8da !important; }

.mdl-color--300 {
  background-color: #7986cb !important; }

.mdl-color--400 {
  background-color: #5c6bc0 !important; }

.mdl-color--500 {
  background-color: #3f51b5 !important; }

.mdl-color--600 {
  background-color: #3949ab !important; }

.mdl-color--700 {
  background-color: #303f9f !important; }

.mdl-color--800 {
  background-color: #283593 !important; }

.mdl-color--900 {
  background-color: #1a237e !important; }

.mdl-color--A100 {
  background-color: #8c9eff !important; }

.mdl-color--A200 {
  background-color: #536dfe !important; }

.mdl-color--A400 {
  background-color: #3d5afe !important; }

.mdl-color--A700 {
  background-color: #304ffe !important; }

.mdl-color--accent-50 {
  background-color: #fce4ec !important; }

.mdl-color--accent-100 {
  background-color: #f8bbd0 !important; }

.mdl-color--accent-200 {
  background-color: #f48fb1 !important; }

.mdl-color--accent-300 {
  background-color: #f06292 !important; }

.mdl-color--accent-400 {
  background-color: #ec407a !important; }

.mdl-color--accent-500 {
  background-color: #e91e63 !important; }

.mdl-color--accent-600 {
  background-color: #d81b60 !important; }

.mdl-color--accent-700 {
  background-color: #c2185b !important; }

.mdl-color--accent-800 {
  background-color: #ad1457 !important; }

.mdl-color--accent-900 {
  background-color: #880e4f !important; }

.mdl-color--accent-A100 {
  background-color: #ff80ab !important; }

.mdl-color--accent-A200 {
  background-color: #ff4081 !important; }

.mdl-color--accent-A400 {
  background-color: #f50057 !important; }

.mdl-color--accent-A700 {
  background-color: #c51162 !important; }

/*.mdl-color-text--primary, a.mdl-color-text--primary {
  color: #3f51b5 !important; }

.mdl-color-text--primary-contrast, a.mdl-color-text--primary-contrast {
  color: white !important; }

.mdl-color-text--primary-dark, a.mdl-color-text--primary-dark {
  color: #303f9f !important; }

.mdl-color-text--accent, a.mdl-color-text--accent {
  color: #ff4081 !important; }

.mdl-color-text--accent-contrast, a.mdl-color-text--accent-contrast {
  color: white !important; }*/

.mdl-color-text--50 {
  color: #e8eaf6 !important; }

.mdl-color-text--100 {
  color: #c5cae9 !important; }

.mdl-color-text--200 {
  color: #9fa8da !important; }

.mdl-color-text--300 {
  color: #7986cb !important; }

.mdl-color-text--400 {
  color: #5c6bc0 !important; }

.mdl-color-text--500 {
  color: #3f51b5 !important; }

.mdl-color-text--600 {
  color: #3949ab !important; }

.mdl-color-text--700 {
  color: #303f9f !important; }

.mdl-color-text--800 {
  color: #283593 !important; }

.mdl-color-text--900 {
  color: #1a237e !important; }

.mdl-color-text--A100 {
  color: #8c9eff !important; }

.mdl-color-text--A200 {
  color: #536dfe !important; }

.mdl-color-text--A400 {
  color: #3d5afe !important; }

.mdl-color-text--A700 {
  color: #304ffe !important; }

.mdl-color-text--accent-50 {
  color: #fce4ec !important; }

.mdl-color-text--accent-100 {
  color: #f8bbd0 !important; }

.mdl-color-text--accent-200 {
  color: #f48fb1 !important; }

.mdl-color-text--accent-300 {
  color: #f06292 !important; }

.mdl-color-text--accent-400 {
  color: #ec407a !important; }

.mdl-color-text--accent-500 {
  color: #e91e63 !important; }

.mdl-color-text--accent-600 {
  color: #d81b60 !important; }

.mdl-color-text--accent-700 {
  color: #c2185b !important; }

.mdl-color-text--accent-800 {
  color: #ad1457 !important; }

.mdl-color-text--accent-900 {
  color: #880e4f !important; }

.mdl-color-text--accent-A100 {
  color: #ff80ab !important; }

.mdl-color-text--accent-A200 {
  color: #ff4081 !important; }

.mdl-color-text--accent-A400 {
  color: #f50057 !important; }

.mdl-color-text--accent-A700 {
  color: #c51162 !important; }

/* ==========  Radio Buttons  ========== */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0; }
  .mdl-radio.is-upgraded {
    padding-left: 24px; }

.mdl-radio__button {
  line-height: 24px; }
  .mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 50%;
  z-index: 2; }
  .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #3f51b5; }
  .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
  .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto; }

.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  -webkit-transition-duration: 0.28s;
          transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transform: scale3d(0, 0, 0);
          transform: scale3d(0, 0, 0);
  border-radius: 50%;
  background: #3f51b5; }
  .mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
  .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto; }
  .mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }

.mdl-radio__label {
  cursor: pointer; }
  fieldset[disabled] .mdl-radio .mdl-radio__label,
  .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto; }

.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-radio__ripple-container .mdl-ripple {
    background: #3f51b5; }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
  .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
  .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
  -ms-appearance: none;
  height: 32px;
  margin: 0; }

.mdl-slider {
  width: calc(100% - 40px);
  margin: 0 20px; }
  .mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    outline: 0;
    padding: 0;
    color: #3f51b5;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    z-index: 1;
    cursor: pointer;
    /**************************** Tracks ****************************/
    /**************************** Thumbs ****************************/
    /**************************** 0-value ****************************/
    /**************************** Disabled ****************************/ }
    .mdl-slider.is-upgraded::-moz-focus-outer {
      border: 0; }
    .mdl-slider.is-upgraded::-ms-tooltip {
      display: none; }
    .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
      background: transparent; }
    .mdl-slider.is-upgraded::-moz-range-track {
      background: transparent;
      border: none; }
    .mdl-slider.is-upgraded::-ms-track {
      background: none;
      color: transparent;
      height: 2px;
      width: 100%;
      border: none; }
    .mdl-slider.is-upgraded::-ms-fill-lower {
      padding: 0;
      background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0); }
    .mdl-slider.is-upgraded::-ms-fill-upper {
      padding: 0;
      background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0); }
    .mdl-slider.is-upgraded::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
      border-radius: 50%;
      background: #3f51b5;
      border: none;
      -webkit-transition: -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
              transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded::-moz-range-thumb {
      -moz-appearance: none;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
      border-radius: 50%;
      background-image: none;
      background: #3f51b5;
      border: none; }
    .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
      box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26); }
    .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26); }
    .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
      background-image: none;
      background: #3f51b5;
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mdl-slider.is-upgraded:active::-moz-range-thumb {
      background-image: none;
      background: #3f51b5;
      transform: scale(1.5); }
    .mdl-slider.is-upgraded::-ms-thumb {
      width: 32px;
      height: 32px;
      border: none;
      border-radius: 50%;
      background: #3f51b5;
      -ms-transform: scale(0.375);
          transform: scale(0.375);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
      -ms-transform: scale(1);
          transform: scale(1); }
    .mdl-slider.is-upgraded:active::-ms-thumb {
      background: #3f51b5;
      -ms-transform: scale(0.5625);
          transform: scale(0.5625); }
    .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
      border: 2px solid rgba(0, 0, 0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
      border: 2px solid rgba(0, 0, 0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
      background: rgba(0, 0, 0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
      background: rgba(0, 0, 0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
      border: 1.6px solid rgba(0, 0, 0, 0.26);
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 9px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
      border: 1.5px solid rgba(0, 0, 0, 0.26);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
      background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
      -ms-transform: scale(1);
          transform: scale(1); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
      -ms-transform: scale(0.5625);
          transform: scale(0.5625);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
      margin-left: 9px; }
    .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
      -webkit-transform: scale(0.667);
              transform: scale(0.667);
      background: rgba(0, 0, 0, 0.26); }
    .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
      transform: scale(0.667);
      background: rgba(0, 0, 0, 0.26); }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-lower {
      background-color: rgba(0, 0, 0, 0.26);
      left: -6px; }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
      border: 3px solid rgba(0, 0, 0, 0.26);
      background: transparent;
      -webkit-transform: scale(0.667);
              transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
      border: 3px solid rgba(0, 0, 0, 0.26);
      background: transparent;
      transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
      -ms-transform: scale(0.25);
          transform: scale(0.25);
      background: rgba(0, 0, 0, 0.26); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
      -ms-transform: scale(0.25);
          transform: scale(0.25);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
      margin-right: 6px;
      background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
      margin-left: 6px; }

.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none; }

.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(100% - 52px);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
      -ms-transform: translate(0, -1px);
          transform: translate(0, -1px); }

.mdl-slider__background-lower {
  background: #3f51b5;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  border: 0;
  padding: 0; }

.mdl-slider__background-upper {
  background: rgba(0, 0, 0, 0.26);
  -webkit-box-flex: 0;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  -webkit-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
          transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-slider__container__container {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .mdl-slider__container__container .mdl-slider__label {
    padding-left: 24px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529ms linear infinite;
            animation: mdl-spinner__container-rotate 1568.23529ms linear infinite; }

@-webkit-keyframes mdl-spinner__container-rotate{
  to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.mdl-spinner__layer-1 {
  border-color: #42a5f5; }
  .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #3f51b5; }
  .mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-2 {
  border-color: #f44336; }
  .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #3f51b5; }
  .mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-3 {
  border-color: #fdd835; }
  .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #3f51b5; }
  .mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-4 {
  border-color: #4caf50; }
  .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #3f51b5; }
  .mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__fill-unfill-rotate{
  12.5%{
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25%{
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5%{
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50%{
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5%{
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75%{
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5%{
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  to{
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out{
  from{
    opacity: 0.99; }
  25%{
    opacity: 0.99; }
  26%{
    opacity: 0; }
  89%{
    opacity: 0; }
  90%{
    opacity: 0.99; }
  100%{
    opacity: 0.99; } }
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out{
  from{
    opacity: 0; }
  15%{
    opacity: 0; }
  25%{
    opacity: 0.99; }
  50%{
    opacity: 0.99; }
  51%{
    opacity: 0; } }

@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out{
  from{
    opacity: 0; }
  40%{
    opacity: 0; }
  50%{
    opacity: 0.99; }
  75%{
    opacity: 0.99; }
  76%{
    opacity: 0; } }

@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out{
  from{
    opacity: 0; }
  65%{
    opacity: 0; }
  75%{
    opacity: 0.99; }
  90%{
    opacity: 0.99; }
  100%{
    opacity: 0; } }

@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%; }

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%; }

.mdl-spinner__circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
          animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
        -ms-transform: rotate(129deg);
            transform: rotate(129deg); }
    .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
              animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
        -ms-transform: rotate(-129deg);
            transform: rotate(-129deg); }
    .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
              animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__left-spin{
  from{
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50%{
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to{
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); } }

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); } }

@-webkit-keyframes mdl-spinner__right-spin{
  from{
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50%{
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  to{
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); } }

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mdl-switch.is-upgraded {
    padding-left: 28px; }

.mdl-switch__input {
  line-height: 24px; }
  .mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-switch__track {
  background: rgba(0, 0, 0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer; }
  .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, 0.5); }
  .mdl-switch__track fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto; }

.mdl-switch__thumb {
  background: #fafafa;
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: 0.28s;
          transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: left;
          transition-property: left; }
  .mdl-switch.is-checked .mdl-switch__thumb {
    background: #3f51b5;
    left: 16px;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
  .mdl-switch__thumb fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto; }

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
      -ms-transform: translate(-4px, -4px);
          transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent; }
  .mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26); }

.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px; }
  .mdl-switch__label fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto; }

.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-transition-duration: 0.40s;
          transition-duration: 0.40s;
  -webkit-transition-timing-function: step-end;
          transition-timing-function: step-end;
  -webkit-transition-property: left;
          transition-property: left; }
  .mdl-switch__ripple-container .mdl-ripple {
    background: #3f51b5; }
  .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
  .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: transparent; }
  .mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-tabs {
  display: block;
  width: 100%; }

.mdl-tabs__tab-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid #e0e0e0; }

.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  overflow: hidden; }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, 0.87); }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #3f51b5;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
            animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
            transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
    .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
      background: #3f51b5; }

.mdl-tabs__panel {
  display: block; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block; }

@-webkit-keyframes border-expand{
  0%{
    opacity: 0;
    width: 0; }
  100%{
    opacity: 1;
    width: 100%; } }

@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

template, div[template] {
  display: none;
  visibility: hidden; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0; }
  .mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px; }

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

.mdl-textfield--full-width {
  width: 100%; }

.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px; }

.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: block;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit; }
  .mdl-textfield__input[type="number"] {
    -moz-appearance: textfield; }
  .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .mdl-textfield.is-focused .mdl-textfield__input {
    outline: none; }
  .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none; }
  fieldset[disabled] .mdl-textfield .mdl-textfield__input,
  .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26); }

.mdl-textfield textarea.mdl-textfield__input {
  display: block; }

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0, 0, 0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
  .mdl-textfield.is-dirty .mdl-textfield__label {
    visibility: hidden; }
  .mdl-textfield--floating-label .mdl-textfield__label {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  fieldset[disabled] .mdl-textfield .mdl-textfield__label,
  .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26); }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible; }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px; }
  .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px; }
  .mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px; }
  .mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%; }
  .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000; }

.mdl-textfield__error {
  color: #d50000;
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block; }
  .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible; }

.mdl-textfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px; }
  .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px; }
  .mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0; }

.mdl-textfield {
  width: auto; }

.mdl-textfield.is-disabled .mdl-textfield__input {
  color: rgba(0, 0, 0, 0.26); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-tooltip {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  will-change: transform;
  z-index: 999;
  background: rgba(97, 97, 97, 0.9);
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center; }

.mdl-tooltip.is-active {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
          animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px; }

@-webkit-keyframes pulse{
  0%{
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50%{
    -webkit-transform: scale(0.99);
            transform: scale(0.99); }
  100%{
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/* Animation Variables */
/* Accordion */
mdl-accordion-group, mdl-accordion {
  display: block; }

mdl-accordion-group mdl-accordion:first-of-type .mdl-accordion {
  border-top: 1px solid #ddd; }

/* Basic Accordion Styles */
.mdl-accordion-group .mdl-accordion {
  /* For Demo Positioning Only */
  /* Labels */
  /* Panel Content */ }
  .mdl-accordion-group .mdl-accordion input[name^='mdl-accordion'] {
    display: none; }
  .mdl-accordion-group .mdl-accordion .mdl-accordion__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px;
    padding-left: 16px;
    position: relative;
    border-bottom: 1px solid #ddd;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    font-size: 16px;
    -webkit-transition: all 0.3s cubic-bezier(0.865, 0.14, 0.095, 0.87);
            transition: all 0.3s cubic-bezier(0.865, 0.14, 0.095, 0.87); }
    .debug .mdl-accordion-group .mdl-accordion .mdl-accordion__label {
      border: 1px solid red; }
    .mdl-accordion-group .mdl-accordion .mdl-accordion__label:hover {
      color: black; }
    .mdl-accordion-group .mdl-accordion .mdl-accordion__label .mdl-accordion__label--stretch, .mdl-accordion-group .mdl-accordion .mdl-accordion__label .stretch {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .debug .mdl-accordion-group .mdl-accordion .mdl-accordion__label .mdl-accordion__label--stretch, .debug .mdl-accordion-group .mdl-accordion .mdl-accordion__label .stretch {
        border: 1px solid blue; }
    .mdl-accordion-group .mdl-accordion .mdl-accordion__label .indicator, .mdl-accordion-group .mdl-accordion .mdl-accordion__label .indicator--right {
      text-align: right;
      -webkit-transition: 0.3s ease-in-out;
              transition: 0.3s ease-in-out;
      font-weight: 100;
      font-size: 18px;
      color: rgba(0, 0, 0, 0.6); }
      .debug .mdl-accordion-group .mdl-accordion .mdl-accordion__label .indicator, .debug .mdl-accordion-group .mdl-accordion .mdl-accordion__label .indicator--right {
        border: 1px solid green; }
    .mdl-accordion-group .mdl-accordion .mdl-accordion__label .indicator:first-child {
      margin-right: 12px; }
    .mdl-accordion-group .mdl-accordion .mdl-accordion__label .indicator--right, .mdl-accordion-group .mdl-accordion .mdl-accordion__label .right {
      position: absolute;
      top: 12px;
      right: 0; }
    .mdl-accordion-group .mdl-accordion .mdl-accordion__label .mdl-accordion__ripple-container {
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 1;
      overflow: hidden; }
      .mdl-accordion-group .mdl-accordion .mdl-accordion__label .mdl-accordion__ripple-container .mdl-ripple {
        background: #3f51b5; }
  .mdl-accordion-group .mdl-accordion input:checked + .mdl-accordion__label {
    color: black; }
    .mdl-accordion-group .mdl-accordion input:checked + .mdl-accordion__label .indicator {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      -webkit-transition: 0.3s ease-in-out;
              transition: 0.3s ease-in-out;
      color: rgb(#3f51b5); }
      .debug .mdl-accordion-group .mdl-accordion input:checked + .mdl-accordion__label .indicator {
        border: 1px solid red; }
  .mdl-accordion-group .mdl-accordion .mdl-accordion--content {
    line-height: initial;
    overflow: auto;
    max-height: 0;
    position: relative;
    padding: 0 16px;
    -webkit-transition: max-height 0.3s cubic-bezier(0.865, 0.14, 0.095, 0.87);
            transition: max-height 0.3s cubic-bezier(0.865, 0.14, 0.095, 0.87); }
    .mdl-accordion-group .mdl-accordion .mdl-accordion--content .mdl-accordion--header {
      padding: 8px 0;
      color: rgba(0, 0, 0, 0.8);
      margin: 0; }
    .mdl-accordion-group .mdl-accordion .mdl-accordion--content .mdl-accordion--body {
      padding: 0;
      color: rgba(0, 0, 0, 0.6); }

input[name^='mdl-accordion']:checked ~ .mdl-accordion--content {
  max-height: 1500px;
  border-bottom: 1px solid #ddd;
  -webkit-transition: max-height 0.3s cubic-bezier(0.865, 0.14, 0.095, 0.87);
          transition: max-height 0.3s cubic-bezier(0.865, 0.14, 0.095, 0.87); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px; }
  .mdl-badge:not([data-badge]) {
    margin-right: auto; }
  .mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff4081;
    color: white; }
    .mdl-button .mdl-badge[data-badge]:after {
      top: -10px;
      right: -5px; }
  .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px gray; }
  .mdl-badge.mdl-badge--overlap {
    margin-right: 10px; }
    .mdl-badge.mdl-badge--overlap:after {
      right: -10px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/* Dialog */
.mdl-dialog-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  visibility: hidden;
  background-color: transparent; }
  .mdl-dialog-container.is-visible {
    background-color: rgba(0, 0, 0, 0.25);
    visibility: visible; }
    .mdl-dialog-container.is-visible .mdl-dialog {
      opacity: 1;
      -webkit-transition: 0.2s;
              transition: 0.2s;
      -webkit-transform: translate3d(0, 0, 0) scale(1);
              transform: translate3d(0, 0, 0) scale(1); }
  .mdl-dialog-container.is-hidden .mdl-dialog {
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: translate3d(0, 100%, 0) scale(0.2);
            transform: translate3d(0, 100%, 0) scale(0.2); }
  .mdl-dialog-container .mdl-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    box-sizing: border-box;
    background-color: white;
    opacity: 0;
    min-width: 280px;
    max-width: 80%;
    max-height: 80%;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
    .mdl-dialog-container .mdl-dialog .mdl-dialog__content {
      display: block;
      box-sizing: border-box;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      padding: 24px 24px 0 24px;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      .mdl-dialog-container .mdl-dialog .mdl-dialog__content:not([layout=row]) > *:first-child:not(.mdl-subheader) {
        margin-top: 0; }
      .mdl-dialog-container .mdl-dialog .mdl-dialog__content h1, .mdl-dialog-container .mdl-dialog .mdl-dialog__content h2, .mdl-dialog-container .mdl-dialog .mdl-dialog__content h3, .mdl-dialog-container .mdl-dialog .mdl-dialog__content h4, .mdl-dialog-container .mdl-dialog .mdl-dialog__content h5, .mdl-dialog-container .mdl-dialog .mdl-dialog__content h6 {
        margin-bottom: 18px; }
      .mdl-dialog-container .mdl-dialog .mdl-dialog__content p {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.04em;
        opacity: 0.87;
        color: black; }
    .mdl-dialog-container .mdl-dialog .mdl-dialog__actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      box-sizing: border-box;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: 6px 16px 6px 0;
      margin-top: 16px;
      margin-bottom: 8px;
      min-height: 40px; }
      .mdl-dialog-container .mdl-dialog .mdl-dialog__actions > * {
        margin-left: 8px; }
    .mdl-dialog-container .mdl-dialog.mdl-content-overflow .mdl-actions {
      border-top: 1px solid; }

.mdl-dnd__drag-container {
  position: relative; }

mdl-dropzone {
  display: block; }

mdl-draggable {
  display: block; }

@-webkit-keyframes swing {
  15% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  30% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  50% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px); }
  65% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px); }
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes swing {
  15% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  30% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  50% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px); }
  65% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px); }
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.dnd-draggable {
  z-index: 0;
  cursor: url("./packages/dnd/cursor/openhand.cur"), move;
  /* Cursor for IE. */
  cursor: url("./packages/dnd/cursor/openhand.cur") 7 5, move;
  /* Cursor for FF and Chrome (setting midpoint). */ }
  .debug .dnd-draggable {
    border: 1px solid lightcoral; }

.dnd-invalid {
  -webkit-animation: swing 1s ease;
          animation: swing 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  cursor: no-drop;
  cursor: not-allowed; }

.dnd-over {
  opacity: 1;
  -webkit-transition: background 0.3s ease;
          transition: background 0.3s ease;
  border: 2px dashed #1c691b !important;
  border-radius: 5px;
  background-color: rgba(149, 255, 149, 0.6) !important; }

.dnd-dragging {
  opacity: 0.5;
  z-index: 101; }
  .debug .dnd-dragging {
    border: 1px solid cyan; }

.dnd-dragging, .dnd-drag-occurring {
  cursor: url("./packages/dnd/cursor/closedhand.cur"), move;
  /* Cursor for IE. */
  cursor: url("./packages/dnd/cursor/closedhand.cur") 7 5, move;
  /* Cursor for FF and Chrome (setting midpoint). */ }

.debug.dnd-drag-occurring {
  border: 1px solid orange; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-sticky-mini-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  min-height: 30px;
  max-height: 30px;
  z-index: 3; }
  .mdl-sticky-mini-footer .mdl-mini-footer--left-section {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .mdl-sticky-mini-footer .mdl-mini-footer--left-section .mdl-logo {
      margin: 0 8px 0 0; }
      @media screen and (max-width: 1024px) {
        .mdl-sticky-mini-footer .mdl-mini-footer--left-section .mdl-logo {
          display: none; } }
  .mdl-sticky-mini-footer .mdl-mini-footer--right-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-form, .mdl-form-registration {
  box-sizing: border-box;
  border-radius: 3px;
  padding: 0 0 8px 0;
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
  .mdl-form .mdl-form__title, .mdl-form-registration .mdl-form__title {
    padding-top: 24px;
    font-size: 24px;
    line-height: 24px;
    margin: 0 24px 4px 24px; }
  .mdl-form .mdl-form__content, .mdl-form-registration .mdl-form__content {
    margin-left: 24px;
    margin-right: 24px; }
    .mdl-form .mdl-form__content .mdl-textfield, .mdl-form-registration .mdl-form__content .mdl-textfield, .mdl-form .mdl-form__content .mdl-slider, .mdl-form-registration .mdl-form__content .mdl-slider {
      width: 100%; }
    .mdl-form .mdl-form__content .mdl-checkbox, .mdl-form-registration .mdl-form__content .mdl-checkbox, .mdl-form .mdl-form__content .mdl-switch, .mdl-form-registration .mdl-form__content .mdl-switch, .mdl-form .mdl-form__content .mdl-radio, .mdl-form-registration .mdl-form__content .mdl-radio {
      margin-top: 12px;
      margin-bottom: 12px; }
    .mdl-form .mdl-form__content .mdl-form__group--with-border, .mdl-form-registration .mdl-form__content .mdl-form__group--with-border {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .mdl-form .mdl-form__content .mdl-form__group, .mdl-form-registration .mdl-form__content .mdl-form__group {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      box-sizing: border-box; }
      .mdl-form .mdl-form__content .mdl-form__group.mdl-form__group--with-border, .mdl-form-registration .mdl-form__content .mdl-form__group.mdl-form__group--with-border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
      .mdl-form .mdl-form__content .mdl-form__group > *, .mdl-form-registration .mdl-form__content .mdl-form__group > * {
        width: inherit;
        min-width: 96px;
        margin-right: 8px; }
      .mdl-form .mdl-form__content .mdl-form__group--slider, .mdl-form-registration .mdl-form__content .mdl-form__group--slider {
        padding: 12px 8px 12px 16px; }
        .mdl-form .mdl-form__content .mdl-form__group--slider:first-child, .mdl-form-registration .mdl-form__content .mdl-form__group--slider:first-child {
          margin-top: 20px; }
        .mdl-form .mdl-form__content .mdl-form__group--slider > *, .mdl-form-registration .mdl-form__content .mdl-form__group--slider > * {
          margin-right: 0; }
      .mdl-form .mdl-form__content .mdl-form__group .mdl-icon, .mdl-form-registration .mdl-form__content .mdl-form__group .mdl-icon {
        font-size: 24px;
        min-width: 32px; }
  .mdl-form .mdl-form__actions, .mdl-form-registration .mdl-form__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 8px 8px 0 8px;
    width: calc(100% - 16px); }
    .mdl-form .mdl-form__actions > *, .mdl-form-registration .mdl-form__actions > * {
      margin-left: 4px; }
  .mdl-form .mdl-textfield.is-invalid .mdl-textfield__error, .mdl-form-registration .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: hidden; }
  .mdl-form.is-dirty .mdl-textfield.is-invalid .mdl-textfield__error, .is-dirty.mdl-form-registration .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible; }
  .debug .mdl-form.is-invalid, .debug .is-invalid.mdl-form-registration {
    background-color: rgba(255, 143, 38, 0.3); }
  .debug .mdl-form.is-dirty, .debug .is-dirty.mdl-form-registration {
    background-color: rgba(255, 143, 38, 0.6); }

.mdl-form-registration .mdl-form__actions .mdl-button {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.mdl-basic-form {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 320px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  padding: 24px 24px 8px 24px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
  .mdl-basic-form h1, .mdl-basic-form h2, .mdl-basic-form h3, .mdl-basic-form h4, .mdl-basic-form h5, .mdl-basic-form h6, .mdl-basic-form h6 {
    padding-top: 0;
    font-size: 20px;
    line-height: 20px; }
  .mdl-basic-form.right {
    float: right; }
  .mdl-basic-form label {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-top: 12px;
    font-size: 15px; }
    .mdl-basic-form label:first-child {
      padding-top: 0; }
  .mdl-basic-form input, .mdl-basic-form button {
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #000000; }
    .mdl-basic-form input.large, .mdl-basic-form button.large {
      width: 10em; }
    .mdl-basic-form input.normal, .mdl-basic-form button.normal {
      width: 8em; }
    .mdl-basic-form input.small, .mdl-basic-form button.small {
      width: 6em; }
  .mdl-basic-form input {
    width: 100%;
    font-size: 15px;
    padding: 7.5px;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    outline: none; }
    .mdl-basic-form input:last-child {
      margin-right: 0; }
    .mdl-basic-form input:focus {
      border-bottom: 1px solid #3f51b5; }
    .mdl-basic-form input[type=submit] {
      border: none; }
  .mdl-basic-form .mdl-basic-form__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 7.5px;
    padding-bottom: 7.5px; }
    .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--last-row {
      padding: 0;
      margin-top: 16px; }
    .mdl-basic-form .mdl-basic-form__group > .mdl-basic-form__group {
      padding-top: 0; }
    .mdl-basic-form .mdl-basic-form__group label {
      width: 130px;
      padding-top: 7.5px; }
    .mdl-basic-form .mdl-basic-form__group input {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: auto; }
    .mdl-basic-form .mdl-basic-form__group input[type=submit] {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 130px; }
    .mdl-basic-form .mdl-basic-form__group ul.vertical li {
      padding-top: 0; }
      .mdl-basic-form .mdl-basic-form__group ul.vertical li:first-child {
        padding-top: 3.75px; }
      .mdl-basic-form .mdl-basic-form__group ul.vertical li:last-child {
        padding-top: 0; }
    .mdl-basic-form .mdl-basic-form__group ul.horizontal li {
      padding-right: 12px;
      padding-top: 7.5px; }
      .mdl-basic-form .mdl-basic-form__group ul.horizontal li:first-child {
        padding-top: 7.5px; }
      .mdl-basic-form .mdl-basic-form__group ul.horizontal li:last-child {
        padding-top: 7.5px; }
    .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--right {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--right input, .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--right button {
        margin-left: 10px; }
        .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--right input:first-child, .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--right button:first-child {
          margin-left: 0; }
    .mdl-basic-form .mdl-basic-form__group.equal {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .mdl-basic-form .mdl-basic-form__group.equal.with-offset {
        margin-left: 130px; }
      .mdl-basic-form .mdl-basic-form__group.equal > *, .mdl-basic-form .mdl-basic-form__group.equal > input[type=submit] {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin-left: 10px; }
        .mdl-basic-form .mdl-basic-form__group.equal > *:first-child, .mdl-basic-form .mdl-basic-form__group.equal > input[type=submit]:first-child {
          margin-left: 0; }
    .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--checkbox, .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--radio {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      font-size: 15px; }
      .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--checkbox input, .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--radio input {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        margin-top: 3px;
        margin-left: 1em; }
        .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--checkbox input:first-child, .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--radio input:first-child {
          margin-left: 0; }
      .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--checkbox > *, .mdl-basic-form .mdl-basic-form__group.mdl-basic-form__group--radio > * {
        margin-right: 6px; }
    .mdl-basic-form .mdl-basic-form__group.help {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .mdl-basic-form .mdl-basic-form__group.help .help-block {
        padding: 0; }
    .mdl-basic-form .mdl-basic-form__group .help-block {
      color: #d50000;
      font-weight: 600; }
  .mdl-basic-form input[type=submit], .mdl-basic-form button {
    width: 130px;
    height: 36px;
    margin: 4px;
    padding: 6px;
    border: none;
    font-size: 16.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(158, 158, 158, 0.2); }
    .mdl-basic-form input[type=submit].maxsize, .mdl-basic-form button.maxsize {
      width: 100%; }
    .mdl-basic-form input[type=submit]:last-of-type, .mdl-basic-form button:last-of-type {
      margin-right: 0; }
    .mdl-basic-form input[type=submit].mdl-basic-form__control--maxsize, .mdl-basic-form button.mdl-basic-form__control--maxsize {
      width: 100%; }
    .mdl-basic-form input[type=submit].mdl-basic-form__control--last-row, .mdl-basic-form button.mdl-basic-form__control--last-row {
      margin-top: 20px; }
    .mdl-basic-form input[type=submit].mdl-basic-form__control--right, .mdl-basic-form button.mdl-basic-form__control--right {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
  .mdl-basic-form input[type=submit], .mdl-basic-form button[type=submit], .mdl-basic-form button.submit, .mdl-basic-form button.primary {
    background-color: #3f51b5;
    color: white; }
  .mdl-basic-form .mdl-basic-form__control--last-row {
    margin-top: 20px; }
  .mdl-basic-form .mdl-basic-form__control--right {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; }

.mdl-labelfield {
  box-sizing: border-box;
  padding: 16px 0;
  margin-right: 0; }
  .mdl-labelfield.mdl-labelfield--with-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .mdl-labelfield .mdl-labelfield__label {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    opacity: 0.87;
    font-weight: 500;
    line-height: 24px;
    pointer-events: none;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left; }
  .mdl-labelfield .mdl-labelfield__text {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 16px;
    color: #9e9e9e; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-nav-pill, .mdl-nav-pills > * {
  padding: 4px 8px;
  margin: 0 0 8px 0;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.1s linear;
          transition: all 0.1s linear; }
  .debug .mdl-nav-pill, .debug .mdl-nav-pills > * {
    border: 1px dotted black; }
  .mdl-nav-pill:last-child, .mdl-nav-pills > :last-child, .mdl-nav-pill.is-last-child, .mdl-nav-pills > .is-last-child {
    margin-bottom: 0; }
  .mdl-nav-pill:hover, .mdl-nav-pills > :hover {
    margin-top: -3px;
    margin-right: 3px;
    margin-bottom: 11px;
    margin-left: -3px; }
    .mdl-nav-pill:hover:last-child, .mdl-nav-pills > :hover:last-child {
      margin-bottom: 3px; }
    .mdl-nav-pill:hover.is-last-child, .mdl-nav-pills > :hover.is-last-child {
      margin-bottom: 14px; }
  .mdl-nav-pill > a, .mdl-nav-pills > * > a {
    display: block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    font-weight: normal; }
  .mdl-nav-pill.mdl-nav-pill--dark, .mdl-nav-pills > .mdl-nav-pill--dark {
    background-color: #3f51b5; }
  .mdl-nav-pill.mdl-nav-pill--darker, .mdl-nav-pills > .mdl-nav-pill--darker {
    background-color: #303f9f; }
  .mdl-nav-pill.mdl-nav-pill--light, .mdl-nav-pills > .mdl-nav-pill--light {
    background-color: #7986cb; }
  .mdl-nav-pill.mdl-nav-pill--lighter, .mdl-nav-pills > .mdl-nav-pill--lighter {
    background-color: #c5cae9; }
  .mdl-nav-pill.mdl-nav-pill--accent, .mdl-nav-pills > .mdl-nav-pill--accent {
    background-color: #e91e63; }
  .mdl-nav-pill.mdl-nav-pill--light-text, .mdl-nav-pills > .mdl-nav-pill--light-text {
    color: whitesmoke; }
    .mdl-nav-pill.mdl-nav-pill--light-text a, .mdl-nav-pills > .mdl-nav-pill--light-text a {
      color: whitesmoke; }

.mdl-nav-pills {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .debug .mdl-nav-pills {
    border: 1px solid green; }
  .mdl-nav-pills.mdl-nav-pills--as-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .mdl-nav-pills.mdl-nav-pills--as-row > * {
      margin: 0 8px 8px 0; }
      .mdl-nav-pills.mdl-nav-pills--as-row > *:last-child, .mdl-nav-pills.mdl-nav-pills--as-row > *.is-last-child {
        margin-right: 0; }
      .mdl-nav-pills.mdl-nav-pills--as-row > *:hover {
        margin-top: -3px;
        margin-right: 11px;
        margin-bottom: 0;
        margin-left: -3px; }
        .mdl-nav-pills.mdl-nav-pills--as-row > *:hover:last-child, .mdl-nav-pills.mdl-nav-pills--as-row > *:hover.is-last-child {
          margin-right: 3px; }
  .mdl-nav-pills > li {
    list-style: none;
    display: block; }
  .mdl-nav-pills.mdl-nav-pill--dark > * {
    background-color: #3f51b5; }
  .mdl-nav-pills > .mdl-nav-pill--dark {
    background-color: #3f51b5 !important; }
  .mdl-nav-pills.mdl-nav-pill--darker > * {
    background-color: #303f9f; }
  .mdl-nav-pills > .mdl-nav-pill--darker {
    background-color: #303f9f !important; }
  .mdl-nav-pills.mdl-nav-pill--light > * {
    background-color: #7986cb; }
  .mdl-nav-pills > .mdl-nav-pill--light {
    background-color: #7986cb !important; }
  .mdl-nav-pills.mdl-nav-pill--lighter > * {
    background-color: #c5cae9; }
  .mdl-nav-pills > .mdl-nav-pill--lighter {
    background-color: #c5cae9 !important; }
  .mdl-nav-pills.mdl-nav-pill--accent > * {
    background-color: #e91e63; }
  .mdl-nav-pills > .mdl-nav-pill--accent {
    background-color: #e91e63 !important; }
  .mdl-nav-pills.mdl-nav-pill--light-text > * {
    color: whitesmoke; }
    .mdl-nav-pills.mdl-nav-pill--light-text > * a {
      display: block;
      color: whitesmoke; }
  .mdl-nav-pills > .mdl-nav-pill--light-text {
    color: whitesmoke !important; }
    .mdl-nav-pills > .mdl-nav-pill--light-text a {
      color: whitesmoke !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-notification-container {
  z-index: 3;
  position: absolute;
  right: 12px;
  top: 12px;
  min-width: 336px;
  max-width: 336px;
  max-height: calc(100vh - 12px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: scroll; }
  .mdl-notification-container.is-visible {
    background-color: transparent;
    visibility: visible; }
    .mdl-notification-container.is-visible .mdl-notification {
      opacity: 1;
      -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.55, 0.2);
              transition: all 1s cubic-bezier(0.55, 0, 0.55, 0.2); }
  .mdl-notification-container.is-hidden .mdl-notification {
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .mdl-notification-container .mdl-notification {
    position: relative;
    box-sizing: border-box;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    min-height: 48px;
    min-width: 324px;
    max-width: 324px;
    width: 324px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    font-size: 14px;
    cursor: default;
    margin-bottom: 12px; }
    .mdl-notification-container .mdl-notification h1, .mdl-notification-container .mdl-notification h2, .mdl-notification-container .mdl-notification h3, .mdl-notification-container .mdl-notification h4, .mdl-notification-container .mdl-notification h5, .mdl-notification-container .mdl-notification h6 {
      margin-top: 0;
      margin-bottom: 0; }
    .mdl-notification-container .mdl-notification h1 {
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      font-size: 24px;
      font-weight: 400;
      line-height: 32px;
      -moz-osx-font-smoothing: grayscale; }
    .mdl-notification-container .mdl-notification h2, .mdl-notification-container .mdl-notification h3, .mdl-notification-container .mdl-notification h4, .mdl-notification-container .mdl-notification h5, .mdl-notification-container .mdl-notification h6 {
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0.04em;
      opacity: 0.87; }
    .mdl-notification-container .mdl-notification.mdl-notification--debug .mdl-notification__avatar {
      color: #aed581; }
      .mdl-notification-container .mdl-notification.mdl-notification--debug .mdl-notification__avatar::before {
        content: "bug_report"; }
    .mdl-notification-container .mdl-notification.mdl-notification--info .mdl-notification__avatar {
      color: #42a5f5; }
      .mdl-notification-container .mdl-notification.mdl-notification--info .mdl-notification__avatar::before {
        content: "info"; }
    .mdl-notification-container .mdl-notification.mdl-notification--warning .mdl-notification__avatar {
      color: #ff9800; }
      .mdl-notification-container .mdl-notification.mdl-notification--warning .mdl-notification__avatar::before {
        content: "warning"; }
    .mdl-notification-container .mdl-notification.mdl-notification--error .mdl-notification__avatar {
      color: #b71c1c; }
      .mdl-notification-container .mdl-notification.mdl-notification--error .mdl-notification__avatar::before {
        content: "error"; }
    .mdl-notification-container .mdl-notification .mdl-notification__close {
      position: absolute;
      top: 8px;
      right: 12px;
      font-size: 12px; }
    .mdl-notification-container .mdl-notification .mdl-notification__content {
      font-size: 14px;
      width: 100%;
      overflow: hidden;
      word-wrap: break-word; }
      .mdl-notification-container .mdl-notification .mdl-notification__content .mdl-notification__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-align-content: space-between;
            -ms-flex-line-pack: justify;
                align-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .mdl-notification-container .mdl-notification .mdl-notification__content .mdl-notification__title .mdl-notification__avatar {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-align-content: space-between;
              -ms-flex-line-pack: justify;
                  align-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 50px;
          min-width: 50px;
          max-width: 50px;
          min-height: 50px;
          max-height: 50px;
          margin-right: 8px; }
        .mdl-notification-container .mdl-notification .mdl-notification__content .mdl-notification__title + .mdl-notification__text {
          margin-top: 16px; }
      .mdl-notification-container .mdl-notification .mdl-notification__content .mdl-notification__text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-align-content: space-between;
            -ms-flex-line-pack: justify;
                align-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .mdl-notification-container .mdl-notification .mdl-notification__content .mdl-notification__text .mdl-notification__avatar {
          vertical-align: middle;
          font-size: 50px;
          margin-right: 12px; }
          .mdl-notification-container .mdl-notification .mdl-notification__content .mdl-notification__text .mdl-notification__avatar + span {
            max-width: 262px;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0;
            line-height: 130%; }

/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-panel {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  border-radius: 2px; }
  .mdl-panel.mdl-panel--shadow {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
  .mdl-panel.mdl-panel--light-text {
    color: whitesmoke; }
  .mdl-panel.mdl-panel--dark {
    background-color: #3f51b5; }
  .mdl-panel.mdl-panel--darker {
    background-color: #303f9f; }
  .mdl-panel.mdl-panel--light {
    background-color: #7986cb; }
  .mdl-panel.mdl-panel--lighter {
    background-color: #c5cae9; }
  .mdl-panel.mdl-panel--accent {
    background-color: #e91e63; }
  .mdl-panel.mdl-panel--with-heading {
    padding: 0; }
    .mdl-panel.mdl-panel--with-heading > .mdl-panel__heading {
      padding: 8px 16px; }
    .mdl-panel.mdl-panel--with-heading > .mdl-panel__content {
      padding: 8px 16px;
      color: rgba(0, 0, 0, 0.87);
      background-color: white; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-properties__container {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
  .debug .mdl-properties__container {
    border: 1px solid yellow; }
  .mdl-properties__container > :first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .debug .mdl-properties__container > :first-child {
      border: 1px solid red; }
  .mdl-properties__container > .mdl-properties {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    overflow: scroll;
    width: 0;
    opacity: 0;
    padding: 0;
    margin-right: -24px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    /* (footer + footer-padding + header) - (properties-vertical-distance * 2) */
    min-height: calc(100% - 102px - 24px); }
    .is-small-screen .mdl-properties__container > .mdl-properties, .mdl-properties__container > .mdl-properties--sticky {
      z-index: 2;
      position: fixed;
      top: 76px;
      right: 0;
      /* (footer + footer-padding + header) - (properties-vertical-distance * 2) */
      min-height: calc(100% - 102px - 24px); }
    .is-small-screen .mdl-properties__container > .mdl-properties {
      top: 68px;
      /* (footer + footer-padding + header) - (properties-vertical-distance * 2) */
      min-height: calc(100% - 94px - 24px); }
    .show-properties .mdl-properties__container > .mdl-properties, .show-properties--permanent .mdl-properties__container > .mdl-properties {
      width: 264px;
      min-width: 264px;
      max-width: 264px;
      box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
    .show-properties--permanent .mdl-properties__container > .mdl-properties {
      opacity: 1; }
    .mdl-properties__container > .mdl-properties > :first-child {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }

.mdl-property {
  display: inline; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-snackbar-container.is-visible .mdl-snackbar {
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);
          transition: all 0.2s cubic-bezier(0.55, 0, 0.55, 0.2); }

.mdl-snackbar-container.is-hidden .mdl-snackbar {
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }

.mdl-snackbar-container .mdl-snackbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 2px;
  font-size: 14px;
  cursor: default;
  max-width: 879px;
  max-height: 40px;
  height: 24px;
  z-index: 90;
  color: rgba(255, 255, 255, 0.87);
  background-color: #424242;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
          transform: translate3d(0, 0, 0) rotateZ(0deg);
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  /* Transition differently when swiping */ }
  .mdl-snackbar-container .mdl-snackbar.mdl-capsule {
    border-radius: 24px; }
  .mdl-snackbar-container .mdl-snackbar.ng-leave-active {
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);
            transition: all 0.2s cubic-bezier(0.55, 0, 0.55, 0.2); }
  .mdl-snackbar-container .mdl-snackbar.mdl-swipeleft, .mdl-snackbar-container .mdl-snackbar.mdl-swiperight, .mdl-snackbar-container .mdl-snackbar.mdl-swipeup, .mdl-snackbar-container .mdl-snackbar.mdl-swipedown {
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .mdl-snackbar-container .mdl-snackbar.ng-enter {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0; }
    .mdl-snackbar-container .mdl-snackbar.ng-enter.mdl-top {
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0); }
    .mdl-snackbar-container .mdl-snackbar.ng-enter.ng-enter-active {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1; }
  .mdl-snackbar-container .mdl-snackbar.ng-leave.ng-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
    .mdl-snackbar-container .mdl-snackbar.ng-leave.ng-leave-active.mdl-snackbar--top {
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0); }
    .mdl-snackbar-container .mdl-snackbar.ng-leave.ng-leave-active.mdl-swipeleft {
      -webkit-transform: translate3d(-100%, 0%, 0);
              transform: translate3d(-100%, 0%, 0); }
    .mdl-snackbar-container .mdl-snackbar.ng-leave.ng-leave-active.mdl-swiperight {
      -webkit-transform: translate3d(100%, 0%, 0);
              transform: translate3d(100%, 0%, 0); }
  .mdl-snackbar-container .mdl-snackbar .mdl-button {
    color: #ec407a; }
  .mdl-snackbar-container .mdl-snackbar.mdl-snackbar--left {
    left: 0; }
  .mdl-snackbar-container .mdl-snackbar.mdl-snackbar--top {
    top: 0; }
  .mdl-snackbar-container .mdl-snackbar.mdl-snackbar--right {
    right: 0; }
  .mdl-snackbar-container .mdl-snackbar.mdl-snackbar--bottom {
    bottom: 0; }
  .mdl-snackbar-container .mdl-snackbar .mdl-snackbar__flex {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

@media (max-width: 600px) {
  .mdl-snackbar {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0; }
    .mdl-snackbar.mdl-snackbar--top {
      bottom: auto;
      top: 0; } }

@media (min-width: 600px) {
  .mdl-snackbar {
    min-width: 288px;
    /*
         * When the snackbar doesn't take up the whole screen,
         * make it rotate when the user swipes it away
         */ }
    .mdl-snackbar.mdl-snackbar--bottom {
      bottom: 8px; }
    .mdl-snackbar.mdl-snackbar--left {
      left: 8px; }
    .mdl-snackbar.mdl-snackbar--right {
      right: 8px; }
    .mdl-snackbar.mdl-snackbar--top {
      top: 8px; }
    .mdl-snackbar.ng-leave.ng-leave-active.mdl-swipeleft {
      -webkit-transform: translate3d(-100%, 25%, 0) rotateZ(-15deg);
              transform: translate3d(-100%, 25%, 0) rotateZ(-15deg); }
    .mdl-snackbar.ng-leave.ng-leave-active.mdl-swiperight {
      -webkit-transform: translate3d(100%, 25%, 0) rotateZ(15deg);
              transform: translate3d(100%, 25%, 0) rotateZ(15deg); }
    .mdl-snackbar.ng-leave.ng-leave-active.mdl-snackbar--top.mdl-swipeleft {
      -webkit-transform: translate3d(-100%, 0, 0) rotateZ(-15deg);
              transform: translate3d(-100%, 0, 0) rotateZ(-15deg); }
    .mdl-snackbar.ng-leave.ng-leave-active.mdl-snackbar--top.mdl-swiperight {
      -webkit-transform: translate3d(100%, 0, 0) rotateZ(15deg);
              transform: translate3d(100%, 0, 0) rotateZ(15deg); } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
/* ANIMATION */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.mdl-animation--default {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--fast-out-slow-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--linear-out-slow-in {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mdl-animation--fast-out-linear-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
 * IT-Consulting and Development Limited.
 *
 * All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* DIALOG */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/* tablet, landscape iPad, lo-res laptops ands desktops */
/* big landscape tablets, laptops, and desktops */
/* hi-res laptops and desktops */
/*  According to MD Adaptive UI */
.demo-page--accordion .demo-preview-block, .demo-section--accordion .demo-preview-block {
  margin-bottom: 24px; }
  .demo-page--accordion .demo-preview-block .mdl-accordion__label--stretch, .demo-section--accordion .demo-preview-block .mdl-accordion__label--stretch {
    text-align: right;
    margin-right: 12px; }
    .demo-page--accordion .demo-preview-block .mdl-accordion__label--stretch .material-icons, .demo-section--accordion .demo-preview-block .mdl-accordion__label--stretch .material-icons {
      font-size: 18px;
      margin-right: 8px; }
  .demo-page--accordion .demo-preview-block .mdl-accordion__label.with-toolbar .indicator, .demo-section--accordion .demo-preview-block .mdl-accordion__label.with-toolbar .indicator {
    margin-right: 12px; }
  .demo-page--accordion .demo-preview-block .mdl-accordion__label .sample, .demo-section--accordion .demo-preview-block .mdl-accordion__label .sample {
    padding: 0 1em;
    font-weight: bold; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--animation, .demo-section--animation {
  /* Outside the view, on the left.
       We leave the view when moving to this state, so we use fast-out-linear-in. */
  /* Left side.
       We enter the view when moving to this state, so we use linear-out-slow-in. */
  /* Right side.
       We're always visible when moving to this state, so we use default. */
  /* Outside the view, on the right.
       We leave the view when moving to this state, so we use fast-out-linear-in. */
  /* Right side.
       We enter the view when moving to this state, so we use linear-out-slow-in. */
  /* Left side.
       We're always visible when moving to this state, so we use default. */ }
  .demo-page--animation .demo-animation, .demo-section--animation .demo-animation {
    height: 200px;
    width: 300px;
    padding: 0;
    background: none; }
  .demo-page--animation .demo-animation__container, .demo-section--animation .demo-animation__container {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #ddd; }
  .demo-page--animation .demo-animation__container-foreground, .demo-section--animation .demo-animation__container-foreground {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100; }
  .demo-page--animation .demo-animation__container-background, .demo-section--animation .demo-animation__container-background {
    line-height: 200px;
    z-index: -100; }
  .demo-page--animation .demo-animation--position-0, .demo-section--animation .demo-animation--position-0 {
    left: -102px; }
  .demo-page--animation .demo-animation--position-1, .demo-section--animation .demo-animation--position-1 {
    left: 20px; }
  .demo-page--animation .demo-animation--position-2, .demo-section--animation .demo-animation--position-2 {
    left: 180px; }
  .demo-page--animation .demo-animation--position-3, .demo-section--animation .demo-animation--position-3 {
    left: 302px; }
  .demo-page--animation .demo-animation--position-4, .demo-section--animation .demo-animation--position-4 {
    left: 180px; }
  .demo-page--animation .demo-animation--position-5, .demo-section--animation .demo-animation--position-5 {
    left: 20px; }
  .demo-page--animation .demo-animation__movable, .demo-section--animation .demo-animation__movable {
    background-color: blue;
    border-radius: 2px;
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 50px;
    -webkit-transition-property: left;
            transition-property: left;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s; }

.demo-page--attribute .mdl-textfield__label > .enabled, .demo-section--attribute .mdl-textfield__label > .enabled {
  display: none; }

.demo-page--attribute .mdl-textfield__label > .disabled, .demo-section--attribute .mdl-textfield__label > .disabled {
  display: inline; }

.demo-page--attribute .mdl-textfield__label.enabled > .enabled, .demo-section--attribute .mdl-textfield__label.enabled > .enabled {
  display: inline; }

.demo-page--attribute .mdl-textfield__label.enabled > .disabled, .demo-section--attribute .mdl-textfield__label.enabled > .disabled {
  display: none; }

.demo-page--badge .mdl-badge, .demo-section--badge .mdl-badge {
  color: rgba(0, 0, 0, 0.24); }

.demo-page--badge .mdl-badge.material-icons, .demo-section--badge .mdl-badge.material-icons {
  font-size: 24px; }

.demo-page--badge .mdl-badge.material-icons:after, .demo-section--badge .mdl-badge.material-icons:after {
  right: -20px; }

.demo-page--badge section, .demo-section--badge section {
  margin-bottom: 30px; }

.demo-page--badge section h5, .demo-section--badge section h5 {
  margin-bottom: 15px; }

.demo-page--badge div.toolbar, .demo-section--badge div.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eee;
  padding: 10px 10px 0 10px;
  height: 40px;
  border-radius: 5px; }
  .demo-page--badge div.toolbar .wrapper, .demo-section--badge div.toolbar .wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }

.demo-page--badge .links, .demo-section--badge .links {
  margin-top: 25px; }
  .demo-page--badge .links a, .demo-section--badge .links a {
    text-decoration: none;
    font-weight: normal;
    margin-top: 10px; }

.demo-page--badge .dark, .demo-section--badge .dark {
  display: block;
  border-radius: 5px;
  margin: 5px 0;
  padding: 15px;
  color: white;
  background-color: darkgrey; }
  .demo-page--badge .dark a, .demo-section--badge .dark a {
    color: white; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--button .demo-button, .demo-section--button .demo-button {
  display: inline-block;
  margin: 20px 20px 0 0; }

.demo-page--button .demo-button .highlight-button, .demo-section--button .demo-button .highlight-button {
  position: relative;
  top: -50px;
  left: 50%; }

.demo-page--button .demo-button .adjust, .demo-section--button .demo-button .adjust {
  margin-left: -30px; }

.demo-page--button .demo-button .highlight-text, .demo-section--button .demo-button .highlight-text {
  text-align: center; }

.demo-page--button .demo-button .overflow-vis, .demo-section--button .demo-button .overflow-vis {
  overflow: visible; }

.demo-page--button .demo-button .codepen-mover-button, .demo-section--button .demo-button .codepen-mover-button {
  position: absolute;
  bottom: 5px;
  right: 8px;
  background-color: #cccccc; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--card .mdl-card, .demo-section--card .mdl-card {
  margin-bottom: 24px;
  width: auto; }

.demo-page--card .demo-card--wide, .demo-section--card .demo-card--wide {
  width: 600px; }
  .is-small-screen .demo-page--card .demo-card--wide, .is-small-screen .demo-section--card .demo-card--wide {
    width: auto; }

.demo-page--checkbox .mdl-checkbox, .demo-section--checkbox .mdl-checkbox {
  margin-bottom: 12px; }

.demo-page--class .testtext, .demo-section--class .testtext {
  padding: 8px;
  background-color: lightgray;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid white; }

.demo-page--class .testtext.withborder, .demo-section--class .testtext.withborder {
  border: 1px solid red; }

.demo-page--class .switches, .demo-section--class .switches {
  margin-top: 12px; }

.demo-page--data-table2 .mdl-div-data-tableex__head, .demo-section--data-table2 .mdl-div-data-tableex__head {
  border-left: 1px solid #2962ff;
  border-right: 1px solid #2962ff;
  border-top: 1px solid #2962ff; }

.demo-page--data-table2 .mdl-div-data-tableex__data, .demo-section--data-table2 .mdl-div-data-tableex__data {
  max-height: 192px;
  height: 192px; }

.demo-page--data-table2 .mdl-div-data-tableex__row > *, .demo-section--data-table2 .mdl-div-data-tableex__row > * {
  width: 80px; }

.demo-page--dialog .demo-button, .demo-section--dialog .demo-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 20px 0px 0; }
  .demo-page--dialog .demo-button .mdl-button, .demo-section--dialog .demo-button .mdl-button {
    margin-top: 12px;
    margin-right: 12px; }
    .demo-page--dialog .demo-button .mdl-button:last-child, .demo-section--dialog .demo-button .mdl-button:last-child {
      margin-right: 0; }

.custom-dialog1 h5 {
  background-color: #B3D38D;
  position: absolute;
  left: 0;
  top: 0 !important;
  right: 0;
  padding: 24px; }

.custom-dialog1 .mdl-dialog__content {
  margin-top: 68px; }
  .custom-dialog1 .mdl-dialog__content p {
    font-size: 14px; }

.custom-dialog1 .mdl-dialog__actions {
  border-top: 1px solid #e7e7e7; }

.custom-dialog2 .mdl-textfield {
  width: 100%; }

.demo-page--dnd, .demo-section--dnd {
  /*.accept > div:last-child {*/
  /*margin-right: 0;*/
  /*}*/
  /*
    Calc max-width:
      body padding 24px!

      200 [min-width flexbox] x 2 [nr of boxes] + 10 [margin for one box] + (24 x 2) [body padding] + 10 [margin box] */ }
  .demo-page--dnd .danddcontainer, .demo-section--dnd .danddcontainer {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 600px;
    max-height: 550px;
    overflow: scroll;
    padding: 12px;
    border: 1px dotted black; }
    .demo-page--dnd .danddcontainer .choose .source, .demo-section--dnd .danddcontainer .choose .source {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 10px;
      min-height: 100px;
      min-width: 250px;
      border: 1px solid green; }
    .demo-page--dnd .danddcontainer .accept, .demo-section--dnd .danddcontainer .accept {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .demo-page--dnd .danddcontainer .accept .langbox, .demo-section--dnd .danddcontainer .accept .langbox {
        min-width: calc(50% - 24px);
        box-sizing: border-box;
        margin: 0 6px; }
        .demo-page--dnd .danddcontainer .accept .langbox .programming .mdl-repeat, .demo-page--dnd .danddcontainer .accept .langbox .natural .mdl-repeat, .demo-section--dnd .danddcontainer .accept .langbox .programming .mdl-repeat, .demo-section--dnd .danddcontainer .accept .langbox .natural .mdl-repeat {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-align-content: flex-start;
              -ms-flex-line-pack: start;
                  align-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; }
  .demo-page--dnd .programming, .demo-page--dnd .natural, .demo-page--dnd .trash .language, .demo-section--dnd .programming, .demo-section--dnd .natural, .demo-section--dnd .trash .language {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
            align-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 10px 10px 0 0; }
  .demo-page--dnd .programming, .demo-page--dnd .natural, .demo-section--dnd .programming, .demo-section--dnd .natural {
    min-height: 90px;
    padding: 10px; }
  .demo-page--dnd .language, .demo-section--dnd .language {
    border: 1px solid gray;
    border-radius: 3px;
    margin: 5px;
    width: 70px;
    height: 20px;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .demo-page--dnd .accept > div, .demo-section--dnd .accept > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 10px 0;
    max-width: 245px;
    min-width: 245px; }
  @media screen and (max-width: 548px) {
    .demo-page--dnd .accept, .demo-section--dnd .accept {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .demo-page--dnd .accept > div, .demo-page--dnd .choose .source, .demo-section--dnd .accept > div, .demo-section--dnd .choose .source {
      max-width: inherit;
      min-width: inherit; } }
  .demo-page--dnd .accept > div, .demo-section--dnd .accept > div {
    min-height: 80px; }
  .demo-page--dnd .natural, .demo-page--dnd .programming, .demo-section--dnd .natural, .demo-section--dnd .programming {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .demo-page--dnd .accept .natural, .demo-section--dnd .accept .natural {
    border: 1px solid red; }
  .demo-page--dnd .accept .programming, .demo-section--dnd .accept .programming {
    border: 1px solid blue; }
  .demo-page--dnd .trash .trashbox, .demo-section--dnd .trash .trashbox {
    border: 1px solid black;
    background-color: darkgray;
    min-height: 80px; }

.docs__toc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .docs__toc :first-child {
    padding-right: 24px; }
  .docs__toc > .docs__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .docs__toc > .docs__content ul {
      list-style-type: none;
      border-left: solid 3px #0d47a1;
      padding-left: 24px;
      line-height: 28px; }

.docs__button_sample {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .docs__button_sample > div {
    min-height: 100px;
    margin: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .docs__button_sample > div > .element {
      min-height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .docs__button_sample > div > .description {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--footer, .demo-section--footer {
  padding: 0; }
  .demo-page--footer .mdl-layout__content .mdl-mega-footer,
  .demo-page--footer .mdl-layout__content .mdl-mini-footer, .demo-section--footer .mdl-layout__content .mdl-mega-footer,
  .demo-section--footer .mdl-layout__content .mdl-mini-footer {
    margin-bottom: 16px; }
  .demo-page--footer .mdl-mega-footer--heading, .demo-section--footer .mdl-mega-footer--heading {
    font-size: 14px; }
  .demo-page--footer footer, .demo-section--footer footer {
    margin-bottom: 24px; }
  .demo-page--footer h1, .demo-section--footer h1 {
    color: white !important; }

.demo-page--formatter .demo-preview-block, .demo-section--formatter .demo-preview-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .demo-page--formatter .demo-preview-block > div, .demo-section--formatter .demo-preview-block > div {
    width: 50%; }
    @media only screen and (max-width: 630px) {
      .demo-page--formatter .demo-preview-block > div, .demo-section--formatter .demo-preview-block > div {
        width: initial; } }
  .demo-page--formatter .demo-preview-block .hint, .demo-section--formatter .demo-preview-block .hint {
    font-size: 12px; }
  .demo-page--formatter .demo-preview-block .status-off, .demo-section--formatter .demo-preview-block .status-off {
    color: red;
    font-weight: bold; }
  .demo-page--formatter .demo-preview-block .mdl-badge, .demo-section--formatter .demo-preview-block .mdl-badge {
    margin-right: 48px; }
  .demo-page--formatter .demo-preview-block .mdl-checkbox, .demo-section--formatter .demo-preview-block .mdl-checkbox {
    margin: 12px 0; }
  .demo-page--formatter .demo-preview-block .mdl-radio, .demo-section--formatter .demo-preview-block .mdl-radio {
    width: 100%;
    margin-bottom: 12px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--grid .demo-preview-block .mdl-grid, .demo-section--grid .demo-preview-block .mdl-grid {
  max-width: 1000px; }

.demo-page--grid .demo-preview-block .mdl-cell, .demo-section--grid .demo-preview-block .mdl-cell {
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  height: 150px; }

.demo-page--grid .demo-preview-block .demo-ruler, .demo-section--grid .demo-preview-block .demo-ruler {
  height: 50px;
  overflow: hidden; }

.demo-page--grid .demo-preview-block .demo-ruler .mdl-cell, .demo-section--grid .demo-preview-block .demo-ruler .mdl-cell {
  background: gray;
  height: 50px; }

.demo-page--grid .demo-preview-block .demo-grid-1 .mdl-cell:nth-of-type(1, 1), .demo-section--grid .demo-preview-block .demo-grid-1 .mdl-cell:nth-of-type(1, 1) {
  background-color: red; }

.demo-page--grid .demo-preview-block .demo-grid-1 .mdl-cell:nth-of-type(2, 2), .demo-section--grid .demo-preview-block .demo-grid-1 .mdl-cell:nth-of-type(2, 2) {
  background-color: green; }

.demo-page--grid .demo-preview-block .demo-grid-1 .mdl-cell:nth-of-type(3, 3), .demo-section--grid .demo-preview-block .demo-grid-1 .mdl-cell:nth-of-type(3, 3) {
  background-color: blue; }

.demo-page--grid .demo-preview-block .demo-grid-2 .mdl-cell:nth-of-type(1, 1), .demo-section--grid .demo-preview-block .demo-grid-2 .mdl-cell:nth-of-type(1, 1) {
  background-color: purple; }

.demo-page--grid .demo-preview-block .demo-grid-2 .mdl-cell:nth-of-type(2, 2), .demo-section--grid .demo-preview-block .demo-grid-2 .mdl-cell:nth-of-type(2, 2) {
  background-color: brown; }

.demo-page--grid .demo-preview-block .demo-grid-2 .mdl-cell:nth-of-type(3, 3), .demo-section--grid .demo-preview-block .demo-grid-2 .mdl-cell:nth-of-type(3, 3) {
  background-color: black; }

.demo-page--grid .demo-preview-block .demo-grid-3 .mdl-cell:nth-of-type(1, 1), .demo-section--grid .demo-preview-block .demo-grid-3 .mdl-cell:nth-of-type(1, 1) {
  background-color: purple; }

.demo-page--grid .demo-preview-block .demo-grid-3 .mdl-cell:nth-of-type(2, 2), .demo-section--grid .demo-preview-block .demo-grid-3 .mdl-cell:nth-of-type(2, 2) {
  background-color: brown; }

.demo-page--grid .demo-preview-block .demo-grid-3 .mdl-cell:nth-of-type(3, 3), .demo-section--grid .demo-preview-block .demo-grid-3 .mdl-cell:nth-of-type(3, 3) {
  background-color: black; }

.demo-section--home h3 .fordartdev {
  font-size: 20px; }

.demo-section--home .video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 560px;
  max-height: 349px; }
  .demo-section--home .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--icons .demo-icon-block, .demo-section--icons .demo-icon-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100px;
  max-height: 100px;
  min-width: 120px;
  max-width: 120px;
  margin: 0;
  padding: 0;
  border: 1px dotted #faf4f9; }

.demo-page--icons .name, .demo-section--icons .name {
  display: block;
  font-size: 80%; }

.demo-page--icons .mdl-icon, .demo-section--icons .mdl-icon {
  display: inline-block;
  font-size: 34px;
  min-width: 34px;
  height: 34px;
  line-height: 34px; }

.demo-page--icons .demo-category, .demo-section--icons .demo-category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.demo-page--icons .demo-icon-name, .demo-section--icons .demo-icon-name {
  height: 24px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--icon-toggle .demo-icon-toggle-block, .demo-section--icon-toggle .demo-icon-toggle-block {
  display: inline-block;
  margin: 0 20px 4px 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--layout .demo-layout, .demo-section--layout .demo-layout {
  width: 100%;
  float: left;
  margin: 0 40px 40px 0;
  position: relative;
  height: 300px; }
  .demo-page--layout .demo-layout .mdl-layout .mdl-layout__content, .demo-section--layout .demo-layout .mdl-layout .mdl-layout__content {
    -ms-flex: 0 1 auto;
    display: inline-block;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1; }
    .demo-page--layout .demo-layout .mdl-layout .mdl-layout__content .page-content, .demo-section--layout .demo-layout .mdl-layout .mdl-layout__content .page-content {
      padding: 8px; }
      .demo-page--layout .demo-layout .mdl-layout .mdl-layout__content .page-content:before, .demo-section--layout .demo-layout .mdl-layout .mdl-layout__content .page-content:before {
        content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et                       dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet                       clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,                       consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,                       sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\A\ALorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et                       dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet                       clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,                       consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,                       sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\A\ALorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et                       dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet                       clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,                       consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,                       sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\A\A";
        white-space: pre-line; }
  .demo-page--layout .demo-layout .mdl-layout--fixed-drawer > .mdl-layout__content, .demo-section--layout .demo-layout .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px; }

.demo-page--layout .demo-layout__content-red, .demo-section--layout .demo-layout__content-red {
  height: 1000px;
  background: -webkit-linear-gradient(#ffebee, #ffcdd2);
  background: linear-gradient(#ffebee, #ffcdd2);
  padding: 8px; }

.demo-page--layout .demo-layout__content-green, .demo-section--layout .demo-layout__content-green {
  height: 1000px;
  background: -webkit-linear-gradient(#e8f5e9, #c8e6c9);
  background: linear-gradient(#e8f5e9, #c8e6c9);
  padding: 8px; }

.demo-page--layout .demo-layout__content-blue, .demo-section--layout .demo-layout__content-blue {
  height: 1000px;
  background: -webkit-linear-gradient(#e3f2fd, #bbdefb);
  background: linear-gradient(#e3f2fd, #bbdefb);
  padding: 8px; }

.demo-page--list .mdl-list-view--avatar, .demo-section--list .mdl-list-view--avatar {
  background: url("demo-images/avatar.png");
  background-size: 100%; }

.demo-page--list .styled-list-views > .mdl-cell, .demo-section--list .styled-list-views > .mdl-cell {
  width: 300px; }
  .demo-page--list .styled-list-views > .mdl-cell > .demo-list-three, .demo-section--list .styled-list-views > .mdl-cell > .demo-list-three {
    width: 576px; }
    @media only screen and (max-width: 639px) {
      .demo-page--list .styled-list-views > .mdl-cell > .demo-list-three, .demo-section--list .styled-list-views > .mdl-cell > .demo-list-three {
        width: 300px; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--menu .demo-preview-block, .demo-section--menu .demo-preview-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .demo-page--menu .demo-preview-block > div, .demo-section--menu .demo-preview-block > div {
    width: 40%;
    min-width: 200px;
    margin-bottom: 24px; }

.demo-page--menu #message, .demo-section--menu #message {
  width: 100%; }

.demo-page--model .mdl-textfield, .demo-section--model .mdl-textfield {
  width: 100%; }

.demo-page--model .groups, .demo-section--model .groups {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .demo-page--model .groups > div, .demo-section--model .groups > div {
    width: calc(30% - 24px);
    min-width: 100px;
    max-width: 200px;
    padding: 12px; }
  .demo-page--model .groups .mdl-checkbox, .demo-section--model .groups .mdl-checkbox {
    margin-bottom: 12px; }
  .demo-page--model .groups .mdl-radio, .demo-section--model .groups .mdl-radio {
    width: 100%;
    margin-bottom: 12px; }
  .demo-page--model .groups .mdl-switch, .demo-section--model .groups .mdl-switch {
    width: 100%;
    margin-bottom: 12px; }

.demo-page--model .choose, .demo-section--model .choose {
  font-weight: bold;
  margin-bottom: 8px; }

.demo-page--model .output, .demo-section--model .output {
  margin: 6px;
  padding: 6px;
  border: 1px;
  border-radius: 5px; }
  .demo-page--model .output .mdl-property, .demo-section--model .output .mdl-property {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px; }

.demo-page--nav-pills .testblock, .demo-section--nav-pills .testblock {
  background-color: whitesmoke;
  border: 1px solid darkgrey;
  padding: 8px 16px;
  margin: 4px 0; }

.demo-page--nav-pills ul, .demo-section--nav-pills ul {
  margin-bottom: 8px; }

.demo-page--notification .form, .demo-section--notification .form {
  margin: 0 12px; }
  .demo-page--notification .form .mdl-textfield, .demo-section--notification .form .mdl-textfield {
    display: block;
    width: 100%;
    max-width: 500px; }
  .demo-page--notification .form .mdl-radio-group, .demo-section--notification .form .mdl-radio-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 16px; }
    .demo-page--notification .form .mdl-radio-group .mdl-radio, .demo-section--notification .form .mdl-radio-group .mdl-radio {
      margin-right: 1em; }
  .demo-page--notification .form .mdl-button, .demo-section--notification .form .mdl-button {
    margin-left: 0; }

.demo-page--notification .info, .demo-section--notification .info {
  margin-top: 24px; }

.demo-page--observe .object-test, .demo-section--observe .object-test {
  min-height: 120px; }
  .demo-page--observe .object-test [mdl-observe].name, .demo-section--observe .object-test [mdl-observe].name {
    padding: 8px;
    border-radius: 8px; }
    .demo-page--observe .object-test [mdl-observe].name:empty, .demo-section--observe .object-test [mdl-observe].name:empty {
      display: none; }

.demo-page--observe .mdl-repeat div, .demo-section--observe .mdl-repeat div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px; }
  .demo-page--observe .mdl-repeat div .mdl-checkbox, .demo-section--observe .mdl-repeat div .mdl-checkbox {
    margin-top: 0;
    margin-bottom: 0;
    width: initial; }

.demo-page--observe .mdl-property, .demo-section--observe .mdl-property {
  font-weight: bold; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--palette .demo-preview-block, .demo-section--palette .demo-preview-block {
  display: inline-block; }

.demo-page--palette .demo-palette, .demo-section--palette .demo-palette {
  margin-top: 15px;
  width: 360px;
  float: left; }

@media screen and (max-width: 360px) {
  .demo-page--palette .demo-palette, .demo-section--palette .demo-palette {
    width: 272px; } }

.demo-page--palette .demo-palette-color, .demo-page--palette .demo-palette-heading, .demo-section--palette .demo-palette-color, .demo-section--palette .demo-palette-heading {
  max-width: 300px;
  padding: 15px;
  color: white; }

.demo-page--palette .demo-palette .demo-palette--dark-text,
.demo-page--palette .demo-palette-heading.demo-palette--dark-text .demo-palette-name, .demo-section--palette .demo-palette .demo-palette--dark-text,
.demo-section--palette .demo-palette-heading.demo-palette--dark-text .demo-palette-name {
  color: #000; }

.demo-page--palette .demo-palette-name, .demo-section--palette .demo-palette-name {
  padding: 0 0 60px 0; }

.demo-page--palette .demo-palette-single, .demo-section--palette .demo-palette-single {
  padding: 15px 15px 25px; }

.demo-page--palette .demo-palette-single .demo-palette-name, .demo-section--palette .demo-palette-single .demo-palette-name {
  padding: 0;
  float: left; }

.demo-page--panel .mdl-panel, .demo-section--panel .mdl-panel {
  margin-bottom: 12px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--radio .mdl-radio, .demo-section--radio .mdl-radio {
  width: 100%;
  margin-bottom: 12px; }

.demo-page--repeat .mdl-repeat div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px; }

.demo-page--repeat .mdl-checkbox {
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
  min-width: 240px; }

.demo-section--samples a {
  text-decoration: none; }

.demo-section--samples .mdl-list-view--avatar {
  font-size: 35px; }

.demo-section--samples .mdl-icon {
  margin-left: 8px;
  /* padding-top: 15px; */
  margin-top: 3px;
  /* top: 5px; */
  /* bottom: 12px; */
  line-height: 45px;
  color: white;
  font-size: 34px;
  /* text-align: center; */ }

.demo-section--samples .mdl-list-view--name {
  text-transform: uppercase; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--shadow .demo-preview-block, .demo-section--shadow .demo-preview-block {
  height: 100px; }

.demo-page--shadow .demo-shadow-card, .demo-section--shadow .demo-shadow-card {
  background-color: #fff;
  border-radius: 2px;
  display: block;
  height: 72px;
  margin-bottom: 20px;
  margin-right: 32px;
  padding: 10px;
  text-align: center;
  float: left;
  color: #9E9E9E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
  width: 72px; }

@media screen and (max-width: 360px) {
  .demo-page--shadow .demo-shadow-card, .demo-section--shadow .demo-shadow-card {
    width: 27px; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--snackbar .demo-button, .demo-section--snackbar .demo-button {
  display: inline-block;
  margin: 20px 20px 20px 0; }

.demo-page--snackbar .container, .demo-section--snackbar .container {
  position: relative;
  border: 1px dotted black;
  min-height: 200px;
  border-radius: 5px;
  padding: 5px; }

.demo-page--snackbar .status, .demo-section--snackbar .status {
  margin: 12px; }
  .demo-page--snackbar .status span, .demo-section--snackbar .status span {
    font-weight: bold; }

.demo-page--snackbar .position, .demo-section--snackbar .position {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 24px; }
  .demo-page--snackbar .position > *, .demo-section--snackbar .position > * {
    margin-right: 10px; }
  .demo-page--snackbar .position .mdl-checkbox, .demo-section--snackbar .position .mdl-checkbox {
    width: 80px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--switch .mdl-switch, .demo-section--switch .mdl-switch {
  margin-bottom: 12px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--tabs .demo-preview-block, .demo-section--tabs .demo-preview-block {
  margin: 0;
  padding: 0 0 10px 0; }

.demo-section--templates .mdl-list--styled-view li {
  height: 120px;
  margin-bottom: 120px; }
  .demo-section--templates .mdl-list--styled-view li a {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .demo-section--templates .mdl-list--styled-view li a .mdl-list-view--name {
      font-size: 24px; }
    .demo-section--templates .mdl-list--styled-view li a .mdl-list__item__preview {
      font-size: 35px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 4px;
      margin: 12px; }
  .demo-section--templates .mdl-list--styled-view li h5 {
    font-size: 20px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--textfield textarea, .demo-section--textfield textarea {
  overflow: auto;
  resize: none; }

.demo-page--textfield .mdl-textfield, .demo-section--textfield .mdl-textfield {
  display: block; }

.demo-section--theming {
  min-width: 300px; }
  .demo-section--theming a {
    text-decoration: none; }
  .demo-section--theming ol {
    padding-left: 24px; }
  .demo-section--theming .csslink {
    margin: 0 12px 0 12px; }
  .demo-section--theming .color-sample {
    max-width: 450px;
    position: relative;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    border-radius: 5px;
    min-height: 200px; }
    .demo-section--theming .color-sample .title, .demo-section--theming .color-sample .content {
      padding: 8px; }
    .demo-section--theming .color-sample .mdl-button--fab {
      position: absolute;
      right: 12px;
      bottom: 12px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-page--tooltip, .demo-section--tooltip {
  background: #fff; }
  .demo-page--tooltip .demo-preview-block, .demo-section--tooltip .demo-preview-block {
    background: #eee;
    padding: 20px;
    height: 180px; }
  .demo-page--tooltip .icon, .demo-section--tooltip .icon {
    background-color: transparent;
    border: none;
    display: inline-block;
    height: 21px;
    margin: 0 50px 25px 50px;
    opacity: 0.7;
    outline: none;
    padding: 0;
    position: relative;
    width: 21px;
    font-size: 24px; }
    .demo-page--tooltip .icon:last-child, .demo-section--tooltip .icon:last-child {
      margin-right: 0; }
  .demo-page--tooltip .icon:hover, .demo-section--tooltip .icon:hover {
    opacity: 1; }

.demo-page--todo .demo-preview-block {
  background-color: transparent; }

.demo-page--todo ul {
  list-style-type: none; }
  .demo-page--todo ul li {
    margin: 0;
    padding: 0; }

.demo-page--todo .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .demo-page--todo .row .mdl-checkbox {
    width: initial;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .demo-page--todo .row .mdl-checkbox.is-checked .mdl-checkbox__label {
    text-decoration: line-through; }

.demo-page--todo .cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: 24px; }
  .demo-page--todo .cols .col {
    width: calc(50% - 6px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    box-sizing: border-box; }
    .demo-page--todo .cols .col:first-child {
      margin-right: 12px; }
    .demo-page--todo .cols .col todo-list {
      box-sizing: border-box;
      border-radius: 3px;
      padding: 8px; }

.demo-page--todo .hint {
  font-size: 80%; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.demo-section {
  margin-top: 24px; }
  .demo-section h1, .demo-section h2, .demo-section h3, .demo-section h4, .demo-section h5 {
    font-size: 24px;
    line-height: 1.3;
    color: #303f9f; }
