From 728f77be94a4058947fff56cec9864be3dc2896a Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Sat, 28 May 2016 17:48:34 -0400 Subject: [PATCH] remove more jquery and unneeded components --- .../emby-apiclient/apiclient.js | 10 +- .../emby-apiclient/connectionmanager.js | 13 +- .../emby-webcomponents/.bower.json | 11 +- .../emby-webcomponents/bower.json | 3 +- .../dialoghelper/dialoghelper.js | 8 +- .../loading/loading-lite.css | 521 + .../loading/loading-lite.js | 5 +- .../bower_components/iron-meta/.bower.json | 6 +- .../material-design-lite/.bower.json | 38 - .../material-design-lite/LICENSE | 212 - .../material-design-lite/bower.json | 29 - .../material-design-lite/gulpfile.babel.js | 807 -- .../material-design-lite/material.css | 10987 ---------------- .../material-design-lite/material.js | 3975 ------ .../material-design-lite/material.min.css | 9 - .../material-design-lite/material.min.css.map | 1 - .../material-design-lite/material.min.js | 10 - .../material-design-lite/material.min.js.map | 1 - .../material-design-lite/package.json | 72 - .../material-design-lite/src/INTRODUCTION.md | 44 - .../src/_color-definitions.scss | 599 - .../material-design-lite/src/_functions.scss | 19 - .../material-design-lite/src/_mixins.scss | 301 - .../material-design-lite/src/_variables.scss | 584 - .../src/animation/_animation.scss | 34 - .../src/animation/demo.css | 95 - .../src/animation/demo.html | 7 - .../src/animation/demo.js | 112 - .../src/badge/_badge.scss | 72 - .../snippets/badge-on-icon-icon-demo.html | 9 - .../badge/snippets/badge-on-icon-icon.html | 1 - .../snippets/badge-on-icon-text-demo.html | 9 - .../badge/snippets/badge-on-icon-text.html | 2 - .../snippets/badge-on-text-icon-demo.html | 6 - .../badge/snippets/badge-on-text-icon.html | 2 - .../snippets/badge-on-text-text-demo.html | 7 - .../badge/snippets/badge-on-text-text.html | 2 - .../src/button/_button.scss | 305 - .../material-design-lite/src/button/button.js | 123 - .../button/snippets/fab-colored-ripple.html | 4 - .../src/button/snippets/fab-colored.html | 4 - .../src/button/snippets/fab-disabled.html | 4 - .../src/button/snippets/fab-mini-colored.html | 4 - .../src/button/snippets/fab-mini.html | 4 - .../src/button/snippets/fab-ripple.html | 4 - .../src/button/snippets/fab.html | 4 - .../src/button/snippets/flat-accent.html | 4 - .../src/button/snippets/flat-disabled.html | 4 - .../src/button/snippets/flat-primary.html | 4 - .../src/button/snippets/flat-ripple.html | 4 - .../src/button/snippets/flat.html | 4 - .../src/button/snippets/icon-colored.html | 4 - .../src/button/snippets/icon.html | 4 - .../src/button/snippets/raised-accent.html | 4 - .../src/button/snippets/raised-colored.html | 4 - .../src/button/snippets/raised-disabled.html | 4 - .../button/snippets/raised-ripple-accent.html | 4 - .../src/button/snippets/raised-ripple.html | 4 - .../src/button/snippets/raised.html | 4 - .../material-design-lite/src/card/_card.scss | 111 - .../src/card/snippets/event.html | 47 - .../src/card/snippets/image.html | 25 - .../src/card/snippets/square.html | 27 - .../src/card/snippets/wide.html | 34 - .../src/checkbox/_checkbox.scss | 180 - .../src/checkbox/checkbox.js | 269 - .../src/checkbox/snippets/check-off.html | 4 - .../src/checkbox/snippets/check-on.html | 4 - .../src/data-table/_data-table.scss | 120 - .../src/data-table/data-table.js | 177 - .../src/data-table/snippets/data-table.html | 26 - .../material-design-lite/src/demos.css | 39 - .../src/dialog/_dialog.scss | 57 - .../src/footer/_mega_footer.scss | 321 - .../src/footer/_mini_footer.scss | 88 - .../src/footer/snippets/mega-footer.html | 57 - .../src/footer/snippets/mini-footer.html | 9 - .../material-design-lite/src/grid/_grid.scss | 231 - .../src/grid/snippets/codepen-grid.css | 11 - .../src/grid/snippets/grid-demo.html | 15 - .../src/grid/snippets/grid.html | 29 - .../src/icon-toggle/_icon-toggle.scss | 121 - .../src/icon-toggle/icon-toggle.js | 255 - .../src/icon-toggle/snippets/icon-off.html | 4 - .../src/icon-toggle/snippets/icon-on.html | 4 - .../src/images/buffer.svg | 9 - .../src/images/tick-mask.svg | 30 - .../material-design-lite/src/images/tick.svg | 15 - .../material-design-lite/src/index.html | 209 - .../src/layout/_layout.scss | 667 - .../material-design-lite/src/layout/layout.js | 571 - .../layout/snippets/fixed-drawer-demo.html | 15 - .../src/layout/snippets/fixed-drawer.html | 15 - .../layout/snippets/fixed-header-demo.html | 15 - .../snippets/fixed-header-drawer-demo.html | 15 - .../layout/snippets/fixed-header-drawer.html | 33 - .../src/layout/snippets/fixed-header.html | 30 - .../src/layout/snippets/fixed-tabs-demo.html | 15 - .../src/layout/snippets/fixed-tabs.html | 30 - .../layout/snippets/scrollable-tabs-demo.html | 15 - .../src/layout/snippets/scrollable-tabs.html | 41 - .../snippets/scrolling-header-demo.html | 16 - .../src/layout/snippets/scrolling-header.html | 31 - .../src/layout/snippets/transparent-demo.html | 12 - .../src/layout/snippets/transparent.html | 41 - .../snippets/waterfall-header-demo.html | 16 - .../src/layout/snippets/waterfall-header.html | 51 - .../material-design-lite/src/list/_list.scss | 157 - .../src/list/snippets/action.html | 32 - .../src/list/snippets/icon.html | 27 - .../src/list/snippets/list-control.html | 46 - .../src/list/snippets/list-item.html | 24 - .../src/list/snippets/three-line.html | 48 - .../src/list/snippets/two-line.html | 40 - .../src/material-design-lite-grid.scss | 21 - .../src/material-design-lite.scss | 53 - .../src/mdlComponentHandler.js | 490 - .../material-design-lite/src/menu/_menu.scss | 200 - .../material-design-lite/src/menu/menu.js | 482 - .../menu/snippets/codepen-lower-buttons.css | 3 - .../src/menu/snippets/codepen-top-buttons.css | 8 - .../src/menu/snippets/lower-left-demo.html | 25 - .../src/menu/snippets/lower-left.html | 13 - .../src/menu/snippets/lower-right-demo.html | 34 - .../src/menu/snippets/lower-right.html | 13 - .../src/menu/snippets/top-left-demo.html | 25 - .../src/menu/snippets/top-left.html | 13 - .../src/menu/snippets/top-right-demo.html | 34 - .../src/menu/snippets/top-right.html | 13 - .../src/palette/_palette.scss | 2303 ---- .../material-design-lite/src/palette/demo.css | 55 - .../src/palette/demo.html | 417 - .../src/progress/_progress.scss | 120 - .../src/progress/progress.js | 123 - .../snippets/progress-buffering-demo.html | 8 - .../progress/snippets/progress-buffering.html | 8 - .../snippets/progress-default-demo.html | 7 - .../progress/snippets/progress-default.html | 7 - .../snippets/progress-indeterminate-demo.html | 7 - .../snippets/progress-indeterminate.html | 2 - .../src/radio/_radio.scss | 160 - .../material-design-lite/src/radio/radio.js | 279 - .../src/radio/snippets/radio-off.html | 4 - .../src/radio/snippets/radio-on.html | 4 - .../src/resets/_h5bp.scss | 289 - .../src/resets/_mobile.scss | 25 - .../src/resets/_resets.scss | 55 - .../src/ripple/_ripple.scss | 42 - .../material-design-lite/src/ripple/ripple.js | 260 - .../src/shadow/_shadow.scss | 46 - .../material-design-lite/src/shadow/demo.css | 43 - .../material-design-lite/src/shadow/demo.html | 8 - .../src/slider/_slider.scss | 397 - .../material-design-lite/src/slider/slider.js | 244 - .../src/slider/snippets/demo.html | 10 - .../slider/snippets/slider-default-demo.html | 7 - .../src/slider/snippets/slider-default.html | 3 - .../snippets/slider-starting-value-demo.html | 8 - .../snippets/slider-starting-value.html | 3 - .../src/snackbar/_snackbar.scss | 89 - .../src/snackbar/snackbar.js | 189 - .../src/snackbar/snippets/snackbar.html | 27 - .../src/snackbar/snippets/toast.html | 18 - .../src/spinner/_spinner.scss | 248 - .../src/spinner/snippets/spinner-default.html | 2 - .../snippets/spinner-single-color.html | 2 - .../src/spinner/spinner.js | 147 - .../material-design-lite/src/styleguide.scss | 101 - .../src/switch/_switch.scss | 203 - .../src/switch/snippets/switch-off.html | 4 - .../src/switch/snippets/switch-on.html | 4 - .../material-design-lite/src/switch/switch.js | 273 - .../material-design-lite/src/tabs/_tabs.scss | 114 - .../src/tabs/snippets/tabs.html | 33 - .../material-design-lite/src/tabs/tabs.js | 162 - .../material-design-lite/src/template.scss | 21 - .../src/textfield/_textfield.scss | 218 - .../snippets/textfield-expanding-demo.html | 7 - .../snippets/textfield-expanding.html | 12 - .../textfield-floating-numeric-demo.html | 7 - .../snippets/textfield-floating-numeric.html | 8 - .../textfield-floating-text-demo.html | 7 - .../snippets/textfield-floating-text.html | 8 - .../snippets/textfield-multi-line-demo.html | 7 - .../snippets/textfield-multi-line.html | 7 - .../snippets/textfield-numeric-demo.html | 7 - .../textfield/snippets/textfield-numeric.html | 8 - .../snippets/textfield-text-demo.html | 7 - .../textfield/snippets/textfield-text.html | 7 - .../src/textfield/textfield.js | 284 - .../src/third_party/rAF.js | 50 - .../src/tooltip/_tooltip.scss | 66 - .../src/tooltip/snippets/tooltip-large.html | 5 - .../tooltip/snippets/tooltip-multiline.html | 5 - .../src/tooltip/snippets/tooltip-rich.html | 5 - .../src/tooltip/snippets/tooltip-simple.html | 5 - .../src/tooltip/tooltip.js | 152 - .../src/typography/_typography.scss | 301 - .../src/typography/demo.css | 57 - .../src/typography/demo.html | 228 - .../utils/jscs-rules/closure-camel-case.js | 68 - .../material-design-lite/utils/uniffe.js | 61 - .../bower_components/polymer/.bower.json | 2 +- dashboard-ui/scripts/homenextup.js | 2 +- dashboard-ui/scripts/indexpage.js | 2 +- dashboard-ui/scripts/musicrecommended.js | 2 +- dashboard-ui/scripts/sections.js | 33 +- dashboard-ui/scripts/site.js | 3 - dashboard-ui/scripts/tvgenres.js | 2 +- dashboard-ui/scripts/tvstudios.js | 2 +- 210 files changed, 569 insertions(+), 32746 deletions(-) create mode 100644 dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/.bower.json delete mode 100644 dashboard-ui/bower_components/material-design-lite/LICENSE delete mode 100644 dashboard-ui/bower_components/material-design-lite/bower.json delete mode 100644 dashboard-ui/bower_components/material-design-lite/gulpfile.babel.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/material.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/material.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/material.min.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/material.min.css.map delete mode 100644 dashboard-ui/bower_components/material-design-lite/material.min.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/material.min.js.map delete mode 100644 dashboard-ui/bower_components/material-design-lite/package.json delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/INTRODUCTION.md delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/_color-definitions.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/_functions.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/_mixins.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/_variables.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/animation/_animation.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/animation/demo.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/animation/demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/animation/demo.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/_badge.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-icon-icon-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-icon-icon.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-icon-text-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-icon-text.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-text-icon-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-text-icon.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-text-text-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/badge/snippets/badge-on-text-text.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/_button.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/button.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-colored-ripple.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-colored.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-disabled.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini-colored.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-ripple.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-accent.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-disabled.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-primary.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-ripple.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon-colored.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-accent.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-colored.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-disabled.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple-accent.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/card/_card.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/card/snippets/event.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/card/snippets/image.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/card/snippets/square.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/card/snippets/wide.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/checkbox/_checkbox.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/checkbox/checkbox.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-off.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-on.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/data-table/_data-table.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/data-table/data-table.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/data-table/snippets/data-table.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/demos.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/dialog/_dialog.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/footer/_mega_footer.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/footer/_mini_footer.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mega-footer.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mini-footer.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/grid/_grid.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/grid/snippets/codepen-grid.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/icon-toggle/_icon-toggle.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/icon-toggle/icon-toggle.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-off.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-on.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/images/buffer.svg delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/images/tick-mask.svg delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/images/tick.svg delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/index.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/_layout.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/layout.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/list/_list.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/list/snippets/action.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/list/snippets/icon.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-control.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-item.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/list/snippets/three-line.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/list/snippets/two-line.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/material-design-lite-grid.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/material-design-lite.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/mdlComponentHandler.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/_menu.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/menu.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-lower-buttons.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-top-buttons.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/palette/_palette.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/palette/demo.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/palette/demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/_progress.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/progress.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/radio/_radio.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/radio/radio.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-off.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-on.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/resets/_h5bp.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/resets/_mobile.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/resets/_resets.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/ripple/_ripple.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/ripple/ripple.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/shadow/_shadow.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/shadow/demo.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/shadow/demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/slider/_slider.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/slider/slider.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/slider/snippets/demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/snackbar/_snackbar.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/snackbar/snackbar.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/snackbar.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/toast.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/spinner/_spinner.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-default.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-single-color.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/spinner/spinner.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/styleguide.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/switch/_switch.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-off.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-on.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/switch/switch.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tabs/_tabs.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tabs/snippets/tabs.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tabs/tabs.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/template.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/_textfield.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-expanding-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-expanding.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-floating-numeric-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-floating-numeric.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-floating-text-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-floating-text.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-multi-line-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-multi-line.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-numeric-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-numeric.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-text-demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/snippets/textfield-text.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/textfield/textfield.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/third_party/rAF.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tooltip/_tooltip.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tooltip/snippets/tooltip-large.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tooltip/snippets/tooltip-multiline.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tooltip/snippets/tooltip-rich.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tooltip/snippets/tooltip-simple.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/tooltip/tooltip.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/typography/_typography.scss delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/typography/demo.css delete mode 100644 dashboard-ui/bower_components/material-design-lite/src/typography/demo.html delete mode 100644 dashboard-ui/bower_components/material-design-lite/utils/jscs-rules/closure-camel-case.js delete mode 100644 dashboard-ui/bower_components/material-design-lite/utils/uniffe.js diff --git a/dashboard-ui/bower_components/emby-apiclient/apiclient.js b/dashboard-ui/bower_components/emby-apiclient/apiclient.js index 58745a3ccb..0fa0ddd7cc 100644 --- a/dashboard-ui/bower_components/emby-apiclient/apiclient.js +++ b/dashboard-ui/bower_components/emby-apiclient/apiclient.js @@ -534,6 +534,11 @@ self.openWebSocket(); }; + function replaceAll(originalString, strReplace, strWith) { + var reg = new RegExp(strReplace, 'ig'); + return originalString.replace(reg, strWith); + } + self.openWebSocket = function () { var accessToken = self.accessToken(); @@ -542,7 +547,10 @@ throw new Error("Cannot open web socket without access token."); } - var url = self.getUrl("socket").replace("emby/socket", "embywebsocket").replace('http', 'ws'); + var url = self.getUrl("socket"); + + url = replaceAll(url, 'emby/socket', 'embywebsocket'); + url = replaceAll(url, 'http', 'ws'); url += "?api_key=" + accessToken; url += "&deviceId=" + deviceId; diff --git a/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js b/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js index 1b0d02e60e..82ebddd015 100644 --- a/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js +++ b/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js @@ -582,12 +582,12 @@ "X-MediaBrowser-Token": server.AccessToken } - }).then(function(user) { + }).then(function (user) { onLocalUserSignIn(server, connectionMode, user); return Promise.resolve(); - }, function() { + }, function () { server.UserId = null; server.AccessToken = null; @@ -1188,6 +1188,11 @@ Events.trigger(self, 'connected', [result]); } + function replaceAll(originalString, strReplace, strWith) { + var reg = new RegExp(strReplace, 'ig'); + return originalString.replace(reg, strWith); + } + function normalizeAddress(address) { // attempt to correct bad input @@ -1198,8 +1203,8 @@ } // Seeing failures in iOS when protocol isn't lowercase - address = address.replace('Http:', 'http:'); - address = address.replace('Https:', 'https:'); + address = replaceAll(address, 'Http:', 'http:'); + address = replaceAll(address, 'Https:', 'https:'); return address; } diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json index 71a423c6f9..037de20b7b 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json +++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json @@ -11,17 +11,16 @@ "homepage": "https://github.com/MediaBrowser/emby-webcomponents", "dependencies": { "requirejs": "requirejs#^2.1.22", - "isMobile": "isMobile#^0.3.9", - "material-design-lite": "material-design-lite#^1.1.2" + "isMobile": "isMobile#^0.3.9" }, "devDependencies": {}, "ignore": [], - "version": "1.3.94", - "_release": "1.3.94", + "version": "1.3.95", + "_release": "1.3.95", "_resolution": { "type": "version", - "tag": "1.3.94", - "commit": "4c485c81f1611cd184ca31455de0535105a6e123" + "tag": "1.3.95", + "commit": "7ce02ce7ef6b3792a1a381c62682fd217edf188b" }, "_source": "https://github.com/MediaBrowser/emby-webcomponents.git", "_target": "^1.2.0", diff --git a/dashboard-ui/bower_components/emby-webcomponents/bower.json b/dashboard-ui/bower_components/emby-webcomponents/bower.json index 0366d51910..0a6c6d4d1d 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/bower.json +++ b/dashboard-ui/bower_components/emby-webcomponents/bower.json @@ -11,8 +11,7 @@ "homepage": "https://github.com/MediaBrowser/emby-webcomponents", "dependencies": { "requirejs": "requirejs#^2.1.22", - "isMobile": "isMobile#^0.3.9", - "material-design-lite": "material-design-lite#^1.1.2" + "isMobile": "isMobile#^0.3.9" }, "devDependencies": { diff --git a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js index f857fd79dc..8243d9de23 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js +++ b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js @@ -8,6 +8,10 @@ return true; } + if (browser.edge && !browser.mobile) { + return true; + } + return false; } @@ -406,9 +410,9 @@ dlg.setAttribute('data-autofocus', 'true'); } - var defaultEntryAnimation = browser.animate ? 'scaleup' : 'fadein'; + var defaultEntryAnimation = 'scaleup'; var entryAnimation = options.entryAnimation || defaultEntryAnimation; - var defaultExitAnimation = browser.animate ? 'scaledown' : 'fadeout'; + var defaultExitAnimation = 'scaledown'; var exitAnimation = options.exitAnimation || defaultExitAnimation; // If it's not fullscreen then lower the default animation speed to make it open really fast diff --git a/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css new file mode 100644 index 0000000000..f4048a4346 --- /dev/null +++ b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css @@ -0,0 +1,521 @@ +.mdl-spinner { + display: inline-block; + position: relative; + width: 28px; + height: 28px; +} + + .mdl-spinner.is-active { + -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; + animation: mdl-spinner__container-rotate 1568.23529412ms 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: rgb(66,165,245); +} + +.mdl-spinner--single-color .mdl-spinner__layer-1 { + border-color: rgb(63,81,181); +} + +.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: rgb(244,67,54); +} + +.mdl-spinner--single-color .mdl-spinner__layer-2 { + border-color: rgb(63,81,181); +} + +.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: rgb(253,216,53); +} + +.mdl-spinner--single-color .mdl-spinner__layer-3 { + border-color: rgb(63,81,181); +} + +.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: rgb(76,175,80); +} + +.mdl-spinner--single-color .mdl-spinner__layer-4 { + border-color: rgb(63,81,181); +} + +.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); + 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); + 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); + } +} + +.docspinner { + margin-top: -5vh; + margin-left: -5vh; + width: 10vh; + height: 10vh; + position: fixed; + top: 50%; + left: 50%; + z-index: 9999999; +} + +.loadingHide { + display: none !important; +} diff --git a/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.js b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.js index a39bc0fa7e..d167062417 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.js +++ b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.js @@ -1,4 +1,4 @@ -define(['MaterialSpinner', 'css!./loading'], function () { +define(['css!./loading-lite'], function () { var loadingElem; @@ -15,8 +15,9 @@ define(['MaterialSpinner', 'css!./loading'], function () { elem.classList.add('mdl-spinner'); elem.classList.add('mdl-js-spinner'); + elem.innerHTML = ''; + document.body.appendChild(elem); - componentHandler.upgradeElement(elem, 'MaterialSpinner'); } elem.classList.add('is-active'); diff --git a/dashboard-ui/bower_components/iron-meta/.bower.json b/dashboard-ui/bower_components/iron-meta/.bower.json index f4bfef4a7c..e1304d174b 100644 --- a/dashboard-ui/bower_components/iron-meta/.bower.json +++ b/dashboard-ui/bower_components/iron-meta/.bower.json @@ -26,14 +26,14 @@ "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "main": "iron-meta.html", - "homepage": "https://github.com/polymerelements/iron-meta", + "homepage": "https://github.com/PolymerElements/iron-meta", "_release": "1.1.1", "_resolution": { "type": "version", "tag": "v1.1.1", "commit": "e171ee234b482219c9514e6f9551df48ef48bd9f" }, - "_source": "git://github.com/polymerelements/iron-meta.git", + "_source": "git://github.com/PolymerElements/iron-meta.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-meta" + "_originalSource": "PolymerElements/iron-meta" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/material-design-lite/.bower.json b/dashboard-ui/bower_components/material-design-lite/.bower.json deleted file mode 100644 index 808e9aac37..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/.bower.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "name": "material-design-lite", - "version": "1.1.3", - "homepage": "https://github.com/google/material-design-lite", - "authors": [ - "Material Design Lite team" - ], - "description": "Material Design Components in CSS, JS and HTML", - "main": [ - "material.min.css", - "material.min.js" - ], - "keywords": [ - "material", - "design", - "styleguide", - "style", - "guide" - ], - "license": "Apache-2", - "ignore": [ - "**/.*", - "node_modules", - "bower_components", - "./lib/.bower_components", - "test", - "tests" - ], - "_release": "1.1.3", - "_resolution": { - "type": "version", - "tag": "v1.1.3", - "commit": "95a2cd49c679d9825930d72de7e6fdd155e9150f" - }, - "_source": "git://github.com/google/material-design-lite.git", - "_target": "^1.1.2", - "_originalSource": "material-design-lite" -} \ No newline at end of file diff --git a/dashboard-ui/bower_components/material-design-lite/LICENSE b/dashboard-ui/bower_components/material-design-lite/LICENSE deleted file mode 100644 index 9faf108657..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/LICENSE +++ /dev/null @@ -1,212 +0,0 @@ - - Apache License - Version 2.0, January 2004 - http://www.apache.org/licenses/ - - TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION - - 1. Definitions. - - "License" shall mean the terms and conditions for use, reproduction, - and distribution as defined by Sections 1 through 9 of this document. - - "Licensor" shall mean the copyright owner or entity authorized by - the copyright owner that is granting the License. - - "Legal Entity" shall mean the union of the acting entity and all - other entities that control, are controlled by, or are under common - control with that entity. For the purposes of this definition, - "control" means (i) the power, direct or indirect, to cause the - direction or management of such entity, whether by contract or - otherwise, or (ii) ownership of fifty percent (50%) or more of the - outstanding shares, or (iii) beneficial ownership of such entity. - - "You" (or "Your") shall mean an individual or Legal Entity - exercising permissions granted by this License. - - "Source" form shall mean the preferred form for making modifications, - including but not limited to software source code, documentation - source, and configuration files. - - "Object" form shall mean any form resulting from mechanical - transformation or translation of a Source form, including but - not limited to compiled object code, generated documentation, - and conversions to other media types. - - "Work" shall mean the work of authorship, whether in Source or - Object form, made available under the License, as indicated by a - copyright notice that is included in or attached to the work - (an example is provided in the Appendix below). - - "Derivative Works" shall mean any work, whether in Source or Object - form, that is based on (or derived from) the Work and for which the - editorial revisions, annotations, elaborations, or other modifications - represent, as a whole, an original work of authorship. For the purposes - of this License, Derivative Works shall not include works that remain - separable from, or merely link (or bind by name) to the interfaces of, - the Work and Derivative Works thereof. - - "Contribution" shall mean any work of authorship, including - the original version of the Work and any modifications or additions - to that Work or Derivative Works thereof, that is intentionally - submitted to Licensor for inclusion in the Work by the copyright owner - or by an individual or Legal Entity authorized to submit on behalf of - the copyright owner. For the purposes of this definition, "submitted" - means any form of electronic, verbal, or written communication sent - to the Licensor or its representatives, including but not limited to - communication on electronic mailing lists, source code control systems, - and issue tracking systems that are managed by, or on behalf of, the - Licensor for the purpose of discussing and improving the Work, but - excluding communication that is conspicuously marked or otherwise - designated in writing by the copyright owner as "Not a Contribution." - - "Contributor" shall mean Licensor and any individual or Legal Entity - on behalf of whom a Contribution has been received by Licensor and - subsequently incorporated within the Work. - - 2. Grant of Copyright License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - copyright license to reproduce, prepare Derivative Works of, - publicly display, publicly perform, sublicense, and distribute the - Work and such Derivative Works in Source or Object form. - - 3. Grant of Patent License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - (except as stated in this section) patent license to make, have made, - use, offer to sell, sell, import, and otherwise transfer the Work, - where such license applies only to those patent claims licensable - by such Contributor that are necessarily infringed by their - Contribution(s) alone or by combination of their Contribution(s) - with the Work to which such Contribution(s) was submitted. If You - institute patent litigation against any entity (including a - cross-claim or counterclaim in a lawsuit) alleging that the Work - or a Contribution incorporated within the Work constitutes direct - or contributory patent infringement, then any patent licenses - granted to You under this License for that Work shall terminate - as of the date such litigation is filed. - - 4. Redistribution. You may reproduce and distribute copies of the - Work or Derivative Works thereof in any medium, with or without - modifications, and in Source or Object form, provided that You - meet the following conditions: - - (a) You must give any other recipients of the Work or - Derivative Works a copy of this License; and - - (b) You must cause any modified files to carry prominent notices - stating that You changed the files; and - - (c) You must retain, in the Source form of any Derivative Works - that You distribute, all copyright, patent, trademark, and - attribution notices from the Source form of the Work, - excluding those notices that do not pertain to any part of - the Derivative Works; and - - (d) If the Work includes a "NOTICE" text file as part of its - distribution, then any Derivative Works that You distribute must - include a readable copy of the attribution notices contained - within such NOTICE file, excluding those notices that do not - pertain to any part of the Derivative Works, in at least one - of the following places: within a NOTICE text file distributed - as part of the Derivative Works; within the Source form or - documentation, if provided along with the Derivative Works; or, - within a display generated by the Derivative Works, if and - wherever such third-party notices normally appear. The contents - of the NOTICE file are for informational purposes only and - do not modify the License. You may add Your own attribution - notices within Derivative Works that You distribute, alongside - or as an addendum to the NOTICE text from the Work, provided - that such additional attribution notices cannot be construed - as modifying the License. - - You may add Your own copyright statement to Your modifications and - may provide additional or different license terms and conditions - for use, reproduction, or distribution of Your modifications, or - for any such Derivative Works as a whole, provided Your use, - reproduction, and distribution of the Work otherwise complies with - the conditions stated in this License. - - 5. Submission of Contributions. Unless You explicitly state otherwise, - any Contribution intentionally submitted for inclusion in the Work - by You to the Licensor shall be under the terms and conditions of - this License, without any additional terms or conditions. - Notwithstanding the above, nothing herein shall supersede or modify - the terms of any separate license agreement you may have executed - with Licensor regarding such Contributions. - - 6. Trademarks. This License does not grant permission to use the trade - names, trademarks, service marks, or product names of the Licensor, - except as required for reasonable and customary use in describing the - origin of the Work and reproducing the content of the NOTICE file. - - 7. Disclaimer of Warranty. Unless required by applicable law or - agreed to in writing, Licensor provides the Work (and each - Contributor provides its Contributions) on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or - implied, including, without limitation, any warranties or conditions - of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A - PARTICULAR PURPOSE. You are solely responsible for determining the - appropriateness of using or redistributing the Work and assume any - risks associated with Your exercise of permissions under this License. - - 8. Limitation of Liability. In no event and under no legal theory, - whether in tort (including negligence), contract, or otherwise, - unless required by applicable law (such as deliberate and grossly - negligent acts) or agreed to in writing, shall any Contributor be - liable to You for damages, including any direct, indirect, special, - incidental, or consequential damages of any character arising as a - result of this License or out of the use or inability to use the - Work (including but not limited to damages for loss of goodwill, - work stoppage, computer failure or malfunction, or any and all - other commercial damages or losses), even if such Contributor - has been advised of the possibility of such damages. - - 9. Accepting Warranty or Additional Liability. While redistributing - the Work or Derivative Works thereof, You may choose to offer, - and charge a fee for, acceptance of support, warranty, indemnity, - or other liability obligations and/or rights consistent with this - License. However, in accepting such obligations, You may act only - on Your own behalf and on Your sole responsibility, not on behalf - of any other Contributor, and only if You agree to indemnify, - defend, and hold each Contributor harmless for any liability - incurred by, or claims asserted against, such Contributor by reason - of your accepting any such warranty or additional liability. - - END OF TERMS AND CONDITIONS - - APPENDIX: How to apply the Apache License to your work. - - To apply the Apache License to your work, attach the following - boilerplate notice, with the fields enclosed by brackets "[]" - replaced with your own identifying information. (Don't include - the brackets!) The text should be enclosed in the appropriate - comment syntax for the file format. We also recommend that a - file or class name and description of purpose be included on the - same "printed page" as the copyright notice for easier - identification within third-party archives. - - Copyright 2015 Google Inc - - 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. - - All code in any directories or sub-directories that end with *.html or - *.css is licensed under the Creative Commons Attribution International - 4.0 License, which full text can be found here: - https://creativecommons.org/licenses/by/4.0/legalcode. - - As an exception to this license, all html or css that is generated by - the software at the direction of the user is copyright the user. The - user has full ownership and control over such content, including - whether and how they wish to license it. diff --git a/dashboard-ui/bower_components/material-design-lite/bower.json b/dashboard-ui/bower_components/material-design-lite/bower.json deleted file mode 100644 index 3f205e1728..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/bower.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "name": "material-design-lite", - "version": "1.1.3", - "homepage": "https://github.com/google/material-design-lite", - "authors": [ - "Material Design Lite team" - ], - "description": "Material Design Components in CSS, JS and HTML", - "main": [ - "material.min.css", - "material.min.js" - ], - "keywords": [ - "material", - "design", - "styleguide", - "style", - "guide" - ], - "license": "Apache-2", - "ignore": [ - "**/.*", - "node_modules", - "bower_components", - "./lib/.bower_components", - "test", - "tests" - ] -} diff --git a/dashboard-ui/bower_components/material-design-lite/gulpfile.babel.js b/dashboard-ui/bower_components/material-design-lite/gulpfile.babel.js deleted file mode 100644 index 6bd08c948b..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/gulpfile.babel.js +++ /dev/null @@ -1,807 +0,0 @@ -/** - * - * Material Design Lite - * 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 - * - * https://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 - * - */ - - // jscs:disable jsDoc - -'use strict'; - -// Include Gulp & Tools We'll Use -import fs from 'fs'; -import path from 'path'; -import mergeStream from 'merge-stream'; -import del from 'del'; -import vinylPaths from'vinyl-paths'; -import runSequence from 'run-sequence'; -import browserSync from 'browser-sync'; -import through from 'through2'; -import swig from 'swig'; -import gulp from 'gulp'; -import closureCompiler from 'gulp-closure-compiler'; -import gulpLoadPlugins from 'gulp-load-plugins'; -import uniffe from './utils/uniffe.js'; -import pkg from './package.json'; - -const $ = gulpLoadPlugins(); -const reload = browserSync.reload; -const hostedLibsUrlPrefix = 'https://code.getmdl.io'; -const templateArchivePrefix = 'mdl-template-'; -const bucketProd = 'gs://www.getmdl.io'; -const bucketStaging = 'gs://mdl-staging'; -const bucketCode = 'gs://code.getmdl.io'; -const banner = ['/**', - ' * <%= pkg.name %> - <%= pkg.description %>', - ' * @version v<%= pkg.version %>', - ' * @license <%= pkg.license %>', - ' * @copyright 2015 Google, Inc.', - ' * @link https://github.com/google/material-design-lite', - ' */', - ''].join('\n'); - -let codeFiles = ''; - -const AUTOPREFIXER_BROWSERS = [ - 'ie >= 10', - 'ie_mob >= 10', - 'ff >= 30', - 'chrome >= 34', - 'safari >= 7', - 'opera >= 23', - 'ios >= 7', - 'android >= 4.4', - 'bb >= 10' -]; - -const SOURCES = [ - // Component handler - 'src/mdlComponentHandler.js', - // Polyfills/dependencies - 'src/third_party/**/*.js', - // Base components - 'src/button/button.js', - 'src/checkbox/checkbox.js', - 'src/icon-toggle/icon-toggle.js', - 'src/menu/menu.js', - 'src/progress/progress.js', - 'src/radio/radio.js', - 'src/slider/slider.js', - 'src/snackbar/snackbar.js', - 'src/spinner/spinner.js', - 'src/switch/switch.js', - 'src/tabs/tabs.js', - 'src/textfield/textfield.js', - 'src/tooltip/tooltip.js', - // Complex components (which reuse base components) - 'src/layout/layout.js', - 'src/data-table/data-table.js', - // And finally, the ripples - 'src/ripple/ripple.js' -]; - -// ***** Development tasks ****** // - -// Lint JavaScript -gulp.task('lint', () => { - return gulp.src([ - 'src/**/*.js', - 'gulpfile.babel.js' - ]) - .pipe(reload({stream: true, once: true})) - .pipe($.jshint()) - .pipe($.jscs()) - .pipe($.jshint.reporter('jshint-stylish')) - .pipe($.jscs.reporter()) - .pipe($.if(!browserSync.active, $.jshint.reporter('fail'))) - .pipe($.if(!browserSync.active, $.jscs.reporter('fail'))); -}); - -// ***** Production build tasks ****** // - -// Optimize Images -// TODO: Update image paths in final CSS to match root/images -gulp.task('images', () => { - return gulp.src('src/**/*.{svg,png,jpg}') - .pipe($.flatten()) - .pipe($.cache($.imagemin({ - progressive: true, - interlaced: true - }))) - .pipe(gulp.dest('dist/images')) - .pipe($.size({title: 'images'})); -}); - -// Compile and Automatically Prefix Stylesheets (dev) -gulp.task('styles:dev', () => { - return gulp.src('src/**/*.scss') - .pipe($.sass({ - precision: 10, - onError: console.error.bind(console, 'Sass error:') - })) - .pipe($.cssInlineImages({ - webRoot: 'src' - })) - .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS)) - .pipe(gulp.dest('.tmp/styles')) - .pipe($.size({title: 'styles'})); -}); - -// Compile and Automatically Prefix Stylesheet Templates (production) -gulp.task('styletemplates', () => { - // For best performance, don't add Sass partials to `gulp.src` - return gulp.src('src/template.scss') - // Generate Source Maps - .pipe($.sourcemaps.init()) - .pipe($.sass({ - precision: 10, - onError: console.error.bind(console, 'Sass error:') - })) - .pipe($.cssInlineImages({webRoot: 'src'})) - .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS)) - .pipe(gulp.dest('.tmp')) - // Concatenate Styles - .pipe($.concat('material.css.template')) - .pipe(gulp.dest('dist')) - // Minify Styles - .pipe($.if('*.css.template', $.csso())) - .pipe($.concat('material.min.css.template')) - .pipe($.header(banner, {pkg})) - .pipe($.sourcemaps.write('.')) - .pipe(gulp.dest('dist')) - .pipe($.size({title: 'styles'})); -}); - -// Compile and Automatically Prefix Stylesheets (production) -gulp.task('styles', () => { - // For best performance, don't add Sass partials to `gulp.src` - return gulp.src('src/material-design-lite.scss') - // Generate Source Maps - .pipe($.sourcemaps.init()) - .pipe($.sass({ - precision: 10, - onError: console.error.bind(console, 'Sass error:') - })) - .pipe($.cssInlineImages({webRoot: 'src'})) - .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS)) - .pipe(gulp.dest('.tmp')) - // Concatenate Styles - .pipe($.concat('material.css')) - .pipe($.header(banner, {pkg})) - .pipe(gulp.dest('dist')) - // Minify Styles - .pipe($.if('*.css', $.csso())) - .pipe($.concat('material.min.css')) - .pipe($.header(banner, {pkg})) - .pipe($.sourcemaps.write('.')) - .pipe(gulp.dest('dist')) - .pipe($.size({title: 'styles'})); -}); - -// Only generate CSS styles for the MDL grid -gulp.task('styles-grid', () => { - return gulp.src('src/material-design-lite-grid.scss') - .pipe($.sass({ - precision: 10, - onError: console.error.bind(console, 'Sass error:') - })) - .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS)) - .pipe(gulp.dest('.tmp')) - // Concatenate Styles - .pipe($.concat('material-grid.css')) - .pipe($.header(banner, {pkg})) - .pipe(gulp.dest('dist')) - // Minify Styles - .pipe($.if('*.css', $.csso())) - .pipe($.concat('material-grid.min.css')) - .pipe($.header(banner, {pkg})) - .pipe(gulp.dest('dist')) - .pipe($.size({title: 'styles-grid'})); -}); - -// Build with Google's Closure Compiler, requires Java 1.7+ installed. -gulp.task('closure', () => { - return gulp.src(SOURCES) - .pipe(closureCompiler({ - compilerPath: 'node_modules/google-closure-compiler/compiler.jar', - fileName: 'material.closure.min.js', - compilerFlags: { - // jscs:disable closureCamelCase - compilation_level: 'ADVANCED_OPTIMIZATIONS', - language_in: 'ECMASCRIPT6_STRICT', - language_out: 'ECMASCRIPT5_STRICT', - warning_level: 'VERBOSE' - // jscs:enable closureCamelCase - } - })) - .pipe(gulp.dest('./dist')); -}); - -// Concatenate And Minify JavaScript -gulp.task('scripts', ['lint'], () => { - return gulp.src(SOURCES) - .pipe($.if(/mdlComponentHandler\.js/, $.util.noop(), uniffe())) - .pipe($.sourcemaps.init()) - // Concatenate Scripts - .pipe($.concat('material.js')) - .pipe($.iife({useStrict: true})) - .pipe(gulp.dest('dist')) - // Minify Scripts - .pipe($.uglify({ - sourceRoot: '.', - sourceMapIncludeSources: true - })) - .pipe($.header(banner, {pkg})) - .pipe($.concat('material.min.js')) - // Write Source Maps - .pipe($.sourcemaps.write('.')) - .pipe(gulp.dest('dist')) - .pipe($.size({title: 'scripts'})); -}); - -// Clean Output Directory -gulp.task('clean', () => del(['dist', '.publish'])); - -// Copy package manger and LICENSE files to dist -gulp.task('metadata', () => { - return gulp.src([ - 'package.json', - 'bower.json', - 'LICENSE' - ]) - .pipe(gulp.dest('dist')); -}); - -// Build Production Files, the Default Task -gulp.task('default', ['clean'], cb => { - runSequence( - ['styles', 'styles-grid'], - ['scripts'], - ['mocha'], - cb); -}); - -// Build production files and microsite -gulp.task('all', ['clean'], cb => { - runSequence( - ['styletemplates'], - ['styles-grid', 'styles:gen'], - ['scripts'], - ['mocha'], - ['assets', 'pages', - 'templates', 'images', 'metadata'], - ['zip'], - cb); -}); - -// ***** Testing tasks ***** // - -gulp.task('mocha', ['styles'], () => { - return gulp.src('test/index.html') - .pipe($.mochaPhantomjs({reporter: 'tap'})); -}); - -gulp.task('mocha:closure', ['closure'], () => { - return gulp.src('test/index.html') - .pipe($.replace('src="../dist/material.js"', - 'src="../dist/material.closure.min.js"')) - .pipe($.rename('temp.html')) - .pipe(gulp.dest('test')) - .pipe($.mochaPhantomjs({reporter: 'tap'})) - .on('finish', () => del.sync('test/temp.html')) - .on('error', () => del.sync('test/temp.html')); -}); - -gulp.task('test', [ - 'lint', - 'mocha', - 'mocha:closure' -]); - -gulp.task('test:visual', () => { - browserSync({ - notify: false, - server: '.', - startPath: 'test/visual/index.html' - }); - - gulp.watch('test/visual/**', reload); -}); - -// ***** Landing page tasks ***** // - -/** - * Site metadata for use with templates. - * @type {Object} - */ -const site = {}; - -/** - * Generates an HTML file based on a template and file metadata. - */ -function applyTemplate() { - return through.obj((file, enc, cb) => { - const data = { - site, - page: file.page, - content: file.contents.toString() - }; - - const templateFile = path.join( - __dirname, 'docs', '_templates', `${file.page.layout}.html`); - const tpl = swig.compileFile(templateFile, {cache: false}); - - file.contents = new Buffer(tpl(data)); - cb(null, file); - }); -} - -/** - * Generates an index.html file for each README in MDL/src directory. - */ -gulp.task('components', ['demos'], () => { - return gulp.src('src/**/README.md', {base: 'src'}) - // Add basic front matter. - .pipe($.header('---\nlayout: component\nbodyclass: component\ninclude_prefix: ../../\n---\n\n')) - .pipe($.frontMatter({ - property: 'page', - remove: true - })) - .pipe($.marked()) - .pipe((() => { - return through.obj((file, enc, cb) => { - file.page.component = file.relative.split('/')[0]; - cb(null, file); - }); - })()) - .pipe(applyTemplate()) - .pipe($.rename(path => path.basename = 'index')) - .pipe(gulp.dest('dist/components')); -}); - -/** - * Copies demo files from MDL/src directory. - */ -gulp.task('demoresources', () => { - return gulp.src([ - 'src/**/demos.css', - 'src/**/demo.css', - 'src/**/demo.js' - ], {base: 'src'}) - .pipe($.if('*.scss', $.sass({ - precision: 10, - onError: console.error.bind(console, 'Sass error:') - }))) - .pipe($.cssInlineImages({webRoot: 'src'})) - .pipe($.if('*.css', $.autoprefixer(AUTOPREFIXER_BROWSERS))) - .pipe(gulp.dest('dist/components')); -}); - -/** - * Generates demo files for testing made of all the snippets and the demo file - * put together. - */ -gulp.task('demos', ['demoresources'], () => { - /** - * Retrieves the list of component folders. - */ - function getComponentFolders() { - return fs.readdirSync('src') - .filter(file => fs.statSync(path.join('src', file)).isDirectory()); - } - - const tasks = getComponentFolders().map(component => { - return gulp.src([ - path.join('src', component, 'snippets', '*.html'), - path.join('src', component, 'demo.html') - ]) - .pipe($.concat('/demo.html')) - // Add basic front matter. - .pipe($.header('---\nlayout: demo\nbodyclass: demo\ninclude_prefix: ../../\n---\n\n')) - .pipe($.frontMatter({ - property: 'page', - remove: true - })) - .pipe($.marked()) - .pipe((() => { - return through.obj((file, enc, cb) => { - file.page.component = component; - cb(null, file); - }); - })()) - .pipe(applyTemplate()) - .pipe(gulp.dest(path.join('dist', 'components', component))); - }); - - return mergeStream(tasks); -}); - -/** - * Generates an HTML file for each md file in _pages directory. - */ -gulp.task('pages', ['components'], () => { - return gulp.src('docs/_pages/*.md') - .pipe($.frontMatter({ - property: 'page', - remove: true - })) - .pipe($.marked()) - .pipe(applyTemplate()) - .pipe($.replace('$$version$$', pkg.version)) - .pipe($.replace('$$hosted_libs_prefix$$', hostedLibsUrlPrefix)) - .pipe($.replace('$$template_archive_prefix$$', templateArchivePrefix)) - /* Replacing code blocks class name to match Prism's. */ - .pipe($.replace('class="lang-', 'class="language-')) - /* Translate html code blocks to "markup" because that's what Prism uses. */ - .pipe($.replace('class="language-html', 'class="language-markup')) - .pipe($.rename(path => { - if (path.basename !== 'index') { - path.dirname = path.basename; - path.basename = 'index'; - } - })) - .pipe(gulp.dest('dist')); -}); - -/** - * Copies assets from MDL and _assets directory. - */ -gulp.task('assets', () => { - return gulp.src([ - 'docs/_assets/**/*', - 'node_modules/clippy/build/clippy.swf', - 'node_modules/swfobject-npm/swfobject/src/swfobject.js', - 'node_modules/prismjs/prism.js', - 'node_modules/prismjs/components/prism-markup.min.js', - 'node_modules/prismjs/components/prism-javascript.min.js', - 'node_modules/prismjs/components/prism-css.min.js', - 'node_modules/prismjs/components/prism-bash.min.js', - 'node_modules/prismjs/dist/prism-default/prism-default.css' - ]) - .pipe($.if(/\.js/i, $.replace('$$version$$', pkg.version))) - .pipe($.if(/\.js/i, $.replace('$$hosted_libs_prefix$$', hostedLibsUrlPrefix))) - .pipe($.if(/\.(svg|jpg|png)$/i, $.imagemin({ - progressive: true, - interlaced: true - }))) - .pipe($.if(/\.css/i, $.autoprefixer(AUTOPREFIXER_BROWSERS))) - .pipe($.if(/\.css/i, $.csso())) - .pipe($.if(/\.js/i, $.uglify({ - preserveComments: 'some', - sourceRoot: '.', - sourceMapIncludeSources: true - }))) - .pipe(gulp.dest('dist/assets')); -}); - -/** - * Defines the list of resources to watch for changes. - */ -function watch() { - gulp.watch(['src/**/*.js', '!src/**/README.md'], - ['scripts', 'demos', 'components', reload]); - gulp.watch(['src/**/*.{scss,css}'], - ['styles', 'styles-grid', 'styletemplates', reload]); - gulp.watch(['src/**/*.html'], ['pages', reload]); - gulp.watch(['src/**/*.{svg,png,jpg}'], ['images', reload]); - gulp.watch(['src/**/README.md'], ['pages', reload]); - gulp.watch(['templates/**/*'], ['templates', reload]); - gulp.watch(['docs/**/*'], ['pages', 'assets', reload]); - gulp.watch(['package.json', 'bower.json', 'LICENSE'], ['metadata']); -} - -/** - * Serves the landing page from "out" directory. - */ -gulp.task('serve:browsersync', () => { - browserSync({ - notify: false, - server: { - baseDir: ['dist'] - } - }); - - watch(); -}); - -gulp.task('serve', () => { - $.connect.server({ - root: 'dist', - port: 5000, - livereload: true - }); - - watch(); - - gulp.src('dist/index.html') - .pipe($.open({uri: 'http://localhost:5000'})); -}); - -// Generate release archive containing just JS, CSS, Source Map deps -gulp.task('zip:mdl', () => { - return gulp.src([ - 'dist/material?(.min)@(.js|.css)?(.map)', - 'LICENSE', - 'bower.json', - 'package.json' - ]) - .pipe($.zip('mdl.zip')) - .pipe(gulp.dest('dist')); -}); - -/** - * Returns the list of children directories inside the given directory. - * @param {string} dir the parent directory - * @return {Array} list of child directories - */ -function getSubDirectories(dir) { - return fs.readdirSync(dir) - .filter(file => fs.statSync(path.join(dir, file)).isDirectory()); -} - -// Generate release archives containing the templates and assets for templates. -gulp.task('zip:templates', () => { - const templates = getSubDirectories('dist/templates'); - - // Generate a zip file for each template. - const generateZips = templates.map(template => { - return gulp.src([ - `dist/templates/${template}/**/*.*`, - 'LICENSE' - ]) - .pipe($.rename(path => { - path.dirname = path.dirname.replace(`dist/templates/${template}`, ''); - })) - .pipe($.zip(`${templateArchivePrefix}${template}.zip`)) - .pipe(gulp.dest('dist')); - }); - - return mergeStream(generateZips); -}); - -gulp.task('zip', [ - 'zip:templates', - 'zip:mdl' -]); - -gulp.task('genCodeFiles', () => { - return gulp.src([ - 'dist/material.*@(js|css)?(.map)', - 'dist/mdl.zip', - `dist/${templateArchivePrefix}*.zip` - ], {read: false}) - .pipe($.tap(file => { - codeFiles += ` dist/${path.basename(file.path)}`; - })); -}); - -// Push the latest version of code resources (CSS+JS) to Google Cloud Storage. -// Public-read objects in GCS are served by a Google provided and supported -// global, high performance caching/content delivery network (CDN) service. -// This task requires gsutil to be installed and configured. -// For info on gsutil: https://cloud.google.com/storage/docs/gsutil. -gulp.task('pushCodeFiles', () => { - const dest = bucketCode; - console.log(`Publishing ${pkg.version} to CDN (${dest})`); - - // Build cache control and gsutil cmd to copy - // each object into a GCS bucket. The dest is a version specific path. - // The gsutil -m option requests parallel copies. - // The gsutil -h option is used to set metadata headers - // (cache control, in this case). - // Code files should NEVER be touched after uploading, therefore - // 30 days caching is a safe value. - const cacheControl = '-h "Cache-Control:public,max-age=2592000"'; - const gsutilCpCmd = 'gsutil -m cp -z js,css,map '; - const gsutilCacheCmd = `gsutil -m setmeta -R ${cacheControl}`; - - // Upload the goodies to a separate GCS bucket with versioning. - // Using a sep bucket avoids the risk of accidentally blowing away - // old versions in the microsite bucket. - return gulp.src('') - .pipe($.shell([ - `${gsutilCpCmd}${codeFiles} ${dest}/${pkg.version}`, - `${gsutilCacheCmd} ${dest}/${pkg.version}` - ])); -}); - -gulp.task('publish:code', cb => { - runSequence( - ['zip:mdl', 'zip:templates'], - 'genCodeFiles', - 'pushCodeFiles', - cb); -}); - -/** - * Function to publish staging or prod version from local tree, - * or to promote staging to prod, per passed arg. - * @param {string} pubScope the scope to publish to. - */ -function mdlPublish(pubScope) { - let cacheTtl = null; - let src = null; - let dest = null; - - if (pubScope === 'staging') { - // Set staging specific vars here. - cacheTtl = 0; - src = 'dist/*'; - dest = bucketStaging; - } else if (pubScope === 'prod') { - // Set prod specific vars here. - cacheTtl = 60; - src = 'dist/*'; - dest = bucketProd; - } else if (pubScope === 'promote') { - // Set promote (essentially prod) specific vars here. - cacheTtl = 60; - src = `${bucketStaging}/*`; - dest = bucketProd; - } - - let infoMsg = `Publishing ${pubScope}/${pkg.version} to GCS (${dest})`; - if (src) { - infoMsg += ` from ${src}`; - } - console.log(infoMsg); - - // Build gsutil commands: - // The gsutil -h option is used to set metadata headers. - // The gsutil -m option requests parallel copies. - // The gsutil -R option is used for recursive file copy. - const cacheControl = `-h "Cache-Control:public,max-age=${cacheTtl}"`; - const gsutilCacheCmd = `gsutil -m setmeta ${cacheControl} ${dest}/**`; - const gsutilCpCmd = `gsutil -m cp -r -z html,css,js,svg ${src} ${dest}`; - - gulp.src('').pipe($.shell([gsutilCpCmd, gsutilCacheCmd])); -} - -// Push the local build of the MDL microsite and release artifacts to the -// production Google Cloud Storage bucket for general serving to the web. -// Public-read objects in GCS are served by a Google provided and supported -// global, high performance caching/content delivery network (CDN) service. -// This task requires gsutil to be installed and configured. -// For info on gsutil: https://cloud.google.com/storage/docs/gsutil. -// -gulp.task('publish:prod', () => { - mdlPublish('prod'); -}); - -// Promote the staging version of the MDL microsite and release artifacts -// to the production Google Cloud Storage bucket for general serving. -// Public-read objects in GCS are served by a Google provided and supported -// global, high performance caching/content delivery network (CDN) service. -// This task requires gsutil to be installed and configured. -// For info on gsutil: https://cloud.google.com/storage/docs/gsutil. -// -gulp.task('publish:promote', () => { - mdlPublish('promote'); -}); - -// Push the staged version of the MDL microsite and release artifacts -// to a production Google Cloud Storage bucket for staging and pre-production testing. -// -// This task requires gsutil to be installed and configured. -// For info on gsutil: https://cloud.google.com/storage/docs/gsutil. -// -gulp.task('publish:staging', () => { - mdlPublish('staging'); -}); - -gulp.task('_release', () => { - return gulp.src([ - 'dist/material?(.min)@(.js|.css)?(.map)', - 'LICENSE', - 'README.md', - 'bower.json', - 'package.json', - '.jscsrc', - '.jshintrc', - './sr?/**/*', - 'gulpfile.babel.js', - './util?/**/*' - ]) - .pipe(gulp.dest('_release')); -}); - -gulp.task('publish:release', ['_release'], () => { - return gulp.src('_release') - .pipe($.subtree({ - remote: 'origin', - branch: 'release' - })) - .pipe(vinylPaths(del)); -}); - -gulp.task('templates:styles', () => { - return gulp.src('templates/**/*.css') - .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS)) - // FIXME: This crashes. It's a bug in gulp-csso, - // not csso itself. - //.pipe($.csso()) - .pipe(gulp.dest('dist/templates')); -}); - -gulp.task('templates:static', () => { - return gulp.src('templates/**/*.html') - .pipe($.replace('$$version$$', pkg.version)) - .pipe($.replace('$$hosted_libs_prefix$$', hostedLibsUrlPrefix)) - .pipe(gulp.dest('dist/templates')); -}); - -// This task can be used if you want to test the templates against locally -// built version of the MDL libraries. -gulp.task('templates:localtestingoverride', () => { - return gulp.src('templates/**/*.html') - .pipe($.replace('$$version$$', '.')) - .pipe($.replace('$$hosted_libs_prefix$$', '')) - .pipe(gulp.dest('dist/templates')); -}); - -gulp.task('templates:images', () => { - return gulp.src('templates/*/images/**/*') - .pipe($.imagemin({ - progressive: true, - interlaced: true - })) - .pipe(gulp.dest('dist/templates')); -}); - -gulp.task('templates:fonts', () => { - return gulp.src('templates/*/fonts/**/*') - .pipe(gulp.dest('dist/templates/')); -}); - -gulp.task('templates', [ - 'templates:static', - 'templates:images', - 'templates:fonts', - 'templates:styles' -]); - -gulp.task('styles:gen', ['styles'], () => { - const MaterialCustomizer = require('./docs/_assets/customizer.js'); - const templatePath = path.join(__dirname, 'dist', 'material.min.css.template'); - // TODO: This task needs refactoring once we turn MaterialCustomizer - // into a proper Node module. - const mc = new MaterialCustomizer(); - mc.template = fs.readFileSync(templatePath).toString(); - - let stream = gulp.src(''); - - mc.paletteIndices.forEach(primary => { - mc.paletteIndices.forEach(accent => { - if (primary === accent) { - return; - } - - if (mc.forbiddenAccents.indexOf(accent) !== -1) { - return; - } - - const primaryName = primary.toLowerCase().replace(' ', '_'); - const accentName = accent.toLowerCase().replace(' ', '_'); - - stream = stream.pipe($.file( - `material.${primaryName}-${accentName}.min.css`, - mc.processTemplate(primary, accent) - )); - }); - }); - - stream.pipe(gulp.dest('dist')); -}); diff --git a/dashboard-ui/bower_components/material-design-lite/material.css b/dashboard-ui/bower_components/material-design-lite/material.css deleted file mode 100644 index a1870886e5..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/material.css +++ /dev/null @@ -1,10987 +0,0 @@ -/** - * material-design-lite - Material Design Components in CSS, JS and HTML - * @version v1.1.2 - * @license Apache-2.0 - * @copyright 2015 Google, Inc. - * @link https://github.com/google/material-design-lite - */ -@charset "UTF-8"; -/** - * 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. - */ -/* Material Design Lite */ -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -/** - * 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 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/* - * What follows is the result of much research on cross-browser styling. - * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, - * Kroc Camen, and the H5BP dev community and team. - */ - -/* - * Remove text-shadow in selection highlight: - * https://twitter.com/miketaylr/status/12228805301 - * - * These selection rule sets have to be separate. - * Customize the background color to match your design. - */ -::-moz-selection { - background: #b3d4fc; - text-shadow: none; } -::selection { - background: #b3d4fc; - text-shadow: none; } - -/* - * A better looking default horizontal rule - */ -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; } - -/* - * Remove the gap between audio, canvas, iframes, - * images, videos and the bottom of their containers: - * https://github.com/h5bp/html5-boilerplate/issues/440 - */ -audio, -canvas, -iframe, -img, -svg, -video { - vertical-align: middle; } - -/* - * Remove default fieldset styles. - */ -fieldset { - border: 0; - margin: 0; - padding: 0; } - -/* - * Allow only vertical resizing of textareas. - */ -textarea { - resize: vertical; } - -/* ========================================================================== - Browser Upgrade Prompt - ========================================================================== */ -.browserupgrade { - margin: 0.2em 0; - background: #ccc; - color: #000; - padding: 0.2em 0; } - -/* ========================================================================== - Author's custom styles - ========================================================================== */ -/* ========================================================================== - Helper classes - ========================================================================== */ -/* - * Hide visually and from screen readers: - */ -.hidden { - display: none !important; } - -/* - * Hide only visually, but have it available for screen readers: - * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility - */ -.visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; } - -/* - * Extends the .visuallyhidden class to allow the element - * to be focusable when navigated to via the keyboard: - * https://www.drupal.org/node/897638 - */ -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; } - -/* - * Hide visually and from screen readers, but maintain layout - */ -.invisible { - visibility: hidden; } - -/* - * Clearfix: contain floats - * - * For modern browsers - * 1. The space content is one way to avoid an Opera bug when the - * `contenteditable` attribute is included anywhere else in the document. - * Otherwise it causes space to appear at the top and bottom of elements - * that receive the `clearfix` class. - * 2. The use of `table` rather than `block` is only necessary if using - * `:before` to contain the top-margins of child elements. - */ -.clearfix:before, -.clearfix:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ } - -.clearfix:after { - clear: both; } - -/* ========================================================================== - EXAMPLE Media Queries for Responsive Design. - These examples override the primary ('mobile first') styles. - Modify as content requires. - ========================================================================== */ -/* ========================================================================== - Print styles. - Inlined to avoid the additional HTTP request: - http://www.phpied.com/delay-loading-your-print-css/ - ========================================================================== */ -@media print { - *, - *:before, - *:after, - *:first-letter { - background: transparent !important; - color: #000 !important; - /* Black prints faster: http://www.sanbeiji.com/archives/953 */ - box-shadow: none !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - abbr[title]:after { - content: " (" attr(title) ")"; } - /* - * Don't show links that are fragment identifiers, - * or use the `javascript:` pseudo protocol - */ - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; } - /* - * Printing Tables: - * http://css-discuss.incutio.com/wiki/Printing_Tables - */ - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - p, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } } - -/** - * 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. - */ -/* Remove the unwanted box around FAB buttons */ -/* More info: http://goo.gl/IPwKi */ -a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, -.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab { - -webkit-tap-highlight-color: transparent; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } - -/* -* Make body take up the entire screen -* Remove body margin so layout containers don't cause extra overflow. -*/ -body { - width: 100%; - min-height: 100%; - margin: 0; } - -/* - * Main display reset for IE support. - * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011 - */ -main { - display: block; } - -/* -* Apply no display to elements with the hidden attribute. -* IE 9 and 10 support. -*/ -*[hidden] { - display: none !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 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ - -/** - * Class Name Styles - */ -.mdl-typography--display-4 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 112px; - font-weight: 300; - line-height: 1; - letter-spacing: -0.04em; } - -.mdl-typography--display-4-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 112px; - font-weight: 300; - line-height: 1; - letter-spacing: -0.04em; - opacity: 0.54; } - -.mdl-typography--display-3 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 56px; - font-weight: 400; - line-height: 1.35; - letter-spacing: -0.02em; } - -.mdl-typography--display-3-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 56px; - font-weight: 400; - line-height: 1.35; - letter-spacing: -0.02em; - opacity: 0.54; } - -.mdl-typography--display-2 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 45px; - font-weight: 400; - line-height: 48px; } - -.mdl-typography--display-2-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 45px; - font-weight: 400; - line-height: 48px; - opacity: 0.54; } - -.mdl-typography--display-1 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 34px; - font-weight: 400; - line-height: 40px; } - -.mdl-typography--display-1-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 34px; - font-weight: 400; - line-height: 40px; - opacity: 0.54; } - -.mdl-typography--headline { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 24px; - font-weight: 400; - line-height: 32px; - -moz-osx-font-smoothing: grayscale; } - -.mdl-typography--headline-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 24px; - font-weight: 400; - line-height: 32px; - -moz-osx-font-smoothing: grayscale; - opacity: 0.87; } - -.mdl-typography--title { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 20px; - font-weight: 500; - line-height: 1; - letter-spacing: 0.02em; } - -.mdl-typography--title-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 20px; - font-weight: 500; - line-height: 1; - letter-spacing: 0.02em; - opacity: 0.87; } - -.mdl-typography--subhead { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0.04em; } - -.mdl-typography--subhead-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0.04em; - opacity: 0.87; } - -.mdl-typography--body-2 { - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; } - -.mdl-typography--body-2-color-contrast { - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - opacity: 0.87; } - -.mdl-typography--body-1 { - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; } - -.mdl-typography--body-1-color-contrast { - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; - opacity: 0.87; } - -.mdl-typography--body-2-force-preferred-font { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0; } - -.mdl-typography--body-2-force-preferred-font-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0; - opacity: 0.87; } - -.mdl-typography--body-1-force-preferred-font { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; } - -.mdl-typography--body-1-force-preferred-font-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; - opacity: 0.87; } - -.mdl-typography--caption { - font-size: 12px; - font-weight: 400; - line-height: 1; - letter-spacing: 0; } - -.mdl-typography--caption-force-preferred-font { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 12px; - font-weight: 400; - line-height: 1; - letter-spacing: 0; } - -.mdl-typography--caption-color-contrast { - font-size: 12px; - font-weight: 400; - line-height: 1; - letter-spacing: 0; - opacity: 0.54; } - -.mdl-typography--caption-force-preferred-font-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 12px; - font-weight: 400; - line-height: 1; - letter-spacing: 0; - opacity: 0.54; } - -.mdl-typography--menu { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - line-height: 1; - letter-spacing: 0; } - -.mdl-typography--menu-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - line-height: 1; - letter-spacing: 0; - opacity: 0.87; } - -.mdl-typography--button { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - text-transform: uppercase; - line-height: 1; - letter-spacing: 0; } - -.mdl-typography--button-color-contrast { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - text-transform: uppercase; - line-height: 1; - letter-spacing: 0; - opacity: 0.87; } - -.mdl-typography--text-left { - text-align: left; } - -.mdl-typography--text-right { - text-align: right; } - -.mdl-typography--text-center { - text-align: center; } - -.mdl-typography--text-justify { - text-align: justify; } - -.mdl-typography--text-nowrap { - white-space: nowrap; } - -.mdl-typography--text-lowercase { - text-transform: lowercase; } - -.mdl-typography--text-uppercase { - text-transform: uppercase; } - -.mdl-typography--text-capitalize { - text-transform: capitalize; } - -.mdl-typography--font-thin { - font-weight: 200 !important; } - -.mdl-typography--font-light { - font-weight: 300 !important; } - -.mdl-typography--font-regular { - font-weight: 400 !important; } - -.mdl-typography--font-medium { - font-weight: 500 !important; } - -.mdl-typography--font-bold { - font-weight: 700 !important; } - -.mdl-typography--font-black { - font-weight: 900 !important; } - -.material-icons { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - -moz-font-feature-settings: 'liga'; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-color-text--red { - color: rgb(244,67,54) !important; } - -.mdl-color--red { - background-color: rgb(244,67,54) !important; } - -.mdl-color-text--red-50 { - color: rgb(255,235,238) !important; } - -.mdl-color--red-50 { - background-color: rgb(255,235,238) !important; } - -.mdl-color-text--red-100 { - color: rgb(255,205,210) !important; } - -.mdl-color--red-100 { - background-color: rgb(255,205,210) !important; } - -.mdl-color-text--red-200 { - color: rgb(239,154,154) !important; } - -.mdl-color--red-200 { - background-color: rgb(239,154,154) !important; } - -.mdl-color-text--red-300 { - color: rgb(229,115,115) !important; } - -.mdl-color--red-300 { - background-color: rgb(229,115,115) !important; } - -.mdl-color-text--red-400 { - color: rgb(239,83,80) !important; } - -.mdl-color--red-400 { - background-color: rgb(239,83,80) !important; } - -.mdl-color-text--red-500 { - color: rgb(244,67,54) !important; } - -.mdl-color--red-500 { - background-color: rgb(244,67,54) !important; } - -.mdl-color-text--red-600 { - color: rgb(229,57,53) !important; } - -.mdl-color--red-600 { - background-color: rgb(229,57,53) !important; } - -.mdl-color-text--red-700 { - color: rgb(211,47,47) !important; } - -.mdl-color--red-700 { - background-color: rgb(211,47,47) !important; } - -.mdl-color-text--red-800 { - color: rgb(198,40,40) !important; } - -.mdl-color--red-800 { - background-color: rgb(198,40,40) !important; } - -.mdl-color-text--red-900 { - color: rgb(183,28,28) !important; } - -.mdl-color--red-900 { - background-color: rgb(183,28,28) !important; } - -.mdl-color-text--red-A100 { - color: rgb(255,138,128) !important; } - -.mdl-color--red-A100 { - background-color: rgb(255,138,128) !important; } - -.mdl-color-text--red-A200 { - color: rgb(255,82,82) !important; } - -.mdl-color--red-A200 { - background-color: rgb(255,82,82) !important; } - -.mdl-color-text--red-A400 { - color: rgb(255,23,68) !important; } - -.mdl-color--red-A400 { - background-color: rgb(255,23,68) !important; } - -.mdl-color-text--red-A700 { - color: rgb(213,0,0) !important; } - -.mdl-color--red-A700 { - background-color: rgb(213,0,0) !important; } - -.mdl-color-text--pink { - color: rgb(233,30,99) !important; } - -.mdl-color--pink { - background-color: rgb(233,30,99) !important; } - -.mdl-color-text--pink-50 { - color: rgb(252,228,236) !important; } - -.mdl-color--pink-50 { - background-color: rgb(252,228,236) !important; } - -.mdl-color-text--pink-100 { - color: rgb(248,187,208) !important; } - -.mdl-color--pink-100 { - background-color: rgb(248,187,208) !important; } - -.mdl-color-text--pink-200 { - color: rgb(244,143,177) !important; } - -.mdl-color--pink-200 { - background-color: rgb(244,143,177) !important; } - -.mdl-color-text--pink-300 { - color: rgb(240,98,146) !important; } - -.mdl-color--pink-300 { - background-color: rgb(240,98,146) !important; } - -.mdl-color-text--pink-400 { - color: rgb(236,64,122) !important; } - -.mdl-color--pink-400 { - background-color: rgb(236,64,122) !important; } - -.mdl-color-text--pink-500 { - color: rgb(233,30,99) !important; } - -.mdl-color--pink-500 { - background-color: rgb(233,30,99) !important; } - -.mdl-color-text--pink-600 { - color: rgb(216,27,96) !important; } - -.mdl-color--pink-600 { - background-color: rgb(216,27,96) !important; } - -.mdl-color-text--pink-700 { - color: rgb(194,24,91) !important; } - -.mdl-color--pink-700 { - background-color: rgb(194,24,91) !important; } - -.mdl-color-text--pink-800 { - color: rgb(173,20,87) !important; } - -.mdl-color--pink-800 { - background-color: rgb(173,20,87) !important; } - -.mdl-color-text--pink-900 { - color: rgb(136,14,79) !important; } - -.mdl-color--pink-900 { - background-color: rgb(136,14,79) !important; } - -.mdl-color-text--pink-A100 { - color: rgb(255,128,171) !important; } - -.mdl-color--pink-A100 { - background-color: rgb(255,128,171) !important; } - -.mdl-color-text--pink-A200 { - color: rgb(255,64,129) !important; } - -.mdl-color--pink-A200 { - background-color: rgb(255,64,129) !important; } - -.mdl-color-text--pink-A400 { - color: rgb(245,0,87) !important; } - -.mdl-color--pink-A400 { - background-color: rgb(245,0,87) !important; } - -.mdl-color-text--pink-A700 { - color: rgb(197,17,98) !important; } - -.mdl-color--pink-A700 { - background-color: rgb(197,17,98) !important; } - -.mdl-color-text--purple { - color: rgb(156,39,176) !important; } - -.mdl-color--purple { - background-color: rgb(156,39,176) !important; } - -.mdl-color-text--purple-50 { - color: rgb(243,229,245) !important; } - -.mdl-color--purple-50 { - background-color: rgb(243,229,245) !important; } - -.mdl-color-text--purple-100 { - color: rgb(225,190,231) !important; } - -.mdl-color--purple-100 { - background-color: rgb(225,190,231) !important; } - -.mdl-color-text--purple-200 { - color: rgb(206,147,216) !important; } - -.mdl-color--purple-200 { - background-color: rgb(206,147,216) !important; } - -.mdl-color-text--purple-300 { - color: rgb(186,104,200) !important; } - -.mdl-color--purple-300 { - background-color: rgb(186,104,200) !important; } - -.mdl-color-text--purple-400 { - color: rgb(171,71,188) !important; } - -.mdl-color--purple-400 { - background-color: rgb(171,71,188) !important; } - -.mdl-color-text--purple-500 { - color: rgb(156,39,176) !important; } - -.mdl-color--purple-500 { - background-color: rgb(156,39,176) !important; } - -.mdl-color-text--purple-600 { - color: rgb(142,36,170) !important; } - -.mdl-color--purple-600 { - background-color: rgb(142,36,170) !important; } - -.mdl-color-text--purple-700 { - color: rgb(123,31,162) !important; } - -.mdl-color--purple-700 { - background-color: rgb(123,31,162) !important; } - -.mdl-color-text--purple-800 { - color: rgb(106,27,154) !important; } - -.mdl-color--purple-800 { - background-color: rgb(106,27,154) !important; } - -.mdl-color-text--purple-900 { - color: rgb(74,20,140) !important; } - -.mdl-color--purple-900 { - background-color: rgb(74,20,140) !important; } - -.mdl-color-text--purple-A100 { - color: rgb(234,128,252) !important; } - -.mdl-color--purple-A100 { - background-color: rgb(234,128,252) !important; } - -.mdl-color-text--purple-A200 { - color: rgb(224,64,251) !important; } - -.mdl-color--purple-A200 { - background-color: rgb(224,64,251) !important; } - -.mdl-color-text--purple-A400 { - color: rgb(213,0,249) !important; } - -.mdl-color--purple-A400 { - background-color: rgb(213,0,249) !important; } - -.mdl-color-text--purple-A700 { - color: rgb(170,0,255) !important; } - -.mdl-color--purple-A700 { - background-color: rgb(170,0,255) !important; } - -.mdl-color-text--deep-purple { - color: rgb(103,58,183) !important; } - -.mdl-color--deep-purple { - background-color: rgb(103,58,183) !important; } - -.mdl-color-text--deep-purple-50 { - color: rgb(237,231,246) !important; } - -.mdl-color--deep-purple-50 { - background-color: rgb(237,231,246) !important; } - -.mdl-color-text--deep-purple-100 { - color: rgb(209,196,233) !important; } - -.mdl-color--deep-purple-100 { - background-color: rgb(209,196,233) !important; } - -.mdl-color-text--deep-purple-200 { - color: rgb(179,157,219) !important; } - -.mdl-color--deep-purple-200 { - background-color: rgb(179,157,219) !important; } - -.mdl-color-text--deep-purple-300 { - color: rgb(149,117,205) !important; } - -.mdl-color--deep-purple-300 { - background-color: rgb(149,117,205) !important; } - -.mdl-color-text--deep-purple-400 { - color: rgb(126,87,194) !important; } - -.mdl-color--deep-purple-400 { - background-color: rgb(126,87,194) !important; } - -.mdl-color-text--deep-purple-500 { - color: rgb(103,58,183) !important; } - -.mdl-color--deep-purple-500 { - background-color: rgb(103,58,183) !important; } - -.mdl-color-text--deep-purple-600 { - color: rgb(94,53,177) !important; } - -.mdl-color--deep-purple-600 { - background-color: rgb(94,53,177) !important; } - -.mdl-color-text--deep-purple-700 { - color: rgb(81,45,168) !important; } - -.mdl-color--deep-purple-700 { - background-color: rgb(81,45,168) !important; } - -.mdl-color-text--deep-purple-800 { - color: rgb(69,39,160) !important; } - -.mdl-color--deep-purple-800 { - background-color: rgb(69,39,160) !important; } - -.mdl-color-text--deep-purple-900 { - color: rgb(49,27,146) !important; } - -.mdl-color--deep-purple-900 { - background-color: rgb(49,27,146) !important; } - -.mdl-color-text--deep-purple-A100 { - color: rgb(179,136,255) !important; } - -.mdl-color--deep-purple-A100 { - background-color: rgb(179,136,255) !important; } - -.mdl-color-text--deep-purple-A200 { - color: rgb(124,77,255) !important; } - -.mdl-color--deep-purple-A200 { - background-color: rgb(124,77,255) !important; } - -.mdl-color-text--deep-purple-A400 { - color: rgb(101,31,255) !important; } - -.mdl-color--deep-purple-A400 { - background-color: rgb(101,31,255) !important; } - -.mdl-color-text--deep-purple-A700 { - color: rgb(98,0,234) !important; } - -.mdl-color--deep-purple-A700 { - background-color: rgb(98,0,234) !important; } - -.mdl-color-text--indigo { - color: rgb(63,81,181) !important; } - -.mdl-color--indigo { - background-color: rgb(63,81,181) !important; } - -.mdl-color-text--indigo-50 { - color: rgb(232,234,246) !important; } - -.mdl-color--indigo-50 { - background-color: rgb(232,234,246) !important; } - -.mdl-color-text--indigo-100 { - color: rgb(197,202,233) !important; } - -.mdl-color--indigo-100 { - background-color: rgb(197,202,233) !important; } - -.mdl-color-text--indigo-200 { - color: rgb(159,168,218) !important; } - -.mdl-color--indigo-200 { - background-color: rgb(159,168,218) !important; } - -.mdl-color-text--indigo-300 { - color: rgb(121,134,203) !important; } - -.mdl-color--indigo-300 { - background-color: rgb(121,134,203) !important; } - -.mdl-color-text--indigo-400 { - color: rgb(92,107,192) !important; } - -.mdl-color--indigo-400 { - background-color: rgb(92,107,192) !important; } - -.mdl-color-text--indigo-500 { - color: rgb(63,81,181) !important; } - -.mdl-color--indigo-500 { - background-color: rgb(63,81,181) !important; } - -.mdl-color-text--indigo-600 { - color: rgb(57,73,171) !important; } - -.mdl-color--indigo-600 { - background-color: rgb(57,73,171) !important; } - -.mdl-color-text--indigo-700 { - color: rgb(48,63,159) !important; } - -.mdl-color--indigo-700 { - background-color: rgb(48,63,159) !important; } - -.mdl-color-text--indigo-800 { - color: rgb(40,53,147) !important; } - -.mdl-color--indigo-800 { - background-color: rgb(40,53,147) !important; } - -.mdl-color-text--indigo-900 { - color: rgb(26,35,126) !important; } - -.mdl-color--indigo-900 { - background-color: rgb(26,35,126) !important; } - -.mdl-color-text--indigo-A100 { - color: rgb(140,158,255) !important; } - -.mdl-color--indigo-A100 { - background-color: rgb(140,158,255) !important; } - -.mdl-color-text--indigo-A200 { - color: rgb(83,109,254) !important; } - -.mdl-color--indigo-A200 { - background-color: rgb(83,109,254) !important; } - -.mdl-color-text--indigo-A400 { - color: rgb(61,90,254) !important; } - -.mdl-color--indigo-A400 { - background-color: rgb(61,90,254) !important; } - -.mdl-color-text--indigo-A700 { - color: rgb(48,79,254) !important; } - -.mdl-color--indigo-A700 { - background-color: rgb(48,79,254) !important; } - -.mdl-color-text--blue { - color: rgb(33,150,243) !important; } - -.mdl-color--blue { - background-color: rgb(33,150,243) !important; } - -.mdl-color-text--blue-50 { - color: rgb(227,242,253) !important; } - -.mdl-color--blue-50 { - background-color: rgb(227,242,253) !important; } - -.mdl-color-text--blue-100 { - color: rgb(187,222,251) !important; } - -.mdl-color--blue-100 { - background-color: rgb(187,222,251) !important; } - -.mdl-color-text--blue-200 { - color: rgb(144,202,249) !important; } - -.mdl-color--blue-200 { - background-color: rgb(144,202,249) !important; } - -.mdl-color-text--blue-300 { - color: rgb(100,181,246) !important; } - -.mdl-color--blue-300 { - background-color: rgb(100,181,246) !important; } - -.mdl-color-text--blue-400 { - color: rgb(66,165,245) !important; } - -.mdl-color--blue-400 { - background-color: rgb(66,165,245) !important; } - -.mdl-color-text--blue-500 { - color: rgb(33,150,243) !important; } - -.mdl-color--blue-500 { - background-color: rgb(33,150,243) !important; } - -.mdl-color-text--blue-600 { - color: rgb(30,136,229) !important; } - -.mdl-color--blue-600 { - background-color: rgb(30,136,229) !important; } - -.mdl-color-text--blue-700 { - color: rgb(25,118,210) !important; } - -.mdl-color--blue-700 { - background-color: rgb(25,118,210) !important; } - -.mdl-color-text--blue-800 { - color: rgb(21,101,192) !important; } - -.mdl-color--blue-800 { - background-color: rgb(21,101,192) !important; } - -.mdl-color-text--blue-900 { - color: rgb(13,71,161) !important; } - -.mdl-color--blue-900 { - background-color: rgb(13,71,161) !important; } - -.mdl-color-text--blue-A100 { - color: rgb(130,177,255) !important; } - -.mdl-color--blue-A100 { - background-color: rgb(130,177,255) !important; } - -.mdl-color-text--blue-A200 { - color: rgb(68,138,255) !important; } - -.mdl-color--blue-A200 { - background-color: rgb(68,138,255) !important; } - -.mdl-color-text--blue-A400 { - color: rgb(41,121,255) !important; } - -.mdl-color--blue-A400 { - background-color: rgb(41,121,255) !important; } - -.mdl-color-text--blue-A700 { - color: rgb(41,98,255) !important; } - -.mdl-color--blue-A700 { - background-color: rgb(41,98,255) !important; } - -.mdl-color-text--light-blue { - color: rgb(3,169,244) !important; } - -.mdl-color--light-blue { - background-color: rgb(3,169,244) !important; } - -.mdl-color-text--light-blue-50 { - color: rgb(225,245,254) !important; } - -.mdl-color--light-blue-50 { - background-color: rgb(225,245,254) !important; } - -.mdl-color-text--light-blue-100 { - color: rgb(179,229,252) !important; } - -.mdl-color--light-blue-100 { - background-color: rgb(179,229,252) !important; } - -.mdl-color-text--light-blue-200 { - color: rgb(129,212,250) !important; } - -.mdl-color--light-blue-200 { - background-color: rgb(129,212,250) !important; } - -.mdl-color-text--light-blue-300 { - color: rgb(79,195,247) !important; } - -.mdl-color--light-blue-300 { - background-color: rgb(79,195,247) !important; } - -.mdl-color-text--light-blue-400 { - color: rgb(41,182,246) !important; } - -.mdl-color--light-blue-400 { - background-color: rgb(41,182,246) !important; } - -.mdl-color-text--light-blue-500 { - color: rgb(3,169,244) !important; } - -.mdl-color--light-blue-500 { - background-color: rgb(3,169,244) !important; } - -.mdl-color-text--light-blue-600 { - color: rgb(3,155,229) !important; } - -.mdl-color--light-blue-600 { - background-color: rgb(3,155,229) !important; } - -.mdl-color-text--light-blue-700 { - color: rgb(2,136,209) !important; } - -.mdl-color--light-blue-700 { - background-color: rgb(2,136,209) !important; } - -.mdl-color-text--light-blue-800 { - color: rgb(2,119,189) !important; } - -.mdl-color--light-blue-800 { - background-color: rgb(2,119,189) !important; } - -.mdl-color-text--light-blue-900 { - color: rgb(1,87,155) !important; } - -.mdl-color--light-blue-900 { - background-color: rgb(1,87,155) !important; } - -.mdl-color-text--light-blue-A100 { - color: rgb(128,216,255) !important; } - -.mdl-color--light-blue-A100 { - background-color: rgb(128,216,255) !important; } - -.mdl-color-text--light-blue-A200 { - color: rgb(64,196,255) !important; } - -.mdl-color--light-blue-A200 { - background-color: rgb(64,196,255) !important; } - -.mdl-color-text--light-blue-A400 { - color: rgb(0,176,255) !important; } - -.mdl-color--light-blue-A400 { - background-color: rgb(0,176,255) !important; } - -.mdl-color-text--light-blue-A700 { - color: rgb(0,145,234) !important; } - -.mdl-color--light-blue-A700 { - background-color: rgb(0,145,234) !important; } - -.mdl-color-text--cyan { - color: rgb(0,188,212) !important; } - -.mdl-color--cyan { - background-color: rgb(0,188,212) !important; } - -.mdl-color-text--cyan-50 { - color: rgb(224,247,250) !important; } - -.mdl-color--cyan-50 { - background-color: rgb(224,247,250) !important; } - -.mdl-color-text--cyan-100 { - color: rgb(178,235,242) !important; } - -.mdl-color--cyan-100 { - background-color: rgb(178,235,242) !important; } - -.mdl-color-text--cyan-200 { - color: rgb(128,222,234) !important; } - -.mdl-color--cyan-200 { - background-color: rgb(128,222,234) !important; } - -.mdl-color-text--cyan-300 { - color: rgb(77,208,225) !important; } - -.mdl-color--cyan-300 { - background-color: rgb(77,208,225) !important; } - -.mdl-color-text--cyan-400 { - color: rgb(38,198,218) !important; } - -.mdl-color--cyan-400 { - background-color: rgb(38,198,218) !important; } - -.mdl-color-text--cyan-500 { - color: rgb(0,188,212) !important; } - -.mdl-color--cyan-500 { - background-color: rgb(0,188,212) !important; } - -.mdl-color-text--cyan-600 { - color: rgb(0,172,193) !important; } - -.mdl-color--cyan-600 { - background-color: rgb(0,172,193) !important; } - -.mdl-color-text--cyan-700 { - color: rgb(0,151,167) !important; } - -.mdl-color--cyan-700 { - background-color: rgb(0,151,167) !important; } - -.mdl-color-text--cyan-800 { - color: rgb(0,131,143) !important; } - -.mdl-color--cyan-800 { - background-color: rgb(0,131,143) !important; } - -.mdl-color-text--cyan-900 { - color: rgb(0,96,100) !important; } - -.mdl-color--cyan-900 { - background-color: rgb(0,96,100) !important; } - -.mdl-color-text--cyan-A100 { - color: rgb(132,255,255) !important; } - -.mdl-color--cyan-A100 { - background-color: rgb(132,255,255) !important; } - -.mdl-color-text--cyan-A200 { - color: rgb(24,255,255) !important; } - -.mdl-color--cyan-A200 { - background-color: rgb(24,255,255) !important; } - -.mdl-color-text--cyan-A400 { - color: rgb(0,229,255) !important; } - -.mdl-color--cyan-A400 { - background-color: rgb(0,229,255) !important; } - -.mdl-color-text--cyan-A700 { - color: rgb(0,184,212) !important; } - -.mdl-color--cyan-A700 { - background-color: rgb(0,184,212) !important; } - -.mdl-color-text--teal { - color: rgb(0,150,136) !important; } - -.mdl-color--teal { - background-color: rgb(0,150,136) !important; } - -.mdl-color-text--teal-50 { - color: rgb(224,242,241) !important; } - -.mdl-color--teal-50 { - background-color: rgb(224,242,241) !important; } - -.mdl-color-text--teal-100 { - color: rgb(178,223,219) !important; } - -.mdl-color--teal-100 { - background-color: rgb(178,223,219) !important; } - -.mdl-color-text--teal-200 { - color: rgb(128,203,196) !important; } - -.mdl-color--teal-200 { - background-color: rgb(128,203,196) !important; } - -.mdl-color-text--teal-300 { - color: rgb(77,182,172) !important; } - -.mdl-color--teal-300 { - background-color: rgb(77,182,172) !important; } - -.mdl-color-text--teal-400 { - color: rgb(38,166,154) !important; } - -.mdl-color--teal-400 { - background-color: rgb(38,166,154) !important; } - -.mdl-color-text--teal-500 { - color: rgb(0,150,136) !important; } - -.mdl-color--teal-500 { - background-color: rgb(0,150,136) !important; } - -.mdl-color-text--teal-600 { - color: rgb(0,137,123) !important; } - -.mdl-color--teal-600 { - background-color: rgb(0,137,123) !important; } - -.mdl-color-text--teal-700 { - color: rgb(0,121,107) !important; } - -.mdl-color--teal-700 { - background-color: rgb(0,121,107) !important; } - -.mdl-color-text--teal-800 { - color: rgb(0,105,92) !important; } - -.mdl-color--teal-800 { - background-color: rgb(0,105,92) !important; } - -.mdl-color-text--teal-900 { - color: rgb(0,77,64) !important; } - -.mdl-color--teal-900 { - background-color: rgb(0,77,64) !important; } - -.mdl-color-text--teal-A100 { - color: rgb(167,255,235) !important; } - -.mdl-color--teal-A100 { - background-color: rgb(167,255,235) !important; } - -.mdl-color-text--teal-A200 { - color: rgb(100,255,218) !important; } - -.mdl-color--teal-A200 { - background-color: rgb(100,255,218) !important; } - -.mdl-color-text--teal-A400 { - color: rgb(29,233,182) !important; } - -.mdl-color--teal-A400 { - background-color: rgb(29,233,182) !important; } - -.mdl-color-text--teal-A700 { - color: rgb(0,191,165) !important; } - -.mdl-color--teal-A700 { - background-color: rgb(0,191,165) !important; } - -.mdl-color-text--green { - color: rgb(76,175,80) !important; } - -.mdl-color--green { - background-color: rgb(76,175,80) !important; } - -.mdl-color-text--green-50 { - color: rgb(232,245,233) !important; } - -.mdl-color--green-50 { - background-color: rgb(232,245,233) !important; } - -.mdl-color-text--green-100 { - color: rgb(200,230,201) !important; } - -.mdl-color--green-100 { - background-color: rgb(200,230,201) !important; } - -.mdl-color-text--green-200 { - color: rgb(165,214,167) !important; } - -.mdl-color--green-200 { - background-color: rgb(165,214,167) !important; } - -.mdl-color-text--green-300 { - color: rgb(129,199,132) !important; } - -.mdl-color--green-300 { - background-color: rgb(129,199,132) !important; } - -.mdl-color-text--green-400 { - color: rgb(102,187,106) !important; } - -.mdl-color--green-400 { - background-color: rgb(102,187,106) !important; } - -.mdl-color-text--green-500 { - color: rgb(76,175,80) !important; } - -.mdl-color--green-500 { - background-color: rgb(76,175,80) !important; } - -.mdl-color-text--green-600 { - color: rgb(67,160,71) !important; } - -.mdl-color--green-600 { - background-color: rgb(67,160,71) !important; } - -.mdl-color-text--green-700 { - color: rgb(56,142,60) !important; } - -.mdl-color--green-700 { - background-color: rgb(56,142,60) !important; } - -.mdl-color-text--green-800 { - color: rgb(46,125,50) !important; } - -.mdl-color--green-800 { - background-color: rgb(46,125,50) !important; } - -.mdl-color-text--green-900 { - color: rgb(27,94,32) !important; } - -.mdl-color--green-900 { - background-color: rgb(27,94,32) !important; } - -.mdl-color-text--green-A100 { - color: rgb(185,246,202) !important; } - -.mdl-color--green-A100 { - background-color: rgb(185,246,202) !important; } - -.mdl-color-text--green-A200 { - color: rgb(105,240,174) !important; } - -.mdl-color--green-A200 { - background-color: rgb(105,240,174) !important; } - -.mdl-color-text--green-A400 { - color: rgb(0,230,118) !important; } - -.mdl-color--green-A400 { - background-color: rgb(0,230,118) !important; } - -.mdl-color-text--green-A700 { - color: rgb(0,200,83) !important; } - -.mdl-color--green-A700 { - background-color: rgb(0,200,83) !important; } - -.mdl-color-text--light-green { - color: rgb(139,195,74) !important; } - -.mdl-color--light-green { - background-color: rgb(139,195,74) !important; } - -.mdl-color-text--light-green-50 { - color: rgb(241,248,233) !important; } - -.mdl-color--light-green-50 { - background-color: rgb(241,248,233) !important; } - -.mdl-color-text--light-green-100 { - color: rgb(220,237,200) !important; } - -.mdl-color--light-green-100 { - background-color: rgb(220,237,200) !important; } - -.mdl-color-text--light-green-200 { - color: rgb(197,225,165) !important; } - -.mdl-color--light-green-200 { - background-color: rgb(197,225,165) !important; } - -.mdl-color-text--light-green-300 { - color: rgb(174,213,129) !important; } - -.mdl-color--light-green-300 { - background-color: rgb(174,213,129) !important; } - -.mdl-color-text--light-green-400 { - color: rgb(156,204,101) !important; } - -.mdl-color--light-green-400 { - background-color: rgb(156,204,101) !important; } - -.mdl-color-text--light-green-500 { - color: rgb(139,195,74) !important; } - -.mdl-color--light-green-500 { - background-color: rgb(139,195,74) !important; } - -.mdl-color-text--light-green-600 { - color: rgb(124,179,66) !important; } - -.mdl-color--light-green-600 { - background-color: rgb(124,179,66) !important; } - -.mdl-color-text--light-green-700 { - color: rgb(104,159,56) !important; } - -.mdl-color--light-green-700 { - background-color: rgb(104,159,56) !important; } - -.mdl-color-text--light-green-800 { - color: rgb(85,139,47) !important; } - -.mdl-color--light-green-800 { - background-color: rgb(85,139,47) !important; } - -.mdl-color-text--light-green-900 { - color: rgb(51,105,30) !important; } - -.mdl-color--light-green-900 { - background-color: rgb(51,105,30) !important; } - -.mdl-color-text--light-green-A100 { - color: rgb(204,255,144) !important; } - -.mdl-color--light-green-A100 { - background-color: rgb(204,255,144) !important; } - -.mdl-color-text--light-green-A200 { - color: rgb(178,255,89) !important; } - -.mdl-color--light-green-A200 { - background-color: rgb(178,255,89) !important; } - -.mdl-color-text--light-green-A400 { - color: rgb(118,255,3) !important; } - -.mdl-color--light-green-A400 { - background-color: rgb(118,255,3) !important; } - -.mdl-color-text--light-green-A700 { - color: rgb(100,221,23) !important; } - -.mdl-color--light-green-A700 { - background-color: rgb(100,221,23) !important; } - -.mdl-color-text--lime { - color: rgb(205,220,57) !important; } - -.mdl-color--lime { - background-color: rgb(205,220,57) !important; } - -.mdl-color-text--lime-50 { - color: rgb(249,251,231) !important; } - -.mdl-color--lime-50 { - background-color: rgb(249,251,231) !important; } - -.mdl-color-text--lime-100 { - color: rgb(240,244,195) !important; } - -.mdl-color--lime-100 { - background-color: rgb(240,244,195) !important; } - -.mdl-color-text--lime-200 { - color: rgb(230,238,156) !important; } - -.mdl-color--lime-200 { - background-color: rgb(230,238,156) !important; } - -.mdl-color-text--lime-300 { - color: rgb(220,231,117) !important; } - -.mdl-color--lime-300 { - background-color: rgb(220,231,117) !important; } - -.mdl-color-text--lime-400 { - color: rgb(212,225,87) !important; } - -.mdl-color--lime-400 { - background-color: rgb(212,225,87) !important; } - -.mdl-color-text--lime-500 { - color: rgb(205,220,57) !important; } - -.mdl-color--lime-500 { - background-color: rgb(205,220,57) !important; } - -.mdl-color-text--lime-600 { - color: rgb(192,202,51) !important; } - -.mdl-color--lime-600 { - background-color: rgb(192,202,51) !important; } - -.mdl-color-text--lime-700 { - color: rgb(175,180,43) !important; } - -.mdl-color--lime-700 { - background-color: rgb(175,180,43) !important; } - -.mdl-color-text--lime-800 { - color: rgb(158,157,36) !important; } - -.mdl-color--lime-800 { - background-color: rgb(158,157,36) !important; } - -.mdl-color-text--lime-900 { - color: rgb(130,119,23) !important; } - -.mdl-color--lime-900 { - background-color: rgb(130,119,23) !important; } - -.mdl-color-text--lime-A100 { - color: rgb(244,255,129) !important; } - -.mdl-color--lime-A100 { - background-color: rgb(244,255,129) !important; } - -.mdl-color-text--lime-A200 { - color: rgb(238,255,65) !important; } - -.mdl-color--lime-A200 { - background-color: rgb(238,255,65) !important; } - -.mdl-color-text--lime-A400 { - color: rgb(198,255,0) !important; } - -.mdl-color--lime-A400 { - background-color: rgb(198,255,0) !important; } - -.mdl-color-text--lime-A700 { - color: rgb(174,234,0) !important; } - -.mdl-color--lime-A700 { - background-color: rgb(174,234,0) !important; } - -.mdl-color-text--yellow { - color: rgb(255,235,59) !important; } - -.mdl-color--yellow { - background-color: rgb(255,235,59) !important; } - -.mdl-color-text--yellow-50 { - color: rgb(255,253,231) !important; } - -.mdl-color--yellow-50 { - background-color: rgb(255,253,231) !important; } - -.mdl-color-text--yellow-100 { - color: rgb(255,249,196) !important; } - -.mdl-color--yellow-100 { - background-color: rgb(255,249,196) !important; } - -.mdl-color-text--yellow-200 { - color: rgb(255,245,157) !important; } - -.mdl-color--yellow-200 { - background-color: rgb(255,245,157) !important; } - -.mdl-color-text--yellow-300 { - color: rgb(255,241,118) !important; } - -.mdl-color--yellow-300 { - background-color: rgb(255,241,118) !important; } - -.mdl-color-text--yellow-400 { - color: rgb(255,238,88) !important; } - -.mdl-color--yellow-400 { - background-color: rgb(255,238,88) !important; } - -.mdl-color-text--yellow-500 { - color: rgb(255,235,59) !important; } - -.mdl-color--yellow-500 { - background-color: rgb(255,235,59) !important; } - -.mdl-color-text--yellow-600 { - color: rgb(253,216,53) !important; } - -.mdl-color--yellow-600 { - background-color: rgb(253,216,53) !important; } - -.mdl-color-text--yellow-700 { - color: rgb(251,192,45) !important; } - -.mdl-color--yellow-700 { - background-color: rgb(251,192,45) !important; } - -.mdl-color-text--yellow-800 { - color: rgb(249,168,37) !important; } - -.mdl-color--yellow-800 { - background-color: rgb(249,168,37) !important; } - -.mdl-color-text--yellow-900 { - color: rgb(245,127,23) !important; } - -.mdl-color--yellow-900 { - background-color: rgb(245,127,23) !important; } - -.mdl-color-text--yellow-A100 { - color: rgb(255,255,141) !important; } - -.mdl-color--yellow-A100 { - background-color: rgb(255,255,141) !important; } - -.mdl-color-text--yellow-A200 { - color: rgb(255,255,0) !important; } - -.mdl-color--yellow-A200 { - background-color: rgb(255,255,0) !important; } - -.mdl-color-text--yellow-A400 { - color: rgb(255,234,0) !important; } - -.mdl-color--yellow-A400 { - background-color: rgb(255,234,0) !important; } - -.mdl-color-text--yellow-A700 { - color: rgb(255,214,0) !important; } - -.mdl-color--yellow-A700 { - background-color: rgb(255,214,0) !important; } - -.mdl-color-text--amber { - color: rgb(255,193,7) !important; } - -.mdl-color--amber { - background-color: rgb(255,193,7) !important; } - -.mdl-color-text--amber-50 { - color: rgb(255,248,225) !important; } - -.mdl-color--amber-50 { - background-color: rgb(255,248,225) !important; } - -.mdl-color-text--amber-100 { - color: rgb(255,236,179) !important; } - -.mdl-color--amber-100 { - background-color: rgb(255,236,179) !important; } - -.mdl-color-text--amber-200 { - color: rgb(255,224,130) !important; } - -.mdl-color--amber-200 { - background-color: rgb(255,224,130) !important; } - -.mdl-color-text--amber-300 { - color: rgb(255,213,79) !important; } - -.mdl-color--amber-300 { - background-color: rgb(255,213,79) !important; } - -.mdl-color-text--amber-400 { - color: rgb(255,202,40) !important; } - -.mdl-color--amber-400 { - background-color: rgb(255,202,40) !important; } - -.mdl-color-text--amber-500 { - color: rgb(255,193,7) !important; } - -.mdl-color--amber-500 { - background-color: rgb(255,193,7) !important; } - -.mdl-color-text--amber-600 { - color: rgb(255,179,0) !important; } - -.mdl-color--amber-600 { - background-color: rgb(255,179,0) !important; } - -.mdl-color-text--amber-700 { - color: rgb(255,160,0) !important; } - -.mdl-color--amber-700 { - background-color: rgb(255,160,0) !important; } - -.mdl-color-text--amber-800 { - color: rgb(255,143,0) !important; } - -.mdl-color--amber-800 { - background-color: rgb(255,143,0) !important; } - -.mdl-color-text--amber-900 { - color: rgb(255,111,0) !important; } - -.mdl-color--amber-900 { - background-color: rgb(255,111,0) !important; } - -.mdl-color-text--amber-A100 { - color: rgb(255,229,127) !important; } - -.mdl-color--amber-A100 { - background-color: rgb(255,229,127) !important; } - -.mdl-color-text--amber-A200 { - color: rgb(255,215,64) !important; } - -.mdl-color--amber-A200 { - background-color: rgb(255,215,64) !important; } - -.mdl-color-text--amber-A400 { - color: rgb(255,196,0) !important; } - -.mdl-color--amber-A400 { - background-color: rgb(255,196,0) !important; } - -.mdl-color-text--amber-A700 { - color: rgb(255,171,0) !important; } - -.mdl-color--amber-A700 { - background-color: rgb(255,171,0) !important; } - -.mdl-color-text--orange { - color: rgb(255,152,0) !important; } - -.mdl-color--orange { - background-color: rgb(255,152,0) !important; } - -.mdl-color-text--orange-50 { - color: rgb(255,243,224) !important; } - -.mdl-color--orange-50 { - background-color: rgb(255,243,224) !important; } - -.mdl-color-text--orange-100 { - color: rgb(255,224,178) !important; } - -.mdl-color--orange-100 { - background-color: rgb(255,224,178) !important; } - -.mdl-color-text--orange-200 { - color: rgb(255,204,128) !important; } - -.mdl-color--orange-200 { - background-color: rgb(255,204,128) !important; } - -.mdl-color-text--orange-300 { - color: rgb(255,183,77) !important; } - -.mdl-color--orange-300 { - background-color: rgb(255,183,77) !important; } - -.mdl-color-text--orange-400 { - color: rgb(255,167,38) !important; } - -.mdl-color--orange-400 { - background-color: rgb(255,167,38) !important; } - -.mdl-color-text--orange-500 { - color: rgb(255,152,0) !important; } - -.mdl-color--orange-500 { - background-color: rgb(255,152,0) !important; } - -.mdl-color-text--orange-600 { - color: rgb(251,140,0) !important; } - -.mdl-color--orange-600 { - background-color: rgb(251,140,0) !important; } - -.mdl-color-text--orange-700 { - color: rgb(245,124,0) !important; } - -.mdl-color--orange-700 { - background-color: rgb(245,124,0) !important; } - -.mdl-color-text--orange-800 { - color: rgb(239,108,0) !important; } - -.mdl-color--orange-800 { - background-color: rgb(239,108,0) !important; } - -.mdl-color-text--orange-900 { - color: rgb(230,81,0) !important; } - -.mdl-color--orange-900 { - background-color: rgb(230,81,0) !important; } - -.mdl-color-text--orange-A100 { - color: rgb(255,209,128) !important; } - -.mdl-color--orange-A100 { - background-color: rgb(255,209,128) !important; } - -.mdl-color-text--orange-A200 { - color: rgb(255,171,64) !important; } - -.mdl-color--orange-A200 { - background-color: rgb(255,171,64) !important; } - -.mdl-color-text--orange-A400 { - color: rgb(255,145,0) !important; } - -.mdl-color--orange-A400 { - background-color: rgb(255,145,0) !important; } - -.mdl-color-text--orange-A700 { - color: rgb(255,109,0) !important; } - -.mdl-color--orange-A700 { - background-color: rgb(255,109,0) !important; } - -.mdl-color-text--deep-orange { - color: rgb(255,87,34) !important; } - -.mdl-color--deep-orange { - background-color: rgb(255,87,34) !important; } - -.mdl-color-text--deep-orange-50 { - color: rgb(251,233,231) !important; } - -.mdl-color--deep-orange-50 { - background-color: rgb(251,233,231) !important; } - -.mdl-color-text--deep-orange-100 { - color: rgb(255,204,188) !important; } - -.mdl-color--deep-orange-100 { - background-color: rgb(255,204,188) !important; } - -.mdl-color-text--deep-orange-200 { - color: rgb(255,171,145) !important; } - -.mdl-color--deep-orange-200 { - background-color: rgb(255,171,145) !important; } - -.mdl-color-text--deep-orange-300 { - color: rgb(255,138,101) !important; } - -.mdl-color--deep-orange-300 { - background-color: rgb(255,138,101) !important; } - -.mdl-color-text--deep-orange-400 { - color: rgb(255,112,67) !important; } - -.mdl-color--deep-orange-400 { - background-color: rgb(255,112,67) !important; } - -.mdl-color-text--deep-orange-500 { - color: rgb(255,87,34) !important; } - -.mdl-color--deep-orange-500 { - background-color: rgb(255,87,34) !important; } - -.mdl-color-text--deep-orange-600 { - color: rgb(244,81,30) !important; } - -.mdl-color--deep-orange-600 { - background-color: rgb(244,81,30) !important; } - -.mdl-color-text--deep-orange-700 { - color: rgb(230,74,25) !important; } - -.mdl-color--deep-orange-700 { - background-color: rgb(230,74,25) !important; } - -.mdl-color-text--deep-orange-800 { - color: rgb(216,67,21) !important; } - -.mdl-color--deep-orange-800 { - background-color: rgb(216,67,21) !important; } - -.mdl-color-text--deep-orange-900 { - color: rgb(191,54,12) !important; } - -.mdl-color--deep-orange-900 { - background-color: rgb(191,54,12) !important; } - -.mdl-color-text--deep-orange-A100 { - color: rgb(255,158,128) !important; } - -.mdl-color--deep-orange-A100 { - background-color: rgb(255,158,128) !important; } - -.mdl-color-text--deep-orange-A200 { - color: rgb(255,110,64) !important; } - -.mdl-color--deep-orange-A200 { - background-color: rgb(255,110,64) !important; } - -.mdl-color-text--deep-orange-A400 { - color: rgb(255,61,0) !important; } - -.mdl-color--deep-orange-A400 { - background-color: rgb(255,61,0) !important; } - -.mdl-color-text--deep-orange-A700 { - color: rgb(221,44,0) !important; } - -.mdl-color--deep-orange-A700 { - background-color: rgb(221,44,0) !important; } - -.mdl-color-text--brown { - color: rgb(121,85,72) !important; } - -.mdl-color--brown { - background-color: rgb(121,85,72) !important; } - -.mdl-color-text--brown-50 { - color: rgb(239,235,233) !important; } - -.mdl-color--brown-50 { - background-color: rgb(239,235,233) !important; } - -.mdl-color-text--brown-100 { - color: rgb(215,204,200) !important; } - -.mdl-color--brown-100 { - background-color: rgb(215,204,200) !important; } - -.mdl-color-text--brown-200 { - color: rgb(188,170,164) !important; } - -.mdl-color--brown-200 { - background-color: rgb(188,170,164) !important; } - -.mdl-color-text--brown-300 { - color: rgb(161,136,127) !important; } - -.mdl-color--brown-300 { - background-color: rgb(161,136,127) !important; } - -.mdl-color-text--brown-400 { - color: rgb(141,110,99) !important; } - -.mdl-color--brown-400 { - background-color: rgb(141,110,99) !important; } - -.mdl-color-text--brown-500 { - color: rgb(121,85,72) !important; } - -.mdl-color--brown-500 { - background-color: rgb(121,85,72) !important; } - -.mdl-color-text--brown-600 { - color: rgb(109,76,65) !important; } - -.mdl-color--brown-600 { - background-color: rgb(109,76,65) !important; } - -.mdl-color-text--brown-700 { - color: rgb(93,64,55) !important; } - -.mdl-color--brown-700 { - background-color: rgb(93,64,55) !important; } - -.mdl-color-text--brown-800 { - color: rgb(78,52,46) !important; } - -.mdl-color--brown-800 { - background-color: rgb(78,52,46) !important; } - -.mdl-color-text--brown-900 { - color: rgb(62,39,35) !important; } - -.mdl-color--brown-900 { - background-color: rgb(62,39,35) !important; } - -.mdl-color-text--grey { - color: rgb(158,158,158) !important; } - -.mdl-color--grey { - background-color: rgb(158,158,158) !important; } - -.mdl-color-text--grey-50 { - color: rgb(250,250,250) !important; } - -.mdl-color--grey-50 { - background-color: rgb(250,250,250) !important; } - -.mdl-color-text--grey-100 { - color: rgb(245,245,245) !important; } - -.mdl-color--grey-100 { - background-color: rgb(245,245,245) !important; } - -.mdl-color-text--grey-200 { - color: rgb(238,238,238) !important; } - -.mdl-color--grey-200 { - background-color: rgb(238,238,238) !important; } - -.mdl-color-text--grey-300 { - color: rgb(224,224,224) !important; } - -.mdl-color--grey-300 { - background-color: rgb(224,224,224) !important; } - -.mdl-color-text--grey-400 { - color: rgb(189,189,189) !important; } - -.mdl-color--grey-400 { - background-color: rgb(189,189,189) !important; } - -.mdl-color-text--grey-500 { - color: rgb(158,158,158) !important; } - -.mdl-color--grey-500 { - background-color: rgb(158,158,158) !important; } - -.mdl-color-text--grey-600 { - color: rgb(117,117,117) !important; } - -.mdl-color--grey-600 { - background-color: rgb(117,117,117) !important; } - -.mdl-color-text--grey-700 { - color: rgb(97,97,97) !important; } - -.mdl-color--grey-700 { - background-color: rgb(97,97,97) !important; } - -.mdl-color-text--grey-800 { - color: rgb(66,66,66) !important; } - -.mdl-color--grey-800 { - background-color: rgb(66,66,66) !important; } - -.mdl-color-text--grey-900 { - color: rgb(33,33,33) !important; } - -.mdl-color--grey-900 { - background-color: rgb(33,33,33) !important; } - -.mdl-color-text--blue-grey { - color: rgb(96,125,139) !important; } - -.mdl-color--blue-grey { - background-color: rgb(96,125,139) !important; } - -.mdl-color-text--blue-grey-50 { - color: rgb(236,239,241) !important; } - -.mdl-color--blue-grey-50 { - background-color: rgb(236,239,241) !important; } - -.mdl-color-text--blue-grey-100 { - color: rgb(207,216,220) !important; } - -.mdl-color--blue-grey-100 { - background-color: rgb(207,216,220) !important; } - -.mdl-color-text--blue-grey-200 { - color: rgb(176,190,197) !important; } - -.mdl-color--blue-grey-200 { - background-color: rgb(176,190,197) !important; } - -.mdl-color-text--blue-grey-300 { - color: rgb(144,164,174) !important; } - -.mdl-color--blue-grey-300 { - background-color: rgb(144,164,174) !important; } - -.mdl-color-text--blue-grey-400 { - color: rgb(120,144,156) !important; } - -.mdl-color--blue-grey-400 { - background-color: rgb(120,144,156) !important; } - -.mdl-color-text--blue-grey-500 { - color: rgb(96,125,139) !important; } - -.mdl-color--blue-grey-500 { - background-color: rgb(96,125,139) !important; } - -.mdl-color-text--blue-grey-600 { - color: rgb(84,110,122) !important; } - -.mdl-color--blue-grey-600 { - background-color: rgb(84,110,122) !important; } - -.mdl-color-text--blue-grey-700 { - color: rgb(69,90,100) !important; } - -.mdl-color--blue-grey-700 { - background-color: rgb(69,90,100) !important; } - -.mdl-color-text--blue-grey-800 { - color: rgb(55,71,79) !important; } - -.mdl-color--blue-grey-800 { - background-color: rgb(55,71,79) !important; } - -.mdl-color-text--blue-grey-900 { - color: rgb(38,50,56) !important; } - -.mdl-color--blue-grey-900 { - background-color: rgb(38,50,56) !important; } - -.mdl-color--black { - background-color: rgb(0,0,0) !important; } - -.mdl-color-text--black { - color: rgb(0,0,0) !important; } - -.mdl-color--white { - background-color: rgb(255,255,255) !important; } - -.mdl-color-text--white { - color: rgb(255,255,255) !important; } - -.mdl-color--primary { - background-color: rgb(63,81,181) !important; } - -.mdl-color--primary-contrast { - background-color: rgb(255,255,255) !important; } - -.mdl-color--primary-dark { - background-color: rgb(48,63,159) !important; } - -.mdl-color--accent { - background-color: rgb(255,64,129) !important; } - -.mdl-color--accent-contrast { - background-color: rgb(255,255,255) !important; } - -.mdl-color-text--primary { - color: rgb(63,81,181) !important; } - -.mdl-color-text--primary-contrast { - color: rgb(255,255,255) !important; } - -.mdl-color-text--primary-dark { - color: rgb(48,63,159) !important; } - -.mdl-color-text--accent { - color: rgb(255,64,129) !important; } - -.mdl-color-text--accent-contrast { - color: rgb(255,255,255) !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 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-ripple { - background: rgb(0,0,0); - border-radius: 50%; - height: 50px; - left: 0; - opacity: 0; - pointer-events: none; - position: absolute; - top: 0; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - width: 50px; - overflow: hidden; } - .mdl-ripple.is-animating { - transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); - transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); - transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); } - .mdl-ripple.is-visible { - opacity: 0.3; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-animation--default { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - -.mdl-animation--fast-out-slow-in { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - -.mdl-animation--linear-out-slow-in { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - -.mdl-animation--fast-out-linear-in { - 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 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.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-flex; - display: -ms-flexbox; - display: flex; - -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: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: 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: rgb(255,64,129); - color: rgb(255,255,255); } - .mdl-button .mdl-badge[data-badge]:after { - top: -10px; - right: -5px; } - .mdl-badge.mdl-badge--no-background[data-badge]:after { - color: rgb(255,64,129); - 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 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-button { - background: transparent; - border: none; - border-radius: 2px; - color: rgb(0,0,0); - position: relative; - height: 36px; - margin: 0; - min-width: 64px; - padding: 0 16px; - display: inline-block; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - text-transform: uppercase; - line-height: 1; - letter-spacing: 0; - overflow: hidden; - will-change: box-shadow; - transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); - outline: none; - cursor: pointer; - text-decoration: none; - text-align: center; - line-height: 36px; - vertical-align: middle; } - .mdl-button::-moz-focus-inner { - border: 0; } - .mdl-button:hover { - background-color: rgba(158,158,158, 0.20); } - .mdl-button:focus:not(:active) { - background-color: rgba(0,0,0, 0.12); } - .mdl-button:active { - background-color: rgba(158,158,158, 0.40); } - .mdl-button.mdl-button--colored { - color: rgb(63,81,181); } - .mdl-button.mdl-button--colored:focus:not(:active) { - background-color: rgba(0,0,0, 0.12); } - -input.mdl-button[type="submit"] { - -webkit-appearance: none; } - -.mdl-button--raised { - background: rgba(158,158,158, 0.20); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .mdl-button--raised:active { - box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); - background-color: rgba(158,158,158, 0.40); } - .mdl-button--raised:focus:not(:active) { - box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); - background-color: rgba(158,158,158, 0.40); } - .mdl-button--raised.mdl-button--colored { - background: rgb(63,81,181); - color: rgb(255,255,255); } - .mdl-button--raised.mdl-button--colored:hover { - background-color: rgb(63,81,181); } - .mdl-button--raised.mdl-button--colored:active { - background-color: rgb(63,81,181); } - .mdl-button--raised.mdl-button--colored:focus:not(:active) { - background-color: rgb(63,81,181); } - .mdl-button--raised.mdl-button--colored .mdl-ripple { - background: rgb(255,255,255); } - -.mdl-button--fab { - border-radius: 50%; - font-size: 24px; - height: 56px; - margin: auto; - min-width: 56px; - width: 56px; - padding: 0; - overflow: hidden; - background: rgba(158,158,158, 0.20); - box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); - position: relative; - line-height: normal; } - .mdl-button--fab .material-icons { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-12px, -12px); - transform: translate(-12px, -12px); - line-height: 24px; - width: 24px; } - .mdl-button--fab.mdl-button--mini-fab { - height: 40px; - min-width: 40px; - width: 40px; } - .mdl-button--fab .mdl-button__ripple-container { - border-radius: 50%; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } - .mdl-button--fab:active { - box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); - background-color: rgba(158,158,158, 0.40); } - .mdl-button--fab:focus:not(:active) { - box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); - background-color: rgba(158,158,158, 0.40); } - .mdl-button--fab.mdl-button--colored { - background: rgb(255,64,129); - color: rgb(255,255,255); } - .mdl-button--fab.mdl-button--colored:hover { - background-color: rgb(255,64,129); } - .mdl-button--fab.mdl-button--colored:focus:not(:active) { - background-color: rgb(255,64,129); } - .mdl-button--fab.mdl-button--colored:active { - background-color: rgb(255,64,129); } - .mdl-button--fab.mdl-button--colored .mdl-ripple { - background: rgb(255,255,255); } - -.mdl-button--icon { - border-radius: 50%; - font-size: 24px; - height: 32px; - margin-left: 0; - margin-right: 0; - min-width: 32px; - width: 32px; - padding: 0; - overflow: hidden; - color: inherit; - line-height: normal; } - .mdl-button--icon .material-icons { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-12px, -12px); - transform: translate(-12px, -12px); - line-height: 24px; - width: 24px; } - .mdl-button--icon.mdl-button--mini-icon { - height: 24px; - min-width: 24px; - width: 24px; } - .mdl-button--icon.mdl-button--mini-icon .material-icons { - top: 0px; - left: 0px; } - .mdl-button--icon .mdl-button__ripple-container { - border-radius: 50%; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } - -.mdl-button__ripple-container { - display: block; - height: 100%; - left: 0px; - position: absolute; - top: 0px; - width: 100%; - z-index: 0; - overflow: hidden; } - .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, - .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple { - background-color: transparent; } - -.mdl-button--primary.mdl-button--primary { - color: rgb(63,81,181); } - .mdl-button--primary.mdl-button--primary .mdl-ripple { - background: rgb(255,255,255); } - .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab { - color: rgb(255,255,255); - background-color: rgb(63,81,181); } - -.mdl-button--accent.mdl-button--accent { - color: rgb(255,64,129); } - .mdl-button--accent.mdl-button--accent .mdl-ripple { - background: rgb(255,255,255); } - .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { - color: rgb(255,255,255); - background-color: rgb(255,64,129); } - -.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { - color: rgba(0,0,0, 0.26); - cursor: default; - background-color: transparent; } - -.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled { - background-color: rgba(0,0,0, 0.12); - color: rgba(0,0,0, 0.26); } - -.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled { - background-color: rgba(0,0,0, 0.12); - color: rgba(0,0,0, 0.26); - box-shadow: none; } - -.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled { - color: rgba(0,0,0, 0.26); } - -.mdl-button .material-icons { - vertical-align: middle; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-card { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 16px; - font-weight: 400; - min-height: 200px; - overflow: hidden; - width: 330px; - z-index: 1; - position: relative; - background: rgb(255,255,255); - border-radius: 2px; - box-sizing: border-box; } - -.mdl-card__media { - background-color: rgb(255,64,129); - background-repeat: repeat; - background-position: 50% 50%; - background-size: cover; - background-origin: padding-box; - background-attachment: scroll; - box-sizing: border-box; } - -.mdl-card__title { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: rgb(0,0,0); - display: block; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-justify-content: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - line-height: normal; - padding: 16px 16px; - -webkit-perspective-origin: 165px 56px; - perspective-origin: 165px 56px; - -webkit-transform-origin: 165px 56px; - transform-origin: 165px 56px; - box-sizing: border-box; } - .mdl-card__title.mdl-card--border { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); } - -.mdl-card__title-text { - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; - color: inherit; - display: block; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 24px; - font-weight: 300; - line-height: normal; - overflow: hidden; - -webkit-transform-origin: 149px 48px; - transform-origin: 149px 48px; - margin: 0; } - -.mdl-card__subtitle-text { - font-size: 14px; - color: rgba(0,0,0, 0.54); - margin: 0; } - -.mdl-card__supporting-text { - color: rgba(0,0,0, 0.54); - font-size: 1rem; - line-height: 18px; - overflow: hidden; - padding: 16px 16px; - width: 90%; } - -.mdl-card__actions { - font-size: 16px; - line-height: normal; - width: 100%; - background-color: transparent; - padding: 8px; - box-sizing: border-box; } - .mdl-card__actions.mdl-card--border { - border-top: 1px solid rgba(0, 0, 0, 0.1); } - -.mdl-card--expand { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - -.mdl-card__menu { - position: absolute; - right: 16px; - top: 16px; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-checkbox { - position: relative; - z-index: 1; - vertical-align: middle; - display: inline-block; - box-sizing: border-box; - width: 100%; - height: 24px; - margin: 0; - padding: 0; } - .mdl-checkbox.is-upgraded { - padding-left: 24px; } - -.mdl-checkbox__input { - line-height: 24px; } - .mdl-checkbox.is-upgraded .mdl-checkbox__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-checkbox__box-outline { - position: absolute; - top: 3px; - left: 0; - display: inline-block; - box-sizing: border-box; - width: 16px; - height: 16px; - margin: 0; - cursor: pointer; - overflow: hidden; - border: 2px solid rgba(0,0,0, 0.54); - border-radius: 2px; - z-index: 2; } - .mdl-checkbox.is-checked .mdl-checkbox__box-outline { - border: 2px solid rgb(63,81,181); } - fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, - .mdl-checkbox.is-disabled .mdl-checkbox__box-outline { - border: 2px solid rgba(0,0,0, 0.26); - cursor: auto; } - -.mdl-checkbox__focus-helper { - position: absolute; - top: 3px; - left: 0; - display: inline-block; - box-sizing: border-box; - width: 16px; - height: 16px; - border-radius: 50%; - background-color: transparent; } - .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { - box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1); - background-color: rgba(0, 0, 0, 0.1); } - .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { - box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26); - background-color: rgba(63,81,181, 0.26); } - -.mdl-checkbox__tick-outline { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); - mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); - background: transparent; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background; } - .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { - background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } - fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, - .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline { - background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } - -.mdl-checkbox__label { - position: relative; - cursor: pointer; - font-size: 16px; - line-height: 24px; - margin: 0; } - fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, - .mdl-checkbox.is-disabled .mdl-checkbox__label { - color: rgba(0,0,0, 0.26); - cursor: auto; } - -.mdl-checkbox__ripple-container { - position: absolute; - z-index: 2; - top: -6px; - left: -10px; - box-sizing: border-box; - width: 36px; - height: 36px; - border-radius: 50%; - cursor: pointer; - overflow: hidden; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } - .mdl-checkbox__ripple-container .mdl-ripple { - background: rgb(63,81,181); } - fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, - .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container { - cursor: auto; } - fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, - .mdl-checkbox.is-disabled .mdl-checkbox__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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-data-table { - position: relative; - border: 1px solid rgba(0, 0, 0, 0.12); - border-collapse: collapse; - white-space: nowrap; - font-size: 13px; - background-color: rgb(255,255,255); } - .mdl-data-table thead { - padding-bottom: 3px; } - .mdl-data-table thead .mdl-data-table__select { - margin-top: 0; } - .mdl-data-table tbody tr { - position: relative; - height: 48px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .mdl-data-table tbody tr.is-selected { - background-color: #e0e0e0; } - .mdl-data-table tbody tr:hover { - background-color: #eeeeee; } - .mdl-data-table td, .mdl-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { - padding-left: 24px; } - .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { - padding-right: 24px; } - .mdl-data-table td { - position: relative; - vertical-align: middle; - height: 48px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - padding-top: 12px; - box-sizing: border-box; } - .mdl-data-table td .mdl-data-table__select { - vertical-align: middle; } - .mdl-data-table th { - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 48px; - font-size: 12px; - color: rgba(0, 0, 0, 0.54); - padding-bottom: 8px; - box-sizing: border-box; } - .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending { - color: rgba(0, 0, 0, 0.87); } - .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - -moz-font-feature-settings: 'liga'; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover { - cursor: pointer; } - .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before { - color: rgba(0, 0, 0, 0.26); } - .mdl-data-table th.mdl-data-table__header--sorted-descending:before { - content: "\e5db"; } - -.mdl-data-table__select { - width: 16px; } - -.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { - text-align: left; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-dialog { - border: none; - box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); - width: 280px; } - .mdl-dialog__title { - padding: 24px 24px 0; - margin: 0; - font-size: 2.5rem; } - .mdl-dialog__actions { - padding: 8px 8px 8px 24px; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .mdl-dialog__actions > * { - margin-right: 8px; - height: 36px; } - .mdl-dialog__actions > *:first-child { - margin-right: 0; } - .mdl-dialog__actions--full-width { - padding: 0 0 8px 0; } - .mdl-dialog__actions--full-width > * { - height: 48px; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - padding-right: 16px; - margin-right: 0; - text-align: right; } - .mdl-dialog__content { - padding: 20px 24px 24px 24px; - color: rgba(0,0,0, 0.54); } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-mega-footer { - padding: 16px 40px; - color: rgb(158,158,158); - background-color: rgb(66,66,66); } - -.mdl-mega-footer--top-section:after, -.mdl-mega-footer--middle-section:after, -.mdl-mega-footer--bottom-section:after, -.mdl-mega-footer__top-section:after, -.mdl-mega-footer__middle-section:after, -.mdl-mega-footer__bottom-section:after { - content: ''; - display: block; - clear: both; } - -.mdl-mega-footer--left-section, -.mdl-mega-footer__left-section { - margin-bottom: 16px; } - -.mdl-mega-footer--right-section, -.mdl-mega-footer__right-section { - margin-bottom: 16px; } - -.mdl-mega-footer--right-section a, -.mdl-mega-footer__right-section a { - display: block; - margin-bottom: 16px; - color: inherit; - text-decoration: none; } - -@media screen and (min-width: 760px) { - .mdl-mega-footer--left-section, - .mdl-mega-footer__left-section { - float: left; } - .mdl-mega-footer--right-section, - .mdl-mega-footer__right-section { - float: right; } - .mdl-mega-footer--right-section a, - .mdl-mega-footer__right-section a { - display: inline-block; - margin-left: 16px; - line-height: 36px; - vertical-align: middle; } } - -.mdl-mega-footer--social-btn, -.mdl-mega-footer__social-btn { - width: 36px; - height: 36px; - padding: 0; - margin: 0; - background-color: rgb(158,158,158); - border: none; } - -.mdl-mega-footer--drop-down-section, -.mdl-mega-footer__drop-down-section { - display: block; - position: relative; } - -@media screen and (min-width: 760px) { - .mdl-mega-footer--drop-down-section, - .mdl-mega-footer__drop-down-section { - width: 33%; } - .mdl-mega-footer--drop-down-section:nth-child(1), - .mdl-mega-footer--drop-down-section:nth-child(2), - .mdl-mega-footer__drop-down-section:nth-child(1), - .mdl-mega-footer__drop-down-section:nth-child(2) { - float: left; } - .mdl-mega-footer--drop-down-section:nth-child(3), - .mdl-mega-footer__drop-down-section:nth-child(3) { - float: right; } - .mdl-mega-footer--drop-down-section:nth-child(3):after, - .mdl-mega-footer__drop-down-section:nth-child(3):after { - clear: right; } - .mdl-mega-footer--drop-down-section:nth-child(4), - .mdl-mega-footer__drop-down-section:nth-child(4) { - clear: right; - float: right; } - .mdl-mega-footer--middle-section:after, - .mdl-mega-footer__middle-section:after { - content: ''; - display: block; - clear: both; } - .mdl-mega-footer--bottom-section, - .mdl-mega-footer__bottom-section { - padding-top: 0; } } - -@media screen and (min-width: 1024px) { - .mdl-mega-footer--drop-down-section, - .mdl-mega-footer--drop-down-section:nth-child(3), - .mdl-mega-footer--drop-down-section:nth-child(4), - .mdl-mega-footer__drop-down-section, - .mdl-mega-footer__drop-down-section:nth-child(3), - .mdl-mega-footer__drop-down-section:nth-child(4) { - width: 24%; - float: left; } } - -.mdl-mega-footer--heading-checkbox, -.mdl-mega-footer__heading-checkbox { - position: absolute; - width: 100%; - height: 55.8px; - padding: 32px; - margin: 0; - margin-top: -16px; - cursor: pointer; - z-index: 1; - opacity: 0; } - .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, - .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, - .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, - .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { - font-family: 'Material Icons'; - content: '\E5CE'; } - -.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, -.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, -.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, -.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, -.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, -.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, -.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, -.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list { - display: none; } - -.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, -.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, -.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, -.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after { - font-family: 'Material Icons'; - content: '\E5CF'; } - -.mdl-mega-footer--heading, -.mdl-mega-footer__heading { - position: relative; - width: 100%; - padding-right: 39.8px; - margin-bottom: 16px; - box-sizing: border-box; - font-size: 14px; - line-height: 23.8px; - font-weight: 500; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: rgb(224,224,224); } - -.mdl-mega-footer--heading:after, -.mdl-mega-footer__heading:after { - content: ''; - position: absolute; - top: 0; - right: 0; - display: block; - width: 23.8px; - height: 23.8px; - background-size: cover; } - -.mdl-mega-footer--link-list, -.mdl-mega-footer__link-list { - list-style: none; - margin: 0; - padding: 0; - margin-bottom: 32px; } - .mdl-mega-footer--link-list:after, - .mdl-mega-footer__link-list:after { - clear: both; - display: block; - content: ''; } - -.mdl-mega-footer--link-list li, -.mdl-mega-footer__link-list li { - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; - line-height: 20px; } - -.mdl-mega-footer--link-list a, -.mdl-mega-footer__link-list a { - color: inherit; - text-decoration: none; - white-space: nowrap; } - -@media screen and (min-width: 760px) { - .mdl-mega-footer--heading-checkbox, - .mdl-mega-footer__heading-checkbox { - display: none; } - .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, - .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, - .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, - .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { - content: ''; } - .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, - .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, - .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, - .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, - .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, - .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, - .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, - .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list { - display: block; } - .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, - .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, - .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, - .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after { - content: ''; } } - -.mdl-mega-footer--bottom-section, -.mdl-mega-footer__bottom-section { - padding-top: 16px; - margin-bottom: 16px; } - -.mdl-logo { - margin-bottom: 16px; - color: white; } - -.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, -.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li { - float: left; - margin-bottom: 0; - margin-right: 16px; } - -@media screen and (min-width: 760px) { - .mdl-logo { - float: left; - margin-bottom: 0; - margin-right: 16px; } } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-mini-footer { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 32px 16px; - color: rgb(158,158,158); - background-color: rgb(66,66,66); } - .mdl-mini-footer:after { - content: ''; - display: block; } - .mdl-mini-footer .mdl-logo { - line-height: 36px; } - -.mdl-mini-footer--link-list, -.mdl-mini-footer__link-list { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row nowrap; - -ms-flex-flow: row nowrap; - flex-flow: row nowrap; - list-style: none; - margin: 0; - padding: 0; } - .mdl-mini-footer--link-list li, - .mdl-mini-footer__link-list li { - margin-bottom: 0; - margin-right: 16px; } - @media screen and (min-width: 760px) { - .mdl-mini-footer--link-list li, - .mdl-mini-footer__link-list li { - line-height: 36px; } } - .mdl-mini-footer--link-list a, - .mdl-mini-footer__link-list a { - color: inherit; - text-decoration: none; - white-space: nowrap; } - -.mdl-mini-footer--left-section, -.mdl-mini-footer__left-section { - display: inline-block; - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; } - -.mdl-mini-footer--right-section, -.mdl-mini-footer__right-section { - display: inline-block; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - -.mdl-mini-footer--social-btn, -.mdl-mini-footer__social-btn { - width: 36px; - height: 36px; - padding: 0; - margin: 0; - background-color: rgb(158,158,158); - border: none; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-icon-toggle { - position: relative; - z-index: 1; - vertical-align: middle; - display: inline-block; - height: 32px; - margin: 0; - padding: 0; } - -.mdl-icon-toggle__input { - line-height: 32px; } - .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__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-icon-toggle__label { - display: inline-block; - position: relative; - cursor: pointer; - height: 32px; - width: 32px; - min-width: 32px; - color: rgb(97,97,97); - border-radius: 50%; - padding: 0; - margin-left: 0; - margin-right: 0; - text-align: center; - background-color: transparent; - will-change: background-color; - transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } - .mdl-icon-toggle__label.material-icons { - line-height: 32px; - font-size: 24px; } - .mdl-icon-toggle.is-checked .mdl-icon-toggle__label { - color: rgb(63,81,181); } - .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label { - color: rgba(0,0,0, 0.26); - cursor: auto; - transition: none; } - .mdl-icon-toggle.is-focused .mdl-icon-toggle__label { - background-color: rgba(0,0,0, 0.12); } - .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label { - background-color: rgba(63,81,181, 0.26); } - -.mdl-icon-toggle__ripple-container { - position: absolute; - z-index: 2; - top: -2px; - left: -2px; - box-sizing: border-box; - width: 36px; - height: 36px; - border-radius: 50%; - cursor: pointer; - overflow: hidden; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } - .mdl-icon-toggle__ripple-container .mdl-ripple { - background: rgb(97,97,97); } - .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container { - cursor: auto; } - .mdl-icon-toggle.is-disabled .mdl-icon-toggle__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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-list { - display: block; - padding: 8px 0; - list-style: none; } - -.mdl-list__item { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0.04em; - line-height: 1; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-height: 48px; - box-sizing: border-box; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 16px; - cursor: default; - color: rgba(0,0,0, 0.87); - overflow: hidden; } - .mdl-list__item .mdl-list__item-primary-content { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-grow: 2; - -ms-flex-positive: 2; - flex-grow: 2; - text-decoration: none; - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon { - margin-right: 32px; } - .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar { - margin-right: 16px; } - .mdl-list__item .mdl-list__item-secondary-content { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - margin-left: 16px; } - .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label { - display: inline; } - .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info { - font-size: 12px; - font-weight: 400; - line-height: 1; - letter-spacing: 0; - color: rgba(0,0,0, 0.54); } - .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header { - padding: 0 0 0 16px; } - -.mdl-list__item-icon, -.mdl-list__item-icon.material-icons { - height: 24px; - width: 24px; - font-size: 24px; - box-sizing: border-box; - color: rgb(117,117,117); } - -.mdl-list__item-avatar, -.mdl-list__item-avatar.material-icons { - height: 40px; - width: 40px; - box-sizing: border-box; - border-radius: 50%; - background-color: rgb(117,117,117); - font-size: 40px; - color: white; } - -.mdl-list__item--two-line { - height: 72px; } - .mdl-list__item--two-line .mdl-list__item-primary-content { - height: 36px; - line-height: 20px; - display: block; } - .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar { - float: left; } - .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon { - float: left; - margin-top: 6px; } - .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content { - height: 36px; } - .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title { - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; - line-height: 18px; - color: rgba(0,0,0, 0.54); - display: block; - padding: 0; } - -.mdl-list__item--three-line { - height: 88px; } - .mdl-list__item--three-line .mdl-list__item-primary-content { - height: 52px; - line-height: 20px; - display: block; } - .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, - .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon { - float: left; } - .mdl-list__item--three-line .mdl-list__item-secondary-content { - height: 52px; } - .mdl-list__item--three-line .mdl-list__item-text-body { - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; - line-height: 18px; - height: 52px; - color: rgba(0,0,0, 0.54); - display: block; - padding: 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. - */ -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-menu__container { - display: block; - margin: 0; - padding: 0; - border: none; - position: absolute; - overflow: visible; - height: 0; - width: 0; - visibility: hidden; - z-index: -1; } - .mdl-menu__container.is-visible, .mdl-menu__container.is-animating { - z-index: 999; - visibility: visible; } - -.mdl-menu__outline { - display: block; - background: rgb(255,255,255); - margin: 0; - padding: 0; - border: none; - border-radius: 2px; - position: absolute; - top: 0; - left: 0; - overflow: hidden; - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - will-change: transform; - transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); - z-index: -1; } - .mdl-menu__container.is-visible .mdl-menu__outline { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - z-index: 999; } - .mdl-menu__outline.mdl-menu--bottom-right { - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; } - .mdl-menu__outline.mdl-menu--top-left { - -webkit-transform-origin: 0 100%; - transform-origin: 0 100%; } - .mdl-menu__outline.mdl-menu--top-right { - -webkit-transform-origin: 100% 100%; - transform-origin: 100% 100%; } - -.mdl-menu { - position: absolute; - list-style: none; - top: 0; - left: 0; - height: auto; - width: auto; - min-width: 124px; - padding: 8px 0; - margin: 0; - opacity: 0; - clip: rect(0 0 0 0); - z-index: -1; } - .mdl-menu__container.is-visible .mdl-menu { - opacity: 1; - z-index: 999; } - .mdl-menu.is-animating { - transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); } - .mdl-menu.mdl-menu--bottom-right { - left: auto; - right: 0; } - .mdl-menu.mdl-menu--top-left { - top: auto; - bottom: 0; } - .mdl-menu.mdl-menu--top-right { - top: auto; - left: auto; - bottom: 0; - right: 0; } - .mdl-menu.mdl-menu--unaligned { - top: auto; - left: auto; } - -.mdl-menu__item { - display: block; - border: none; - color: rgba(0,0,0, 0.87); - background-color: transparent; - text-align: left; - margin: 0; - padding: 0 16px; - outline-color: rgb(189,189,189); - position: relative; - overflow: hidden; - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; - text-decoration: none; - cursor: pointer; - height: 48px; - line-height: 48px; - white-space: nowrap; - opacity: 0; - transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .mdl-menu__container.is-visible .mdl-menu__item { - opacity: 1; } - .mdl-menu__item::-moz-focus-inner { - border: 0; } - .mdl-menu__item--full-bleed-divider { - border-bottom: 1px solid rgba(0,0,0, 0.12); } - .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] { - color: rgb(189,189,189); - background-color: transparent; - cursor: auto; } - .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover { - background-color: transparent; } - .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus { - background-color: transparent; } - .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple { - background: transparent; } - .mdl-menu__item:hover { - background-color: rgb(238,238,238); } - .mdl-menu__item:focus { - outline: none; - background-color: rgb(238,238,238); } - .mdl-menu__item:active { - background-color: rgb(224,224,224); } - -.mdl-menu__item--ripple-container { - display: block; - height: 100%; - left: 0px; - position: absolute; - top: 0px; - width: 100%; - z-index: 0; - overflow: 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-progress { - display: block; - position: relative; - height: 4px; - width: 500px; - max-width: 100%; } - -.mdl-progress > .bar { - display: block; - position: absolute; - top: 0; - bottom: 0; - width: 0%; - transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); } - -.mdl-progress > .progressbar { - background-color: rgb(63,81,181); - z-index: 1; - left: 0; } - -.mdl-progress > .bufferbar { - background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); - z-index: 0; - left: 0; } - -.mdl-progress > .auxbar { - right: 0; } - -@supports (-webkit-appearance: none) { - .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, - .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { - background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); - -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); - mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } } - -.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, -.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { - background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); } - -.mdl-progress.mdl-progress--indeterminate > .bar1, -.mdl-progress.mdl-progress__indeterminate > .bar1 { - background-color: rgb(63,81,181); - -webkit-animation-name: indeterminate1; - animation-name: indeterminate1; - -webkit-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; } - -.mdl-progress.mdl-progress--indeterminate > .bar3, -.mdl-progress.mdl-progress__indeterminate > .bar3 { - background-image: none; - background-color: rgb(63,81,181); - -webkit-animation-name: indeterminate2; - animation-name: indeterminate2; - -webkit-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; } - -@-webkit-keyframes indeterminate1 { - 0% { - left: 0%; - width: 0%; } - 50% { - left: 25%; - width: 75%; } - 75% { - left: 100%; - width: 0%; } } - -@keyframes indeterminate1 { - 0% { - left: 0%; - width: 0%; } - 50% { - left: 25%; - width: 75%; } - 75% { - left: 100%; - width: 0%; } } - -@-webkit-keyframes indeterminate2 { - 0% { - left: 0%; - width: 0%; } - 50% { - left: 0%; - width: 0%; } - 75% { - left: 0%; - width: 25%; } - 100% { - left: 100%; - width: 0%; } } - -@keyframes indeterminate2 { - 0% { - left: 0%; - width: 0%; } - 50% { - left: 0%; - width: 0%; } - 75% { - left: 0%; - width: 25%; } - 100% { - left: 100%; - width: 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. - */ -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-navigation { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - box-sizing: border-box; } - -.mdl-navigation__link { - color: rgb(66,66,66); - text-decoration: none; - margin: 0; - font-size: 14px; - font-weight: 400; - line-height: 24px; - letter-spacing: 0; - opacity: 0.87; } - .mdl-navigation__link .material-icons { - vertical-align: middle; } - -.mdl-layout { - width: 100%; - height: 100%; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - overflow-y: auto; - overflow-x: hidden; - position: relative; - -webkit-overflow-scrolling: touch; } - -.mdl-layout.is-small-screen .mdl-layout--large-screen-only { - display: none; } - -.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only { - display: none; } - -.mdl-layout__container { - position: absolute; - width: 100%; - height: 100%; } - -.mdl-layout__title, -.mdl-layout-title { - display: block; - position: relative; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 20px; - font-weight: 500; - line-height: 1; - letter-spacing: 0.02em; - font-weight: 400; - box-sizing: border-box; } - -.mdl-layout-spacer { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - -.mdl-layout__drawer { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - width: 240px; - height: 100%; - max-height: 100%; - position: absolute; - top: 0; - left: 0; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - box-sizing: border-box; - border-right: 1px solid rgb(224,224,224); - background: rgb(250,250,250); - -webkit-transform: translateX(-250px); - transform: translateX(-250px); - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - will-change: transform; - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - color: rgb(66,66,66); - overflow: visible; - overflow-y: auto; - z-index: 5; } - .mdl-layout__drawer.is-visible { - -webkit-transform: translateX(0); - transform: translateX(0); } - .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content { - overflow: hidden; } - .mdl-layout__drawer > * { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - .mdl-layout__drawer > .mdl-layout__title, - .mdl-layout__drawer > .mdl-layout-title { - line-height: 64px; - padding-left: 40px; } - @media screen and (max-width: 1024px) { - .mdl-layout__drawer > .mdl-layout__title, - .mdl-layout__drawer > .mdl-layout-title { - line-height: 56px; - padding-left: 16px; } } - .mdl-layout__drawer .mdl-navigation { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - -ms-grid-row-align: stretch; - align-items: stretch; - padding-top: 16px; } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { - display: block; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - padding: 16px 40px; - margin: 0; - color: #757575; } - @media screen and (max-width: 1024px) { - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { - padding: 16px 16px; } } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { - background-color: rgb(224,224,224); } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current { - background-color: rgb(0,0,0); - color: rgb(224,224,224); } - @media screen and (min-width: 1025px) { - .mdl-layout--fixed-drawer > .mdl-layout__drawer { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -.mdl-layout__drawer-button { - display: block; - position: absolute; - height: 48px; - width: 48px; - border: 0; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - overflow: hidden; - text-align: center; - cursor: pointer; - font-size: 26px; - line-height: 50px; - font-family: Helvetica, Arial, sans-serif; - margin: 10px 12px; - top: 0; - left: 0; - color: rgb(255,255,255); - z-index: 4; } - .mdl-layout__header .mdl-layout__drawer-button { - position: absolute; - color: rgb(255,255,255); - background-color: inherit; } - @media screen and (max-width: 1024px) { - .mdl-layout__header .mdl-layout__drawer-button { - margin: 4px; } } - @media screen and (max-width: 1024px) { - .mdl-layout__drawer-button { - margin: 4px; - color: rgba(0, 0, 0, 0.5); } } - @media screen and (min-width: 1025px) { - .mdl-layout--fixed-drawer > .mdl-layout__drawer-button { - display: none; } - .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button { - display: none; } } - .mdl-layout--no-drawer-button .mdl-layout__drawer-button { - display: none; } - -.mdl-layout__header { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - margin: 0; - padding: 0; - border: none; - min-height: 64px; - max-height: 1000px; - z-index: 3; - background-color: rgb(63,81,181); - color: rgb(255,255,255); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: max-height, box-shadow; } - @media screen and (max-width: 1024px) { - .mdl-layout__header { - min-height: 56px; } } - .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header { - margin-left: 240px; - width: calc(100% - 240px); } - @media screen and (min-width: 1025px) { - .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { - padding-left: 40px; } } - .mdl-layout__header > .mdl-layout-icon { - position: absolute; - left: 40px; - top: 16px; - height: 32px; - width: 32px; - overflow: hidden; - z-index: 3; - display: block; } - @media screen and (max-width: 1024px) { - .mdl-layout__header > .mdl-layout-icon { - left: 16px; - top: 12px; } } - .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon { - display: none; } - .mdl-layout__header.is-compact { - max-height: 64px; } - @media screen and (max-width: 1024px) { - .mdl-layout__header.is-compact { - max-height: 56px; } } - .mdl-layout__header.is-compact.has-tabs { - height: 112px; } - @media screen and (max-width: 1024px) { - .mdl-layout__header.is-compact.has-tabs { - min-height: 104px; } } - @media screen and (max-width: 1024px) { - .mdl-layout__header { - display: none; } - .mdl-layout--fixed-header > .mdl-layout__header { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } } - -.mdl-layout__header--transparent.mdl-layout__header--transparent { - background-color: transparent; - box-shadow: none; } - -.mdl-layout__header--seamed { - box-shadow: none; } - -.mdl-layout__header--scroll { - box-shadow: none; } - -.mdl-layout__header--waterfall { - box-shadow: none; - overflow: hidden; } - .mdl-layout__header--waterfall.is-casting-shadow { - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } - -.mdl-layout__header-row { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - box-sizing: border-box; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 64px; - margin: 0; - padding: 0 40px 0 80px; } - .mdl-layout--no-drawer-button .mdl-layout__header-row { - padding-left: 40px; } - @media screen and (min-width: 1025px) { - .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row { - padding-left: 40px; } } - @media screen and (max-width: 1024px) { - .mdl-layout__header-row { - height: 56px; - padding: 0 16px 0 72px; } - .mdl-layout--no-drawer-button .mdl-layout__header-row { - padding-left: 16px; } } - .mdl-layout__header-row > * { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - .mdl-layout__header--scroll .mdl-layout__header-row { - width: 100%; } - .mdl-layout__header-row .mdl-navigation { - margin: 0; - padding: 0; - height: 64px; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -ms-flex-align: center; - -ms-grid-row-align: center; - align-items: center; } - @media screen and (max-width: 1024px) { - .mdl-layout__header-row .mdl-navigation { - height: 56px; } } - .mdl-layout__header-row .mdl-navigation__link { - display: block; - color: rgb(255,255,255); - line-height: 64px; - padding: 0 24px; } - @media screen and (max-width: 1024px) { - .mdl-layout__header-row .mdl-navigation__link { - line-height: 56px; - padding: 0 16px; } } - -.mdl-layout__obfuscator { - background-color: transparent; - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 4; - visibility: hidden; - transition-property: background-color; - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .mdl-layout__obfuscator.is-visible { - background-color: rgba(0, 0, 0, 0.5); - visibility: visible; } - @supports (pointer-events: auto) { - .mdl-layout__obfuscator { - background-color: rgba(0, 0, 0, 0.5); - opacity: 0; - transition-property: opacity; - visibility: visible; - pointer-events: none; } - .mdl-layout__obfuscator.is-visible { - pointer-events: auto; - opacity: 1; } } - -.mdl-layout__content { - -ms-flex: 0 1 auto; - position: relative; - display: inline-block; - overflow-y: auto; - overflow-x: hidden; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - z-index: 1; - -webkit-overflow-scrolling: touch; } - .mdl-layout--fixed-drawer > .mdl-layout__content { - margin-left: 240px; } - .mdl-layout__container.has-scrolling-header .mdl-layout__content { - overflow: visible; } - @media screen and (max-width: 1024px) { - .mdl-layout--fixed-drawer > .mdl-layout__content { - margin-left: 0; } - .mdl-layout__container.has-scrolling-header .mdl-layout__content { - overflow-y: auto; - overflow-x: hidden; } } - -.mdl-layout__tab-bar { - height: 96px; - margin: 0; - width: calc(100% - 112px); - padding: 0 0 0 56px; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgb(63,81,181); - overflow-y: hidden; - overflow-x: scroll; } - .mdl-layout__tab-bar::-webkit-scrollbar { - display: none; } - .mdl-layout--no-drawer-button .mdl-layout__tab-bar { - padding-left: 16px; - width: calc(100% - 32px); } - @media screen and (min-width: 1025px) { - .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar { - padding-left: 16px; - width: calc(100% - 32px); } } - @media screen and (max-width: 1024px) { - .mdl-layout__tab-bar { - width: calc(100% - 60px); - padding: 0 0 0 60px; } - .mdl-layout--no-drawer-button .mdl-layout__tab-bar { - width: calc(100% - 8px); - padding-left: 4px; } } - .mdl-layout--fixed-tabs .mdl-layout__tab-bar { - padding: 0; - overflow: hidden; - width: 100%; } - -.mdl-layout__tab-bar-container { - position: relative; - height: 48px; - width: 100%; - border: none; - margin: 0; - z-index: 2; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - overflow: hidden; } - .mdl-layout__container > .mdl-layout__tab-bar-container { - position: absolute; - top: 0; - left: 0; } - -.mdl-layout__tab-bar-button { - display: inline-block; - position: absolute; - top: 0; - height: 48px; - width: 56px; - z-index: 4; - text-align: center; - background-color: rgb(63,81,181); - color: transparent; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, - .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button { - width: 16px; } - .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, - .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons { - position: relative; - left: -4px; } - @media screen and (max-width: 1024px) { - .mdl-layout__tab-bar-button { - display: none; - width: 60px; } } - .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button { - display: none; } - .mdl-layout__tab-bar-button .material-icons { - line-height: 48px; } - .mdl-layout__tab-bar-button.is-active { - color: rgb(255,255,255); } - -.mdl-layout__tab-bar-left-button { - left: 0; } - -.mdl-layout__tab-bar-right-button { - right: 0; } - -.mdl-layout__tab { - margin: 0; - border: none; - padding: 0 24px 0 24px; - float: left; - position: relative; - display: block; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - text-decoration: none; - height: 48px; - line-height: 48px; - text-align: center; - font-weight: 500; - font-size: 14px; - text-transform: uppercase; - color: rgba(255,255,255, 0.6); - overflow: hidden; } - @media screen and (max-width: 1024px) { - .mdl-layout__tab { - padding: 0 12px 0 12px; } } - .mdl-layout--fixed-tabs .mdl-layout__tab { - float: none; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0; } - .mdl-layout.is-upgraded .mdl-layout__tab.is-active { - color: rgb(255,255,255); } - .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after { - height: 2px; - width: 100%; - display: block; - content: " "; - bottom: 0; - left: 0; - position: absolute; - background: rgb(255,64,129); - -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; - transition: all 1s cubic-bezier(0.4, 0, 1, 1); } - .mdl-layout__tab .mdl-layout__tab-ripple-container { - display: block; - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; - z-index: 1; - overflow: hidden; } - .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple { - background-color: rgb(255,255,255); } - -.mdl-layout__tab-panel { - display: block; } - .mdl-layout.is-upgraded .mdl-layout__tab-panel { - display: none; } - .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active { - display: block; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.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 rgb(63,81,181); } - .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; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transform: scale3d(0, 0, 0); - transform: scale3d(0, 0, 0); - border-radius: 50%; - background: rgb(63,81,181); } - .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: rgb(63,81,181); } - 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -_:-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: rgb(63,81,181); - -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, rgb(63,81,181) 16px, rgb(63,81,181) 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: rgb(63,81,181); - border: none; - transition: 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), -webkit-transform 0.18s 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); - 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), -webkit-transform 0.18s 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: rgb(63,81,181); - 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: rgb(63,81,181); - -webkit-transform: scale(1.5); - transform: scale(1.5); } - .mdl-slider.is-upgraded:active::-moz-range-thumb { - background-image: none; - background: rgb(63,81,181); - transform: scale(1.5); } - .mdl-slider.is-upgraded::-ms-thumb { - width: 32px; - height: 32px; - border: none; - border-radius: 50%; - background: rgb(63,81,181); - transform: scale(0.375); - transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); - transition: transform 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), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); } - .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb { - background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%); - transform: scale(1); } - .mdl-slider.is-upgraded:active::-ms-thumb { - background: rgb(63,81,181); - 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%); - transform: scale(1); } - .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb { - 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 { - 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 { - 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-flex; - display: -ms-flexbox; - display: flex; - -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-flex; - display: -ms-flexbox; - display: flex; - overflow: hidden; - border: 0; - padding: 0; - -webkit-transform: translate(0, -1px); - transform: translate(0, -1px); } - -.mdl-slider__background-lower { - background: rgb(63,81,181); - -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-flex: 0; - -ms-flex: 0; - flex: 0; - position: relative; - border: 0; - padding: 0; - transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 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 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-snackbar { - position: fixed; - bottom: 0; - left: 50%; - cursor: default; - background-color: #323232; - z-index: 3; - display: block; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - will-change: transform; - -webkit-transform: translate(-50%, 80px); - transform: translate(-50%, 80px); - transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1); - transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1); - transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1); - pointer-events: none; } - @media (max-width: 479px) { - .mdl-snackbar { - width: 100%; - left: 0; - min-height: 48px; - max-height: 80px; } } - @media (min-width: 480px) { - .mdl-snackbar { - min-width: 288px; - max-width: 568px; - border-radius: 2px; } } - .mdl-snackbar--active { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - pointer-events: auto; - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); } - .mdl-snackbar__text { - padding: 14px 12px 14px 24px; - vertical-align: middle; - color: white; - float: left; } - .mdl-snackbar__action { - background: transparent; - border: none; - color: rgb(255,64,129); - float: right; - text-transform: uppercase; - padding: 14px 24px 14px 12px; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 500; - text-transform: uppercase; - line-height: 1; - letter-spacing: 0; - overflow: hidden; - outline: none; - opacity: 0; - pointer-events: none; - cursor: pointer; - text-decoration: none; - text-align: center; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; } - .mdl-snackbar__action::-moz-focus-inner { - border: 0; } - .mdl-snackbar__action:not([aria-hidden]) { - opacity: 1; - pointer-events: auto; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.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.23529412ms linear infinite; - animation: mdl-spinner__container-rotate 1568.23529412ms 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: rgb(66,165,245); } - .mdl-spinner--single-color .mdl-spinner__layer-1 { - border-color: rgb(63,81,181); } - .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: rgb(244,67,54); } - .mdl-spinner--single-color .mdl-spinner__layer-2 { - border-color: rgb(63,81,181); } - .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: rgb(253,216,53); } - .mdl-spinner--single-color .mdl-spinner__layer-3 { - border-color: rgb(63,81,181); } - .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: rgb(76,175,80); } - .mdl-spinner--single-color .mdl-spinner__layer-4 { - border-color: rgb(63,81,181); } - .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); - 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); - 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.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: rgb(250,250,250); - position: absolute; - left: 0; - top: 2px; - height: 20px; - width: 20px; - border-radius: 50%; - cursor: pointer; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: left; } - .mdl-switch.is-checked .mdl-switch__thumb { - background: rgb(63,81,181); - left: 16px; - box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } - .mdl-switch__thumb fieldset[disabled] .mdl-switch, - .mdl-switch.is-disabled .mdl-switch__thumb { - background: rgb(189,189,189); - cursor: auto; } - -.mdl-switch__focus-helper { - position: absolute; - top: 50%; - left: 50%; - -webkit-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: rgb(189,189,189); - 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); - transition-duration: 0.40s; - transition-timing-function: step-end; - transition-property: left; } - .mdl-switch__ripple-container .mdl-ripple { - background: rgb(63,81,181); } - .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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-tabs { - display: block; - width: 100%; } - -.mdl-tabs__tab-bar { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -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-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - height: 48px; - padding: 0 0 0 0; - margin: 0;} - -.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: 400; - 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: rgb(63,81,181); - -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; - 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: rgb(63,81,181); } - -.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%; } } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.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: rgb(213,0,0); - 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, - .mdl-textfield.has-placeholder .mdl-textfield__label { - visibility: hidden; } - .mdl-textfield--floating-label .mdl-textfield__label { - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { - transition: none; } - 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, - .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { - color: rgb(63,81,181); - 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, - .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label { - top: -16px; } - .mdl-textfield--floating-label.is-invalid .mdl-textfield__label { - color: rgb(213,0,0); - font-size: 12px; } - .mdl-textfield__label:after { - background-color: rgb(63,81,181); - bottom: 20px; - content: ''; - height: 2px; - left: 45%; - position: absolute; - transition-duration: 0.2s; - 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: rgb(213,0,0); } - -.mdl-textfield__error { - color: rgb(213,0,0); - 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; - transition-duration: 0.2s; - 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; } - -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-tooltip { - -webkit-transform: scale(0); - transform: scale(0); - -webkit-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: rgb(255,255,255); - 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 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -/** - * 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. - */ -/* Typography */ -/* Shadows */ -/* Animations */ -/* Dialog */ -.mdl-shadow--2dp { - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - -.mdl-shadow--3dp { - box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } - -.mdl-shadow--4dp { - box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } - -.mdl-shadow--6dp { - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); } - -.mdl-shadow--8dp { - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } - -.mdl-shadow--16dp { - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } - -.mdl-shadow--24dp { - box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); } - -/** - * 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. - */ -/* -* NOTE: Some rules here are applied using duplicate selectors. -* This is on purpose to increase their specificity when applied. -* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone` -*/ -/** - * 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. - */ -/*------------------------------------* $CONTENTS -\*------------------------------------*/ -/** - * STYLE GUIDE VARIABLES------------------Declarations of Sass variables - * -----Typography - * -----Colors - * -----Textfield - * -----Switch - * -----Spinner - * -----Radio - * -----Menu - * -----List - * -----Layout - * -----Icon toggles - * -----Footer - * -----Column - * -----Checkbox - * -----Card - * -----Button - * -----Animation - * -----Progress - * -----Badge - * -----Shadows - * -----Grid - * -----Data table - * -----Dialog - * -----Snackbar - * - * Even though all variables have the `!default` directive, most of them - * should not be changed as they are dependent one another. This can cause - * visual distortions (like alignment issues) that are hard to track down - * and fix. - */ -/* ========== TYPOGRAPHY ========== */ -/* We're splitting fonts into "preferred" and "performance" in order to optimize - page loading. For important text, such as the body, we want it to load - immediately and not wait for the web font load, whereas for other sections, - such as headers and titles, we're OK with things taking a bit longer to load. - We do have some optional classes and parameters in the mixins, in case you - definitely want to make sure you're using the preferred font and don't mind - the performance hit. - We should be able to improve on this once CSS Font Loading L3 becomes more - widely available. -*/ -/* ========== COLORS ========== */ -/** -* -* Material design color palettes. -* @see http://www.google.com/design/spec/style/color.html -* -**/ -/** - * 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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/** - * 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. - */ -/* ========== IMAGES ========== */ -/* ========== Color & Themes ========== */ -/* ========== Typography ========== */ -/* ========== Components ========== */ -/* ========== Standard Buttons ========== */ -/* ========== Icon Toggles ========== */ -/* ========== Radio Buttons ========== */ -/* ========== Ripple effect ========== */ -/* ========== Layout ========== */ -/* ========== Content Tabs ========== */ -/* ========== Checkboxes ========== */ -/* ========== Switches ========== */ -/* ========== Spinner ========== */ -/* ========== Text fields ========== */ -/* ========== Card ========== */ -/* ========== Sliders ========== */ -/* ========== Progress ========== */ -/* ========== List ========== */ -/* ========== Item ========== */ -/* ========== Dropdown menu ========== */ -/* ========== Tooltips ========== */ -/* ========== Footer ========== */ -/* TEXTFIELD */ -/* SWITCH */ -/* SPINNER */ -/* RADIO */ -/* MENU */ -/* LIST */ -/* LAYOUT */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/** - * - * Dimensions - * - */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* DIALOG */ -/* SNACKBAR */ -/* TOOLTIP */ -.mdl-grid { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - margin: 0 auto 0 auto; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - .mdl-grid.mdl-grid--no-spacing { - padding: 0; } - -.mdl-cell { - box-sizing: border-box; } - -.mdl-cell--top { - -webkit-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; } - -.mdl-cell--middle { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; } - -.mdl-cell--bottom { - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; } - -.mdl-cell--stretch { - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; } - -.mdl-grid.mdl-grid--no-spacing > .mdl-cell { - margin: 0; } - -.mdl-cell--order-1 { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - -.mdl-cell--order-2 { - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } - -.mdl-cell--order-3 { - -webkit-order: 3; - -ms-flex-order: 3; - order: 3; } - -.mdl-cell--order-4 { - -webkit-order: 4; - -ms-flex-order: 4; - order: 4; } - -.mdl-cell--order-5 { - -webkit-order: 5; - -ms-flex-order: 5; - order: 5; } - -.mdl-cell--order-6 { - -webkit-order: 6; - -ms-flex-order: 6; - order: 6; } - -.mdl-cell--order-7 { - -webkit-order: 7; - -ms-flex-order: 7; - order: 7; } - -.mdl-cell--order-8 { - -webkit-order: 8; - -ms-flex-order: 8; - order: 8; } - -.mdl-cell--order-9 { - -webkit-order: 9; - -ms-flex-order: 9; - order: 9; } - -.mdl-cell--order-10 { - -webkit-order: 10; - -ms-flex-order: 10; - order: 10; } - -.mdl-cell--order-11 { - -webkit-order: 11; - -ms-flex-order: 11; - order: 11; } - -.mdl-cell--order-12 { - -webkit-order: 12; - -ms-flex-order: 12; - order: 12; } - -@media (max-width: 479px) { - .mdl-grid { - padding: 8px; } - .mdl-cell { - margin: 8px; - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell { - width: 100%; } - .mdl-cell--hide-phone { - display: none !important; } - .mdl-cell--order-1-phone.mdl-cell--order-1-phone { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - .mdl-cell--order-2-phone.mdl-cell--order-2-phone { - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } - .mdl-cell--order-3-phone.mdl-cell--order-3-phone { - -webkit-order: 3; - -ms-flex-order: 3; - order: 3; } - .mdl-cell--order-4-phone.mdl-cell--order-4-phone { - -webkit-order: 4; - -ms-flex-order: 4; - order: 4; } - .mdl-cell--order-5-phone.mdl-cell--order-5-phone { - -webkit-order: 5; - -ms-flex-order: 5; - order: 5; } - .mdl-cell--order-6-phone.mdl-cell--order-6-phone { - -webkit-order: 6; - -ms-flex-order: 6; - order: 6; } - .mdl-cell--order-7-phone.mdl-cell--order-7-phone { - -webkit-order: 7; - -ms-flex-order: 7; - order: 7; } - .mdl-cell--order-8-phone.mdl-cell--order-8-phone { - -webkit-order: 8; - -ms-flex-order: 8; - order: 8; } - .mdl-cell--order-9-phone.mdl-cell--order-9-phone { - -webkit-order: 9; - -ms-flex-order: 9; - order: 9; } - .mdl-cell--order-10-phone.mdl-cell--order-10-phone { - -webkit-order: 10; - -ms-flex-order: 10; - order: 10; } - .mdl-cell--order-11-phone.mdl-cell--order-11-phone { - -webkit-order: 11; - -ms-flex-order: 11; - order: 11; } - .mdl-cell--order-12-phone.mdl-cell--order-12-phone { - -webkit-order: 12; - -ms-flex-order: 12; - order: 12; } - .mdl-cell--1-col, - .mdl-cell--1-col-phone.mdl-cell--1-col-phone { - width: calc(25% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > - .mdl-cell--1-col-phone.mdl-cell--1-col-phone { - width: 25%; } - .mdl-cell--2-col, - .mdl-cell--2-col-phone.mdl-cell--2-col-phone { - width: calc(50% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > - .mdl-cell--2-col-phone.mdl-cell--2-col-phone { - width: 50%; } - .mdl-cell--3-col, - .mdl-cell--3-col-phone.mdl-cell--3-col-phone { - width: calc(75% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > - .mdl-cell--3-col-phone.mdl-cell--3-col-phone { - width: 75%; } - .mdl-cell--4-col, - .mdl-cell--4-col-phone.mdl-cell--4-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > - .mdl-cell--4-col-phone.mdl-cell--4-col-phone { - width: 100%; } - .mdl-cell--5-col, - .mdl-cell--5-col-phone.mdl-cell--5-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > - .mdl-cell--5-col-phone.mdl-cell--5-col-phone { - width: 100%; } - .mdl-cell--6-col, - .mdl-cell--6-col-phone.mdl-cell--6-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > - .mdl-cell--6-col-phone.mdl-cell--6-col-phone { - width: 100%; } - .mdl-cell--7-col, - .mdl-cell--7-col-phone.mdl-cell--7-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > - .mdl-cell--7-col-phone.mdl-cell--7-col-phone { - width: 100%; } - .mdl-cell--8-col, - .mdl-cell--8-col-phone.mdl-cell--8-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > - .mdl-cell--8-col-phone.mdl-cell--8-col-phone { - width: 100%; } - .mdl-cell--9-col, - .mdl-cell--9-col-phone.mdl-cell--9-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > - .mdl-cell--9-col-phone.mdl-cell--9-col-phone { - width: 100%; } - .mdl-cell--10-col, - .mdl-cell--10-col-phone.mdl-cell--10-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > - .mdl-cell--10-col-phone.mdl-cell--10-col-phone { - width: 100%; } - .mdl-cell--11-col, - .mdl-cell--11-col-phone.mdl-cell--11-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > - .mdl-cell--11-col-phone.mdl-cell--11-col-phone { - width: 100%; } - .mdl-cell--12-col, - .mdl-cell--12-col-phone.mdl-cell--12-col-phone { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > - .mdl-cell--12-col-phone.mdl-cell--12-col-phone { - width: 100%; } - .mdl-cell--1-offset, - .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { - margin-left: calc(25% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { - margin-left: 25%; } - .mdl-cell--2-offset, - .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { - margin-left: calc(50% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { - margin-left: 50%; } - .mdl-cell--3-offset, - .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { - margin-left: calc(75% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { - margin-left: 75%; } } - -@media (min-width: 480px) and (max-width: 839px) { - .mdl-grid { - padding: 8px; } - .mdl-cell { - margin: 8px; - width: calc(50% - 16px); } - .mdl-grid--no-spacing > .mdl-cell { - width: 50%; } - .mdl-cell--hide-tablet { - display: none !important; } - .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet { - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } - .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet { - -webkit-order: 3; - -ms-flex-order: 3; - order: 3; } - .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet { - -webkit-order: 4; - -ms-flex-order: 4; - order: 4; } - .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet { - -webkit-order: 5; - -ms-flex-order: 5; - order: 5; } - .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet { - -webkit-order: 6; - -ms-flex-order: 6; - order: 6; } - .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet { - -webkit-order: 7; - -ms-flex-order: 7; - order: 7; } - .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet { - -webkit-order: 8; - -ms-flex-order: 8; - order: 8; } - .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet { - -webkit-order: 9; - -ms-flex-order: 9; - order: 9; } - .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet { - -webkit-order: 10; - -ms-flex-order: 10; - order: 10; } - .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet { - -webkit-order: 11; - -ms-flex-order: 11; - order: 11; } - .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet { - -webkit-order: 12; - -ms-flex-order: 12; - order: 12; } - .mdl-cell--1-col, - .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { - width: calc(12.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > - .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { - width: 12.5%; } - .mdl-cell--2-col, - .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { - width: calc(25% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > - .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { - width: 25%; } - .mdl-cell--3-col, - .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { - width: calc(37.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > - .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { - width: 37.5%; } - .mdl-cell--4-col, - .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { - width: calc(50% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > - .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { - width: 50%; } - .mdl-cell--5-col, - .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { - width: calc(62.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > - .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { - width: 62.5%; } - .mdl-cell--6-col, - .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { - width: calc(75% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > - .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { - width: 75%; } - .mdl-cell--7-col, - .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { - width: calc(87.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > - .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { - width: 87.5%; } - .mdl-cell--8-col, - .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > - .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { - width: 100%; } - .mdl-cell--9-col, - .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > - .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { - width: 100%; } - .mdl-cell--10-col, - .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > - .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { - width: 100%; } - .mdl-cell--11-col, - .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > - .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { - width: 100%; } - .mdl-cell--12-col, - .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > - .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { - width: 100%; } - .mdl-cell--1-offset, - .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { - margin-left: calc(12.5% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { - margin-left: 12.5%; } - .mdl-cell--2-offset, - .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { - margin-left: calc(25% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { - margin-left: 25%; } - .mdl-cell--3-offset, - .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { - margin-left: calc(37.5% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { - margin-left: 37.5%; } - .mdl-cell--4-offset, - .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { - margin-left: calc(50% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { - margin-left: 50%; } - .mdl-cell--5-offset, - .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { - margin-left: calc(62.5% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { - margin-left: 62.5%; } - .mdl-cell--6-offset, - .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { - margin-left: calc(75% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { - margin-left: 75%; } - .mdl-cell--7-offset, - .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { - margin-left: calc(87.5% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { - margin-left: 87.5%; } } - -@media (min-width: 840px) { - .mdl-grid { - padding: 8px; } - .mdl-cell { - margin: 8px; - width: calc(33.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell { - width: 33.3333333333%; } - .mdl-cell--hide-desktop { - display: none !important; } - .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop { - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } - .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop { - -webkit-order: 3; - -ms-flex-order: 3; - order: 3; } - .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop { - -webkit-order: 4; - -ms-flex-order: 4; - order: 4; } - .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop { - -webkit-order: 5; - -ms-flex-order: 5; - order: 5; } - .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop { - -webkit-order: 6; - -ms-flex-order: 6; - order: 6; } - .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop { - -webkit-order: 7; - -ms-flex-order: 7; - order: 7; } - .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop { - -webkit-order: 8; - -ms-flex-order: 8; - order: 8; } - .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop { - -webkit-order: 9; - -ms-flex-order: 9; - order: 9; } - .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop { - -webkit-order: 10; - -ms-flex-order: 10; - order: 10; } - .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop { - -webkit-order: 11; - -ms-flex-order: 11; - order: 11; } - .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop { - -webkit-order: 12; - -ms-flex-order: 12; - order: 12; } - .mdl-cell--1-col, - .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { - width: calc(8.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > - .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { - width: 8.3333333333%; } - .mdl-cell--2-col, - .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { - width: calc(16.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > - .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { - width: 16.6666666667%; } - .mdl-cell--3-col, - .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { - width: calc(25% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > - .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { - width: 25%; } - .mdl-cell--4-col, - .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { - width: calc(33.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > - .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { - width: 33.3333333333%; } - .mdl-cell--5-col, - .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { - width: calc(41.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > - .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { - width: 41.6666666667%; } - .mdl-cell--6-col, - .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { - width: calc(50% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > - .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { - width: 50%; } - .mdl-cell--7-col, - .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { - width: calc(58.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > - .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { - width: 58.3333333333%; } - .mdl-cell--8-col, - .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { - width: calc(66.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > - .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { - width: 66.6666666667%; } - .mdl-cell--9-col, - .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { - width: calc(75% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > - .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { - width: 75%; } - .mdl-cell--10-col, - .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { - width: calc(83.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > - .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { - width: 83.3333333333%; } - .mdl-cell--11-col, - .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { - width: calc(91.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > - .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { - width: 91.6666666667%; } - .mdl-cell--12-col, - .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > - .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { - width: 100%; } - .mdl-cell--1-offset, - .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { - margin-left: calc(8.3333333333% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { - margin-left: 8.3333333333%; } - .mdl-cell--2-offset, - .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { - margin-left: calc(16.6666666667% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { - margin-left: 16.6666666667%; } - .mdl-cell--3-offset, - .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { - margin-left: calc(25% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { - margin-left: 25%; } - .mdl-cell--4-offset, - .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { - margin-left: calc(33.3333333333% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { - margin-left: 33.3333333333%; } - .mdl-cell--5-offset, - .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { - margin-left: calc(41.6666666667% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { - margin-left: 41.6666666667%; } - .mdl-cell--6-offset, - .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { - margin-left: calc(50% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { - margin-left: 50%; } - .mdl-cell--7-offset, - .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { - margin-left: calc(58.3333333333% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { - margin-left: 58.3333333333%; } - .mdl-cell--8-offset, - .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { - margin-left: calc(66.6666666667% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { - margin-left: 66.6666666667%; } - .mdl-cell--9-offset, - .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { - margin-left: calc(75% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { - margin-left: 75%; } - .mdl-cell--10-offset, - .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { - margin-left: calc(83.3333333333% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { - margin-left: 83.3333333333%; } - .mdl-cell--11-offset, - .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { - margin-left: calc(91.6666666667% + 8px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { - margin-left: 91.6666666667%; } } diff --git a/dashboard-ui/bower_components/material-design-lite/material.js b/dashboard-ui/bower_components/material-design-lite/material.js deleted file mode 100644 index 0c5511ec00..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/material.js +++ /dev/null @@ -1,3975 +0,0 @@ -;(function() { -"use strict"; - -/** - * @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. - */ - -/** - * A component handler interface using the revealing module design pattern. - * More details on this design pattern here: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @author Jason Mayes. - */ -/* exported componentHandler */ - -// Pre-defining the componentHandler interface, for closure documentation and -// static verification. -var componentHandler = { - /** - * Searches existing DOM for elements of our component type and upgrades them - * if they have not already been upgraded. - * - * @param {string=} optJsClass the programatic name of the element class we - * need to create a new instance of. - * @param {string=} optCssClass the name of the CSS class elements of this - * type will have. - */ - upgradeDom: function(optJsClass, optCssClass) {}, - /** - * Upgrades a specific element rather than all in the DOM. - * - * @param {!Element} element The element we wish to upgrade. - * @param {string=} optJsClass Optional name of the class we want to upgrade - * the element to. - */ - upgradeElement: function(element, optJsClass) {}, - /** - * Upgrades a specific list of elements rather than all in the DOM. - * - * @param {!Element|!Array|!NodeList|!HTMLCollection} elements - * The elements we wish to upgrade. - */ - upgradeElements: function(elements) {}, - /** - * Upgrades all registered components found in the current DOM. This is - * automatically called on window load. - */ - upgradeAllRegistered: function() {}, - /** - * Allows user to be alerted to any upgrades that are performed for a given - * component type - * - * @param {string} jsClass The class name of the MDL component we wish - * to hook into for any upgrades performed. - * @param {function(!HTMLElement)} callback The function to call upon an - * upgrade. This function should expect 1 parameter - the HTMLElement which - * got upgraded. - */ - registerUpgradedCallback: function(jsClass, callback) {}, - /** - * Registers a class for future use and attempts to upgrade existing DOM. - * - * @param {componentHandler.ComponentConfigPublic} config the registration configuration - */ - register: function(config) {}, - /** - * Downgrade either a given node, an array of nodes, or a NodeList. - * - * @param {!Node|!Array|!NodeList} nodes - */ - downgradeElements: function(nodes) {} -}; - -componentHandler = (function() { - 'use strict'; - - /** @type {!Array} */ - var registeredComponents_ = []; - - /** @type {!Array} */ - var createdComponents_ = []; - - var componentConfigProperty_ = 'mdlComponentConfigInternal_'; - - /** - * Searches registered components for a class we are interested in using. - * Optionally replaces a match with passed object if specified. - * - * @param {string} name The name of a class we want to use. - * @param {componentHandler.ComponentConfig=} optReplace Optional object to replace match with. - * @return {!Object|boolean} - * @private - */ - function findRegisteredClass_(name, optReplace) { - for (var i = 0; i < registeredComponents_.length; i++) { - if (registeredComponents_[i].className === name) { - if (typeof optReplace !== 'undefined') { - registeredComponents_[i] = optReplace; - } - return registeredComponents_[i]; - } - } - return false; - } - - /** - * Returns an array of the classNames of the upgraded classes on the element. - * - * @param {!Element} element The element to fetch data from. - * @return {!Array} - * @private - */ - function getUpgradedListOfElement_(element) { - var dataUpgraded = element.getAttribute('data-upgraded'); - // Use `['']` as default value to conform the `,name,name...` style. - return dataUpgraded === null ? [''] : dataUpgraded.split(','); - } - - /** - * Returns true if the given element has already been upgraded for the given - * class. - * - * @param {!Element} element The element we want to check. - * @param {string} jsClass The class to check for. - * @returns {boolean} - * @private - */ - function isElementUpgraded_(element, jsClass) { - var upgradedList = getUpgradedListOfElement_(element); - return upgradedList.indexOf(jsClass) !== -1; - } - - /** - * Searches existing DOM for elements of our component type and upgrades them - * if they have not already been upgraded. - * - * @param {string=} optJsClass the programatic name of the element class we - * need to create a new instance of. - * @param {string=} optCssClass the name of the CSS class elements of this - * type will have. - */ - function upgradeDomInternal(optJsClass, optCssClass) { - if (typeof optJsClass === 'undefined' && - typeof optCssClass === 'undefined') { - for (var i = 0; i < registeredComponents_.length; i++) { - upgradeDomInternal(registeredComponents_[i].className, - registeredComponents_[i].cssClass); - } - } else { - var jsClass = /** @type {string} */ (optJsClass); - if (typeof optCssClass === 'undefined') { - var registeredClass = findRegisteredClass_(jsClass); - if (registeredClass) { - optCssClass = registeredClass.cssClass; - } - } - - var elements = document.querySelectorAll('.' + optCssClass); - for (var n = 0; n < elements.length; n++) { - upgradeElementInternal(elements[n], jsClass); - } - } - } - - /** - * Upgrades a specific element rather than all in the DOM. - * - * @param {!Element} element The element we wish to upgrade. - * @param {string=} optJsClass Optional name of the class we want to upgrade - * the element to. - */ - function upgradeElementInternal(element, optJsClass) { - // Verify argument type. - if (!(typeof element === 'object' && element instanceof Element)) { - throw new Error('Invalid argument provided to upgrade MDL element.'); - } - var upgradedList = getUpgradedListOfElement_(element); - var classesToUpgrade = []; - // If jsClass is not provided scan the registered components to find the - // ones matching the element's CSS classList. - if (!optJsClass) { - var classList = element.classList; - registeredComponents_.forEach(function(component) { - // Match CSS & Not to be upgraded & Not upgraded. - if (classList.contains(component.cssClass) && - classesToUpgrade.indexOf(component) === -1 && - !isElementUpgraded_(element, component.className)) { - classesToUpgrade.push(component); - } - }); - } else if (!isElementUpgraded_(element, optJsClass)) { - classesToUpgrade.push(findRegisteredClass_(optJsClass)); - } - - // Upgrade the element for each classes. - for (var i = 0, n = classesToUpgrade.length, registeredClass; i < n; i++) { - registeredClass = classesToUpgrade[i]; - if (registeredClass) { - // Mark element as upgraded. - upgradedList.push(registeredClass.className); - element.setAttribute('data-upgraded', upgradedList.join(',')); - var instance = new registeredClass.classConstructor(element); - instance[componentConfigProperty_] = registeredClass; - createdComponents_.push(instance); - // Call any callbacks the user has registered with this component type. - for (var j = 0, m = registeredClass.callbacks.length; j < m; j++) { - registeredClass.callbacks[j](element); - } - - if (registeredClass.widget) { - // Assign per element instance for control over API - element[registeredClass.className] = instance; - } - } else { - throw new Error( - 'Unable to find a registered component for the given class.'); - } - - var ev; - if ('CustomEvent' in window && typeof window.CustomEvent === 'function') { - ev = new Event('mdl-componentupgraded', { - 'bubbles': true, 'cancelable': false - }); - } else { - ev = document.createEvent('Events'); - ev.initEvent('mdl-componentupgraded', true, true); - } - element.dispatchEvent(ev); - } - } - - /** - * Upgrades a specific list of elements rather than all in the DOM. - * - * @param {!Element|!Array|!NodeList|!HTMLCollection} elements - * The elements we wish to upgrade. - */ - function upgradeElementsInternal(elements) { - if (!Array.isArray(elements)) { - if (typeof elements.item === 'function') { - elements = Array.prototype.slice.call(/** @type {Array} */ (elements)); - } else { - elements = [elements]; - } - } - for (var i = 0, n = elements.length, element; i < n; i++) { - element = elements[i]; - if (element instanceof HTMLElement) { - upgradeElementInternal(element); - if (element.children.length > 0) { - upgradeElementsInternal(element.children); - } - } - } - } - - /** - * Registers a class for future use and attempts to upgrade existing DOM. - * - * @param {componentHandler.ComponentConfigPublic} config - */ - function registerInternal(config) { - // In order to support both Closure-compiled and uncompiled code accessing - // this method, we need to allow for both the dot and array syntax for - // property access. You'll therefore see the `foo.bar || foo['bar']` - // pattern repeated across this method. - var widgetMissing = (typeof config.widget === 'undefined' && - typeof config['widget'] === 'undefined'); - var widget = true; - - if (!widgetMissing) { - widget = config.widget || config['widget']; - } - - var newConfig = /** @type {componentHandler.ComponentConfig} */ ({ - classConstructor: config.constructor || config['constructor'], - className: config.classAsString || config['classAsString'], - cssClass: config.cssClass || config['cssClass'], - widget: widget, - callbacks: [] - }); - - registeredComponents_.forEach(function(item) { - if (item.cssClass === newConfig.cssClass) { - throw new Error('The provided cssClass has already been registered: ' + item.cssClass); - } - if (item.className === newConfig.className) { - throw new Error('The provided className has already been registered'); - } - }); - - if (config.constructor.prototype - .hasOwnProperty(componentConfigProperty_)) { - throw new Error( - 'MDL component classes must not have ' + componentConfigProperty_ + - ' defined as a property.'); - } - - var found = findRegisteredClass_(config.classAsString, newConfig); - - if (!found) { - registeredComponents_.push(newConfig); - } - } - - /** - * Allows user to be alerted to any upgrades that are performed for a given - * component type - * - * @param {string} jsClass The class name of the MDL component we wish - * to hook into for any upgrades performed. - * @param {function(!HTMLElement)} callback The function to call upon an - * upgrade. This function should expect 1 parameter - the HTMLElement which - * got upgraded. - */ - function registerUpgradedCallbackInternal(jsClass, callback) { - var regClass = findRegisteredClass_(jsClass); - if (regClass) { - regClass.callbacks.push(callback); - } - } - - /** - * Upgrades all registered components found in the current DOM. This is - * automatically called on window load. - */ - function upgradeAllRegisteredInternal() { - for (var n = 0; n < registeredComponents_.length; n++) { - upgradeDomInternal(registeredComponents_[n].className); - } - } - - /** - * Check the component for the downgrade method. - * Execute if found. - * Remove component from createdComponents list. - * - * @param {?componentHandler.Component} component - */ - function deconstructComponentInternal(component) { - if (component) { - var componentIndex = createdComponents_.indexOf(component); - createdComponents_.splice(componentIndex, 1); - - var upgrades = component.element_.getAttribute('data-upgraded').split(','); - var componentPlace = upgrades.indexOf(component[componentConfigProperty_].classAsString); - upgrades.splice(componentPlace, 1); - component.element_.setAttribute('data-upgraded', upgrades.join(',')); - - var ev; - if ('CustomEvent' in window && typeof window.CustomEvent === 'function') { - ev = new Event('mdl-componentdowngraded', { - 'bubbles': true, 'cancelable': false - }); - } else { - ev = document.createEvent('Events'); - ev.initEvent('mdl-componentdowngraded', true, true); - } - } - } - - /** - * Downgrade either a given node, an array of nodes, or a NodeList. - * - * @param {!Node|!Array|!NodeList} nodes - */ - function downgradeNodesInternal(nodes) { - /** - * Auxiliary function to downgrade a single node. - * @param {!Node} node the node to be downgraded - */ - var downgradeNode = function(node) { - createdComponents_.filter(function(item) { - return item.element_ === node; - }).forEach(deconstructComponentInternal); - }; - if (nodes instanceof Array || nodes instanceof NodeList) { - for (var n = 0; n < nodes.length; n++) { - downgradeNode(nodes[n]); - } - } else if (nodes instanceof Node) { - downgradeNode(nodes); - } else { - throw new Error('Invalid argument provided to downgrade MDL nodes.'); - } - } - - // Now return the functions that should be made public with their publicly - // facing names... - return { - upgradeDom: upgradeDomInternal, - upgradeElement: upgradeElementInternal, - upgradeElements: upgradeElementsInternal, - upgradeAllRegistered: upgradeAllRegisteredInternal, - registerUpgradedCallback: registerUpgradedCallbackInternal, - register: registerInternal, - downgradeElements: downgradeNodesInternal - }; -})(); - -/** - * Describes the type of a registered component type managed by - * componentHandler. Provided for benefit of the Closure compiler. - * - * @typedef {{ - * constructor: Function, - * classAsString: string, - * cssClass: string, - * widget: (string|boolean|undefined) - * }} - */ -componentHandler.ComponentConfigPublic; // jshint ignore:line - -/** - * Describes the type of a registered component type managed by - * componentHandler. Provided for benefit of the Closure compiler. - * - * @typedef {{ - * constructor: !Function, - * className: string, - * cssClass: string, - * widget: (string|boolean), - * callbacks: !Array - * }} - */ -componentHandler.ComponentConfig; // jshint ignore:line - -/** - * Created component (i.e., upgraded element) type as managed by - * componentHandler. Provided for benefit of the Closure compiler. - * - * @typedef {{ - * element_: !HTMLElement, - * className: string, - * classAsString: string, - * cssClass: string, - * widget: string - * }} - */ -componentHandler.Component; // jshint ignore:line - -// Export all symbols, for the benefit of Closure compiler. -// No effect on uncompiled code. -componentHandler['upgradeDom'] = componentHandler.upgradeDom; -componentHandler['upgradeElement'] = componentHandler.upgradeElement; -componentHandler['upgradeElements'] = componentHandler.upgradeElements; -componentHandler['upgradeAllRegistered'] = - componentHandler.upgradeAllRegistered; -componentHandler['registerUpgradedCallback'] = - componentHandler.registerUpgradedCallback; -componentHandler['register'] = componentHandler.register; -componentHandler['downgradeElements'] = componentHandler.downgradeElements; -window.componentHandler = componentHandler; -window['componentHandler'] = componentHandler; - -window.addEventListener('load', function() { - 'use strict'; - - /** - * Performs a "Cutting the mustard" test. If the browser supports the features - * tested, adds a mdl-js class to the element. It then upgrades all MDL - * components requiring JavaScript. - */ - if ('classList' in document.createElement('div') && - 'querySelector' in document && - 'addEventListener' in window && Array.prototype.forEach) { - document.documentElement.classList.add('mdl-js'); - componentHandler.upgradeAllRegistered(); - } else { - /** - * Dummy function to avoid JS errors. - */ - componentHandler.upgradeElement = function() {}; - /** - * Dummy function to avoid JS errors. - */ - componentHandler.register = function() {}; - } -}); - -// Source: https://github.com/darius/requestAnimationFrame/blob/master/requestAnimationFrame.js -// Adapted from https://gist.github.com/paulirish/1579671 which derived from -// http://paulirish.com/2011/requestanimationframe-for-smart-animating/ -// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating -// requestAnimationFrame polyfill by Erik Möller. -// Fixes from Paul Irish, Tino Zijdel, Andrew Mao, Klemen Slavič, Darius Bacon -// MIT license -if (!Date.now) { - /** - * Date.now polyfill. - * @return {number} the current Date - */ - Date.now = function () { - return new Date().getTime(); - }; - Date['now'] = Date.now; -} -var vendors = [ - 'webkit', - 'moz' -]; -for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) { - var vp = vendors[i]; - window.requestAnimationFrame = window[vp + 'RequestAnimationFrame']; - window.cancelAnimationFrame = window[vp + 'CancelAnimationFrame'] || window[vp + 'CancelRequestAnimationFrame']; - window['requestAnimationFrame'] = window.requestAnimationFrame; - window['cancelAnimationFrame'] = window.cancelAnimationFrame; -} -if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) { - var lastTime = 0; - /** - * requestAnimationFrame polyfill. - * @param {!Function} callback the callback function. - */ - window.requestAnimationFrame = function (callback) { - var now = Date.now(); - var nextTime = Math.max(lastTime + 16, now); - return setTimeout(function () { - callback(lastTime = nextTime); - }, nextTime - now); - }; - window.cancelAnimationFrame = clearTimeout; - window['requestAnimationFrame'] = window.requestAnimationFrame; - window['cancelAnimationFrame'] = window.cancelAnimationFrame; -} -/** - * @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. - */ -/** - * Class constructor for Button MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialButton = function MaterialButton(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialButton'] = MaterialButton; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialButton.prototype.Constant_ = {}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialButton.prototype.CssClasses_ = { - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_CONTAINER: 'mdl-button__ripple-container', - RIPPLE: 'mdl-ripple' -}; -/** - * Handle blur of element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialButton.prototype.blurHandler_ = function (event) { - if (event) { - this.element_.blur(); - } -}; -// Public methods. -/** - * Disable button. - * - * @public - */ -MaterialButton.prototype.disable = function () { - this.element_.disabled = true; -}; -MaterialButton.prototype['disable'] = MaterialButton.prototype.disable; -/** - * Enable button. - * - * @public - */ -MaterialButton.prototype.enable = function () { - this.element_.disabled = false; -}; -MaterialButton.prototype['enable'] = MaterialButton.prototype.enable; -/** - * Initialize element. - */ -MaterialButton.prototype.init = function () { - if (this.element_) { - if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) { - var rippleContainer = document.createElement('span'); - rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER); - this.rippleElement_ = document.createElement('span'); - this.rippleElement_.classList.add(this.CssClasses_.RIPPLE); - rippleContainer.appendChild(this.rippleElement_); - this.boundRippleBlurHandler = this.blurHandler_.bind(this); - this.rippleElement_.addEventListener('mouseup', this.boundRippleBlurHandler); - this.element_.appendChild(rippleContainer); - } - this.boundButtonBlurHandler = this.blurHandler_.bind(this); - this.element_.addEventListener('mouseup', this.boundButtonBlurHandler); - this.element_.addEventListener('mouseleave', this.boundButtonBlurHandler); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialButton, - classAsString: 'MaterialButton', - cssClass: 'mdl-js-button', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Checkbox MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialCheckbox = function MaterialCheckbox(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialCheckbox'] = MaterialCheckbox; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialCheckbox.prototype.Constant_ = { TINY_TIMEOUT: 0.001 }; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialCheckbox.prototype.CssClasses_ = { - INPUT: 'mdl-checkbox__input', - BOX_OUTLINE: 'mdl-checkbox__box-outline', - FOCUS_HELPER: 'mdl-checkbox__focus-helper', - TICK_OUTLINE: 'mdl-checkbox__tick-outline', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-checkbox__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple', - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked', - IS_UPGRADED: 'is-upgraded' -}; -/** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialCheckbox.prototype.onChange_ = function (event) { - this.updateClasses_(); -}; -/** - * Handle focus of element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialCheckbox.prototype.onFocus_ = function (event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle lost focus of element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialCheckbox.prototype.onBlur_ = function (event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialCheckbox.prototype.onMouseUp_ = function (event) { - this.blur_(); -}; -/** - * Handle class updates. - * - * @private - */ -MaterialCheckbox.prototype.updateClasses_ = function () { - this.checkDisabled(); - this.checkToggleState(); -}; -/** - * Add blur. - * - * @private - */ -MaterialCheckbox.prototype.blur_ = function () { - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function () { - this.inputElement_.blur(); - }.bind(this), this.Constant_.TINY_TIMEOUT); -}; -// Public methods. -/** - * Check the inputs toggle state and update display. - * - * @public - */ -MaterialCheckbox.prototype.checkToggleState = function () { - if (this.inputElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } -}; -MaterialCheckbox.prototype['checkToggleState'] = MaterialCheckbox.prototype.checkToggleState; -/** - * Check the inputs disabled state and update display. - * - * @public - */ -MaterialCheckbox.prototype.checkDisabled = function () { - if (this.inputElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } -}; -MaterialCheckbox.prototype['checkDisabled'] = MaterialCheckbox.prototype.checkDisabled; -/** - * Disable checkbox. - * - * @public - */ -MaterialCheckbox.prototype.disable = function () { - this.inputElement_.disabled = true; - this.updateClasses_(); -}; -MaterialCheckbox.prototype['disable'] = MaterialCheckbox.prototype.disable; -/** - * Enable checkbox. - * - * @public - */ -MaterialCheckbox.prototype.enable = function () { - this.inputElement_.disabled = false; - this.updateClasses_(); -}; -MaterialCheckbox.prototype['enable'] = MaterialCheckbox.prototype.enable; -/** - * Check checkbox. - * - * @public - */ -MaterialCheckbox.prototype.check = function () { - this.inputElement_.checked = true; - this.updateClasses_(); -}; -MaterialCheckbox.prototype['check'] = MaterialCheckbox.prototype.check; -/** - * Uncheck checkbox. - * - * @public - */ -MaterialCheckbox.prototype.uncheck = function () { - this.inputElement_.checked = false; - this.updateClasses_(); -}; -MaterialCheckbox.prototype['uncheck'] = MaterialCheckbox.prototype.uncheck; -/** - * Initialize element. - */ -MaterialCheckbox.prototype.init = function () { - if (this.element_) { - this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT); - var boxOutline = document.createElement('span'); - boxOutline.classList.add(this.CssClasses_.BOX_OUTLINE); - var tickContainer = document.createElement('span'); - tickContainer.classList.add(this.CssClasses_.FOCUS_HELPER); - var tickOutline = document.createElement('span'); - tickOutline.classList.add(this.CssClasses_.TICK_OUTLINE); - boxOutline.appendChild(tickOutline); - this.element_.appendChild(tickContainer); - this.element_.appendChild(boxOutline); - if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - this.rippleContainerElement_ = document.createElement('span'); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER); - this.boundRippleMouseUp = this.onMouseUp_.bind(this); - this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp); - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - this.rippleContainerElement_.appendChild(ripple); - this.element_.appendChild(this.rippleContainerElement_); - } - this.boundInputOnChange = this.onChange_.bind(this); - this.boundInputOnFocus = this.onFocus_.bind(this); - this.boundInputOnBlur = this.onBlur_.bind(this); - this.boundElementMouseUp = this.onMouseUp_.bind(this); - this.inputElement_.addEventListener('change', this.boundInputOnChange); - this.inputElement_.addEventListener('focus', this.boundInputOnFocus); - this.inputElement_.addEventListener('blur', this.boundInputOnBlur); - this.element_.addEventListener('mouseup', this.boundElementMouseUp); - this.updateClasses_(); - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialCheckbox, - classAsString: 'MaterialCheckbox', - cssClass: 'mdl-js-checkbox', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for icon toggle MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialIconToggle = function MaterialIconToggle(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialIconToggle'] = MaterialIconToggle; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialIconToggle.prototype.Constant_ = { TINY_TIMEOUT: 0.001 }; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialIconToggle.prototype.CssClasses_ = { - INPUT: 'mdl-icon-toggle__input', - JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-icon-toggle__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple', - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked' -}; -/** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialIconToggle.prototype.onChange_ = function (event) { - this.updateClasses_(); -}; -/** - * Handle focus of element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialIconToggle.prototype.onFocus_ = function (event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle lost focus of element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialIconToggle.prototype.onBlur_ = function (event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialIconToggle.prototype.onMouseUp_ = function (event) { - this.blur_(); -}; -/** - * Handle class updates. - * - * @private - */ -MaterialIconToggle.prototype.updateClasses_ = function () { - this.checkDisabled(); - this.checkToggleState(); -}; -/** - * Add blur. - * - * @private - */ -MaterialIconToggle.prototype.blur_ = function () { - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function () { - this.inputElement_.blur(); - }.bind(this), this.Constant_.TINY_TIMEOUT); -}; -// Public methods. -/** - * Check the inputs toggle state and update display. - * - * @public - */ -MaterialIconToggle.prototype.checkToggleState = function () { - if (this.inputElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } -}; -MaterialIconToggle.prototype['checkToggleState'] = MaterialIconToggle.prototype.checkToggleState; -/** - * Check the inputs disabled state and update display. - * - * @public - */ -MaterialIconToggle.prototype.checkDisabled = function () { - if (this.inputElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } -}; -MaterialIconToggle.prototype['checkDisabled'] = MaterialIconToggle.prototype.checkDisabled; -/** - * Disable icon toggle. - * - * @public - */ -MaterialIconToggle.prototype.disable = function () { - this.inputElement_.disabled = true; - this.updateClasses_(); -}; -MaterialIconToggle.prototype['disable'] = MaterialIconToggle.prototype.disable; -/** - * Enable icon toggle. - * - * @public - */ -MaterialIconToggle.prototype.enable = function () { - this.inputElement_.disabled = false; - this.updateClasses_(); -}; -MaterialIconToggle.prototype['enable'] = MaterialIconToggle.prototype.enable; -/** - * Check icon toggle. - * - * @public - */ -MaterialIconToggle.prototype.check = function () { - this.inputElement_.checked = true; - this.updateClasses_(); -}; -MaterialIconToggle.prototype['check'] = MaterialIconToggle.prototype.check; -/** - * Uncheck icon toggle. - * - * @public - */ -MaterialIconToggle.prototype.uncheck = function () { - this.inputElement_.checked = false; - this.updateClasses_(); -}; -MaterialIconToggle.prototype['uncheck'] = MaterialIconToggle.prototype.uncheck; -/** - * Initialize element. - */ -MaterialIconToggle.prototype.init = function () { - if (this.element_) { - this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT); - if (this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - this.rippleContainerElement_ = document.createElement('span'); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER); - this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER); - this.boundRippleMouseUp = this.onMouseUp_.bind(this); - this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp); - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - this.rippleContainerElement_.appendChild(ripple); - this.element_.appendChild(this.rippleContainerElement_); - } - this.boundInputOnChange = this.onChange_.bind(this); - this.boundInputOnFocus = this.onFocus_.bind(this); - this.boundInputOnBlur = this.onBlur_.bind(this); - this.boundElementOnMouseUp = this.onMouseUp_.bind(this); - this.inputElement_.addEventListener('change', this.boundInputOnChange); - this.inputElement_.addEventListener('focus', this.boundInputOnFocus); - this.inputElement_.addEventListener('blur', this.boundInputOnBlur); - this.element_.addEventListener('mouseup', this.boundElementOnMouseUp); - this.updateClasses_(); - this.element_.classList.add('is-upgraded'); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialIconToggle, - classAsString: 'MaterialIconToggle', - cssClass: 'mdl-js-icon-toggle', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for dropdown MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialMenu = function MaterialMenu(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialMenu'] = MaterialMenu; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialMenu.prototype.Constant_ = { - // Total duration of the menu animation. - TRANSITION_DURATION_SECONDS: 0.3, - // The fraction of the total duration we want to use for menu item animations. - TRANSITION_DURATION_FRACTION: 0.8, - // How long the menu stays open after choosing an option (so the user can see - // the ripple). - CLOSE_TIMEOUT: 150 -}; -/** - * Keycodes, for code readability. - * - * @enum {number} - * @private - */ -MaterialMenu.prototype.Keycodes_ = { - ENTER: 13, - ESCAPE: 27, - SPACE: 32, - UP_ARROW: 38, - DOWN_ARROW: 40 -}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialMenu.prototype.CssClasses_ = { - CONTAINER: 'mdl-menu__container', - OUTLINE: 'mdl-menu__outline', - ITEM: 'mdl-menu__item', - ITEM_RIPPLE_CONTAINER: 'mdl-menu__item-ripple-container', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE: 'mdl-ripple', - // Statuses - IS_UPGRADED: 'is-upgraded', - IS_VISIBLE: 'is-visible', - IS_ANIMATING: 'is-animating', - // Alignment options - BOTTOM_LEFT: 'mdl-menu--bottom-left', - // This is the default. - BOTTOM_RIGHT: 'mdl-menu--bottom-right', - TOP_LEFT: 'mdl-menu--top-left', - TOP_RIGHT: 'mdl-menu--top-right', - UNALIGNED: 'mdl-menu--unaligned' -}; -/** - * Initialize element. - */ -MaterialMenu.prototype.init = function () { - if (this.element_) { - // Create container for the menu. - var container = document.createElement('div'); - container.classList.add(this.CssClasses_.CONTAINER); - this.element_.parentElement.insertBefore(container, this.element_); - this.element_.parentElement.removeChild(this.element_); - container.appendChild(this.element_); - this.container_ = container; - // Create outline for the menu (shadow and background). - var outline = document.createElement('div'); - outline.classList.add(this.CssClasses_.OUTLINE); - this.outline_ = outline; - container.insertBefore(outline, this.element_); - // Find the "for" element and bind events to it. - var forElId = this.element_.getAttribute('for') || this.element_.getAttribute('data-mdl-for'); - var forEl = null; - if (forElId) { - forEl = document.getElementById(forElId); - if (forEl) { - this.forElement_ = forEl; - forEl.addEventListener('click', this.handleForClick_.bind(this)); - forEl.addEventListener('keydown', this.handleForKeyboardEvent_.bind(this)); - } - } - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM); - this.boundItemKeydown_ = this.handleItemKeyboardEvent_.bind(this); - this.boundItemClick_ = this.handleItemClick_.bind(this); - for (var i = 0; i < items.length; i++) { - // Add a listener to each menu item. - items[i].addEventListener('click', this.boundItemClick_); - // Add a tab index to each menu item. - items[i].tabIndex = '-1'; - // Add a keyboard listener to each menu item. - items[i].addEventListener('keydown', this.boundItemKeydown_); - } - // Add ripple classes to each item, if the user has enabled ripples. - if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - for (i = 0; i < items.length; i++) { - var item = items[i]; - var rippleContainer = document.createElement('span'); - rippleContainer.classList.add(this.CssClasses_.ITEM_RIPPLE_CONTAINER); - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - rippleContainer.appendChild(ripple); - item.appendChild(rippleContainer); - item.classList.add(this.CssClasses_.RIPPLE_EFFECT); - } - } - // Copy alignment classes to the container, so the outline can use them. - if (this.element_.classList.contains(this.CssClasses_.BOTTOM_LEFT)) { - this.outline_.classList.add(this.CssClasses_.BOTTOM_LEFT); - } - if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) { - this.outline_.classList.add(this.CssClasses_.BOTTOM_RIGHT); - } - if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) { - this.outline_.classList.add(this.CssClasses_.TOP_LEFT); - } - if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - this.outline_.classList.add(this.CssClasses_.TOP_RIGHT); - } - if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) { - this.outline_.classList.add(this.CssClasses_.UNALIGNED); - } - container.classList.add(this.CssClasses_.IS_UPGRADED); - } -}; -/** - * Handles a click on the "for" element, by positioning the menu and then - * toggling it. - * - * @param {Event} evt The event that fired. - * @private - */ -MaterialMenu.prototype.handleForClick_ = function (evt) { - if (this.element_ && this.forElement_) { - var rect = this.forElement_.getBoundingClientRect(); - var forRect = this.forElement_.parentElement.getBoundingClientRect(); - if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) { - } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) { - // Position below the "for" element, aligned to its right. - this.container_.style.right = forRect.right - rect.right + 'px'; - this.container_.style.top = this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) { - // Position above the "for" element, aligned to its left. - this.container_.style.left = this.forElement_.offsetLeft + 'px'; - this.container_.style.bottom = forRect.bottom - rect.top + 'px'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - // Position above the "for" element, aligned to its right. - this.container_.style.right = forRect.right - rect.right + 'px'; - this.container_.style.bottom = forRect.bottom - rect.top + 'px'; - } else { - // Default: position below the "for" element, aligned to its left. - this.container_.style.left = this.forElement_.offsetLeft + 'px'; - this.container_.style.top = this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px'; - } - } - this.toggle(evt); -}; -/** - * Handles a keyboard event on the "for" element. - * - * @param {Event} evt The event that fired. - * @private - */ -MaterialMenu.prototype.handleForKeyboardEvent_ = function (evt) { - if (this.element_ && this.container_ && this.forElement_) { - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + ':not([disabled])'); - if (items && items.length > 0 && this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) { - if (evt.keyCode === this.Keycodes_.UP_ARROW) { - evt.preventDefault(); - items[items.length - 1].focus(); - } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) { - evt.preventDefault(); - items[0].focus(); - } - } - } -}; -/** - * Handles a keyboard event on an item. - * - * @param {Event} evt The event that fired. - * @private - */ -MaterialMenu.prototype.handleItemKeyboardEvent_ = function (evt) { - if (this.element_ && this.container_) { - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + ':not([disabled])'); - if (items && items.length > 0 && this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) { - var currentIndex = Array.prototype.slice.call(items).indexOf(evt.target); - if (evt.keyCode === this.Keycodes_.UP_ARROW) { - evt.preventDefault(); - if (currentIndex > 0) { - items[currentIndex - 1].focus(); - } else { - items[items.length - 1].focus(); - } - } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) { - evt.preventDefault(); - if (items.length > currentIndex + 1) { - items[currentIndex + 1].focus(); - } else { - items[0].focus(); - } - } else if (evt.keyCode === this.Keycodes_.SPACE || evt.keyCode === this.Keycodes_.ENTER) { - evt.preventDefault(); - // Send mousedown and mouseup to trigger ripple. - var e = new MouseEvent('mousedown'); - evt.target.dispatchEvent(e); - e = new MouseEvent('mouseup'); - evt.target.dispatchEvent(e); - // Send click. - evt.target.click(); - } else if (evt.keyCode === this.Keycodes_.ESCAPE) { - evt.preventDefault(); - this.hide(); - } - } - } -}; -/** - * Handles a click event on an item. - * - * @param {Event} evt The event that fired. - * @private - */ -MaterialMenu.prototype.handleItemClick_ = function (evt) { - if (evt.target.hasAttribute('disabled')) { - evt.stopPropagation(); - } else { - // Wait some time before closing menu, so the user can see the ripple. - this.closing_ = true; - window.setTimeout(function (evt) { - this.hide(); - this.closing_ = false; - }.bind(this), this.Constant_.CLOSE_TIMEOUT); - } -}; -/** - * Calculates the initial clip (for opening the menu) or final clip (for closing - * it), and applies it. This allows us to animate from or to the correct point, - * that is, the point it's aligned to in the "for" element. - * - * @param {number} height Height of the clip rectangle - * @param {number} width Width of the clip rectangle - * @private - */ -MaterialMenu.prototype.applyClip_ = function (height, width) { - if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) { - // Do not clip. - this.element_.style.clip = ''; - } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) { - // Clip to the top right corner of the menu. - this.element_.style.clip = 'rect(0 ' + width + 'px ' + '0 ' + width + 'px)'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) { - // Clip to the bottom left corner of the menu. - this.element_.style.clip = 'rect(' + height + 'px 0 ' + height + 'px 0)'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - // Clip to the bottom right corner of the menu. - this.element_.style.clip = 'rect(' + height + 'px ' + width + 'px ' + height + 'px ' + width + 'px)'; - } else { - // Default: do not clip (same as clipping to the top left corner). - this.element_.style.clip = ''; - } -}; -/** - * Cleanup function to remove animation listeners. - * - * @param {Event} evt - * @private - */ -MaterialMenu.prototype.removeAnimationEndListener_ = function (evt) { - evt.target.classList.remove(MaterialMenu.prototype.CssClasses_.IS_ANIMATING); -}; -/** - * Adds an event listener to clean up after the animation ends. - * - * @private - */ -MaterialMenu.prototype.addAnimationEndListener_ = function () { - this.element_.addEventListener('transitionend', this.removeAnimationEndListener_); - this.element_.addEventListener('webkitTransitionEnd', this.removeAnimationEndListener_); -}; -/** - * Displays the menu. - * - * @public - */ -MaterialMenu.prototype.show = function (evt) { - if (this.element_ && this.container_ && this.outline_) { - // Measure the inner element. - var height = this.element_.getBoundingClientRect().height; - var width = this.element_.getBoundingClientRect().width; - // Apply the inner element's size to the container and outline. - this.container_.style.width = width + 'px'; - this.container_.style.height = height + 'px'; - this.outline_.style.width = width + 'px'; - this.outline_.style.height = height + 'px'; - var transitionDuration = this.Constant_.TRANSITION_DURATION_SECONDS * this.Constant_.TRANSITION_DURATION_FRACTION; - // Calculate transition delays for individual menu items, so that they fade - // in one at a time. - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM); - for (var i = 0; i < items.length; i++) { - var itemDelay = null; - if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT) || this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - itemDelay = (height - items[i].offsetTop - items[i].offsetHeight) / height * transitionDuration + 's'; - } else { - itemDelay = items[i].offsetTop / height * transitionDuration + 's'; - } - items[i].style.transitionDelay = itemDelay; - } - // Apply the initial clip to the text before we start animating. - this.applyClip_(height, width); - // Wait for the next frame, turn on animation, and apply the final clip. - // Also make it visible. This triggers the transitions. - window.requestAnimationFrame(function () { - this.element_.classList.add(this.CssClasses_.IS_ANIMATING); - this.element_.style.clip = 'rect(0 ' + width + 'px ' + height + 'px 0)'; - this.container_.classList.add(this.CssClasses_.IS_VISIBLE); - }.bind(this)); - // Clean up after the animation is complete. - this.addAnimationEndListener_(); - // Add a click listener to the document, to close the menu. - var callback = function (e) { - // Check to see if the document is processing the same event that - // displayed the menu in the first place. If so, do nothing. - // Also check to see if the menu is in the process of closing itself, and - // do nothing in that case. - // Also check if the clicked element is a menu item - // if so, do nothing. - if (e !== evt && !this.closing_ && e.target.parentNode !== this.element_) { - document.removeEventListener('click', callback); - this.hide(); - } - }.bind(this); - document.addEventListener('click', callback); - } -}; -MaterialMenu.prototype['show'] = MaterialMenu.prototype.show; -/** - * Hides the menu. - * - * @public - */ -MaterialMenu.prototype.hide = function () { - if (this.element_ && this.container_ && this.outline_) { - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM); - // Remove all transition delays; menu items fade out concurrently. - for (var i = 0; i < items.length; i++) { - items[i].style.removeProperty('transition-delay'); - } - // Measure the inner element. - var rect = this.element_.getBoundingClientRect(); - var height = rect.height; - var width = rect.width; - // Turn on animation, and apply the final clip. Also make invisible. - // This triggers the transitions. - this.element_.classList.add(this.CssClasses_.IS_ANIMATING); - this.applyClip_(height, width); - this.container_.classList.remove(this.CssClasses_.IS_VISIBLE); - // Clean up after the animation is complete. - this.addAnimationEndListener_(); - } -}; -MaterialMenu.prototype['hide'] = MaterialMenu.prototype.hide; -/** - * Displays or hides the menu, depending on current state. - * - * @public - */ -MaterialMenu.prototype.toggle = function (evt) { - if (this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) { - this.hide(); - } else { - this.show(evt); - } -}; -MaterialMenu.prototype['toggle'] = MaterialMenu.prototype.toggle; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialMenu, - classAsString: 'MaterialMenu', - cssClass: 'mdl-js-menu', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Progress MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialProgress = function MaterialProgress(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialProgress'] = MaterialProgress; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialProgress.prototype.Constant_ = {}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialProgress.prototype.CssClasses_ = { INDETERMINATE_CLASS: 'mdl-progress__indeterminate' }; -/** - * Set the current progress of the progressbar. - * - * @param {number} p Percentage of the progress (0-100) - * @public - */ -MaterialProgress.prototype.setProgress = function (p) { - if (this.element_.classList.contains(this.CssClasses_.INDETERMINATE_CLASS)) { - return; - } - this.progressbar_.style.width = p + '%'; -}; -MaterialProgress.prototype['setProgress'] = MaterialProgress.prototype.setProgress; -/** - * Set the current progress of the buffer. - * - * @param {number} p Percentage of the buffer (0-100) - * @public - */ -MaterialProgress.prototype.setBuffer = function (p) { - this.bufferbar_.style.width = p + '%'; - this.auxbar_.style.width = 100 - p + '%'; -}; -MaterialProgress.prototype['setBuffer'] = MaterialProgress.prototype.setBuffer; -/** - * Initialize element. - */ -MaterialProgress.prototype.init = function () { - if (this.element_) { - var el = document.createElement('div'); - el.className = 'progressbar bar bar1'; - this.element_.appendChild(el); - this.progressbar_ = el; - el = document.createElement('div'); - el.className = 'bufferbar bar bar2'; - this.element_.appendChild(el); - this.bufferbar_ = el; - el = document.createElement('div'); - el.className = 'auxbar bar bar3'; - this.element_.appendChild(el); - this.auxbar_ = el; - this.progressbar_.style.width = '0%'; - this.bufferbar_.style.width = '100%'; - this.auxbar_.style.width = '0%'; - this.element_.classList.add('is-upgraded'); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialProgress, - classAsString: 'MaterialProgress', - cssClass: 'mdl-js-progress', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Radio MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialRadio = function MaterialRadio(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialRadio'] = MaterialRadio; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialRadio.prototype.Constant_ = { TINY_TIMEOUT: 0.001 }; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialRadio.prototype.CssClasses_ = { - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked', - IS_UPGRADED: 'is-upgraded', - JS_RADIO: 'mdl-js-radio', - RADIO_BTN: 'mdl-radio__button', - RADIO_OUTER_CIRCLE: 'mdl-radio__outer-circle', - RADIO_INNER_CIRCLE: 'mdl-radio__inner-circle', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-radio__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple' -}; -/** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialRadio.prototype.onChange_ = function (event) { - // Since other radio buttons don't get change events, we need to look for - // them to update their classes. - var radios = document.getElementsByClassName(this.CssClasses_.JS_RADIO); - for (var i = 0; i < radios.length; i++) { - var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN); - // Different name == different group, so no point updating those. - if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) { - radios[i]['MaterialRadio'].updateClasses_(); - } - } -}; -/** - * Handle focus. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialRadio.prototype.onFocus_ = function (event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle lost focus. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialRadio.prototype.onBlur_ = function (event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialRadio.prototype.onMouseup_ = function (event) { - this.blur_(); -}; -/** - * Update classes. - * - * @private - */ -MaterialRadio.prototype.updateClasses_ = function () { - this.checkDisabled(); - this.checkToggleState(); -}; -/** - * Add blur. - * - * @private - */ -MaterialRadio.prototype.blur_ = function () { - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function () { - this.btnElement_.blur(); - }.bind(this), this.Constant_.TINY_TIMEOUT); -}; -// Public methods. -/** - * Check the components disabled state. - * - * @public - */ -MaterialRadio.prototype.checkDisabled = function () { - if (this.btnElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } -}; -MaterialRadio.prototype['checkDisabled'] = MaterialRadio.prototype.checkDisabled; -/** - * Check the components toggled state. - * - * @public - */ -MaterialRadio.prototype.checkToggleState = function () { - if (this.btnElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } -}; -MaterialRadio.prototype['checkToggleState'] = MaterialRadio.prototype.checkToggleState; -/** - * Disable radio. - * - * @public - */ -MaterialRadio.prototype.disable = function () { - this.btnElement_.disabled = true; - this.updateClasses_(); -}; -MaterialRadio.prototype['disable'] = MaterialRadio.prototype.disable; -/** - * Enable radio. - * - * @public - */ -MaterialRadio.prototype.enable = function () { - this.btnElement_.disabled = false; - this.updateClasses_(); -}; -MaterialRadio.prototype['enable'] = MaterialRadio.prototype.enable; -/** - * Check radio. - * - * @public - */ -MaterialRadio.prototype.check = function () { - this.btnElement_.checked = true; - this.updateClasses_(); -}; -MaterialRadio.prototype['check'] = MaterialRadio.prototype.check; -/** - * Uncheck radio. - * - * @public - */ -MaterialRadio.prototype.uncheck = function () { - this.btnElement_.checked = false; - this.updateClasses_(); -}; -MaterialRadio.prototype['uncheck'] = MaterialRadio.prototype.uncheck; -/** - * Initialize element. - */ -MaterialRadio.prototype.init = function () { - if (this.element_) { - this.btnElement_ = this.element_.querySelector('.' + this.CssClasses_.RADIO_BTN); - this.boundChangeHandler_ = this.onChange_.bind(this); - this.boundFocusHandler_ = this.onChange_.bind(this); - this.boundBlurHandler_ = this.onBlur_.bind(this); - this.boundMouseUpHandler_ = this.onMouseup_.bind(this); - var outerCircle = document.createElement('span'); - outerCircle.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE); - var innerCircle = document.createElement('span'); - innerCircle.classList.add(this.CssClasses_.RADIO_INNER_CIRCLE); - this.element_.appendChild(outerCircle); - this.element_.appendChild(innerCircle); - var rippleContainer; - if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - rippleContainer = document.createElement('span'); - rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER); - rippleContainer.classList.add(this.CssClasses_.RIPPLE_EFFECT); - rippleContainer.classList.add(this.CssClasses_.RIPPLE_CENTER); - rippleContainer.addEventListener('mouseup', this.boundMouseUpHandler_); - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - rippleContainer.appendChild(ripple); - this.element_.appendChild(rippleContainer); - } - this.btnElement_.addEventListener('change', this.boundChangeHandler_); - this.btnElement_.addEventListener('focus', this.boundFocusHandler_); - this.btnElement_.addEventListener('blur', this.boundBlurHandler_); - this.element_.addEventListener('mouseup', this.boundMouseUpHandler_); - this.updateClasses_(); - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialRadio, - classAsString: 'MaterialRadio', - cssClass: 'mdl-js-radio', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Slider MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialSlider = function MaterialSlider(element) { - this.element_ = element; - // Browser feature detection. - this.isIE_ = window.navigator.msPointerEnabled; - // Initialize instance. - this.init(); -}; -window['MaterialSlider'] = MaterialSlider; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialSlider.prototype.Constant_ = {}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialSlider.prototype.CssClasses_ = { - IE_CONTAINER: 'mdl-slider__ie-container', - SLIDER_CONTAINER: 'mdl-slider__container', - BACKGROUND_FLEX: 'mdl-slider__background-flex', - BACKGROUND_LOWER: 'mdl-slider__background-lower', - BACKGROUND_UPPER: 'mdl-slider__background-upper', - IS_LOWEST_VALUE: 'is-lowest-value', - IS_UPGRADED: 'is-upgraded' -}; -/** - * Handle input on element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialSlider.prototype.onInput_ = function (event) { - this.updateValueStyles_(); -}; -/** - * Handle change on element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialSlider.prototype.onChange_ = function (event) { - this.updateValueStyles_(); -}; -/** - * Handle mouseup on element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialSlider.prototype.onMouseUp_ = function (event) { - event.target.blur(); -}; -/** - * Handle mousedown on container element. - * This handler is purpose is to not require the use to click - * exactly on the 2px slider element, as FireFox seems to be very - * strict about this. - * - * @param {Event} event The event that fired. - * @private - * @suppress {missingProperties} - */ -MaterialSlider.prototype.onContainerMouseDown_ = function (event) { - // If this click is not on the parent element (but rather some child) - // ignore. It may still bubble up. - if (event.target !== this.element_.parentElement) { - return; - } - // Discard the original event and create a new event that - // is on the slider element. - event.preventDefault(); - var newEvent = new MouseEvent('mousedown', { - target: event.target, - buttons: event.buttons, - clientX: event.clientX, - clientY: this.element_.getBoundingClientRect().y - }); - this.element_.dispatchEvent(newEvent); -}; -/** - * Handle updating of values. - * - * @private - */ -MaterialSlider.prototype.updateValueStyles_ = function () { - // Calculate and apply percentages to div structure behind slider. - var fraction = (this.element_.value - this.element_.min) / (this.element_.max - this.element_.min); - if (fraction === 0) { - this.element_.classList.add(this.CssClasses_.IS_LOWEST_VALUE); - } else { - this.element_.classList.remove(this.CssClasses_.IS_LOWEST_VALUE); - } - if (!this.isIE_) { - this.backgroundLower_.style.flex = fraction; - this.backgroundLower_.style.webkitFlex = fraction; - this.backgroundUpper_.style.flex = 1 - fraction; - this.backgroundUpper_.style.webkitFlex = 1 - fraction; - } -}; -// Public methods. -/** - * Disable slider. - * - * @public - */ -MaterialSlider.prototype.disable = function () { - this.element_.disabled = true; -}; -MaterialSlider.prototype['disable'] = MaterialSlider.prototype.disable; -/** - * Enable slider. - * - * @public - */ -MaterialSlider.prototype.enable = function () { - this.element_.disabled = false; -}; -MaterialSlider.prototype['enable'] = MaterialSlider.prototype.enable; -/** - * Update slider value. - * - * @param {number} value The value to which to set the control (optional). - * @public - */ -MaterialSlider.prototype.change = function (value) { - if (typeof value !== 'undefined') { - this.element_.value = value; - } - this.updateValueStyles_(); -}; -MaterialSlider.prototype['change'] = MaterialSlider.prototype.change; -/** - * Initialize element. - */ -MaterialSlider.prototype.init = function () { - if (this.element_) { - if (this.isIE_) { - // Since we need to specify a very large height in IE due to - // implementation limitations, we add a parent here that trims it down to - // a reasonable size. - var containerIE = document.createElement('div'); - containerIE.classList.add(this.CssClasses_.IE_CONTAINER); - this.element_.parentElement.insertBefore(containerIE, this.element_); - this.element_.parentElement.removeChild(this.element_); - containerIE.appendChild(this.element_); - } else { - // For non-IE browsers, we need a div structure that sits behind the - // slider and allows us to style the left and right sides of it with - // different colors. - var container = document.createElement('div'); - container.classList.add(this.CssClasses_.SLIDER_CONTAINER); - this.element_.parentElement.insertBefore(container, this.element_); - this.element_.parentElement.removeChild(this.element_); - container.appendChild(this.element_); - var backgroundFlex = document.createElement('div'); - backgroundFlex.classList.add(this.CssClasses_.BACKGROUND_FLEX); - container.appendChild(backgroundFlex); - this.backgroundLower_ = document.createElement('div'); - this.backgroundLower_.classList.add(this.CssClasses_.BACKGROUND_LOWER); - backgroundFlex.appendChild(this.backgroundLower_); - this.backgroundUpper_ = document.createElement('div'); - this.backgroundUpper_.classList.add(this.CssClasses_.BACKGROUND_UPPER); - backgroundFlex.appendChild(this.backgroundUpper_); - } - this.boundInputHandler = this.onInput_.bind(this); - this.boundChangeHandler = this.onChange_.bind(this); - this.boundMouseUpHandler = this.onMouseUp_.bind(this); - this.boundContainerMouseDownHandler = this.onContainerMouseDown_.bind(this); - this.element_.addEventListener('input', this.boundInputHandler); - this.element_.addEventListener('change', this.boundChangeHandler); - this.element_.addEventListener('mouseup', this.boundMouseUpHandler); - this.element_.parentElement.addEventListener('mousedown', this.boundContainerMouseDownHandler); - this.updateValueStyles_(); - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialSlider, - classAsString: 'MaterialSlider', - cssClass: 'mdl-js-slider', - widget: true -}); -/** - * 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. - */ -/** - * Class constructor for Snackbar MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialSnackbar = function MaterialSnackbar(element) { - this.element_ = element; - this.textElement_ = this.element_.querySelector('.' + this.cssClasses_.MESSAGE); - this.actionElement_ = this.element_.querySelector('.' + this.cssClasses_.ACTION); - if (!this.textElement_) { - throw new Error('There must be a message element for a snackbar.'); - } - if (!this.actionElement_) { - throw new Error('There must be an action element for a snackbar.'); - } - this.active = false; - this.actionHandler_ = undefined; - this.message_ = undefined; - this.actionText_ = undefined; - this.queuedNotifications_ = []; - this.setActionHidden_(true); -}; -window['MaterialSnackbar'] = MaterialSnackbar; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialSnackbar.prototype.Constant_ = { - // The duration of the snackbar show/hide animation, in ms. - ANIMATION_LENGTH: 250 -}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialSnackbar.prototype.cssClasses_ = { - SNACKBAR: 'mdl-snackbar', - MESSAGE: 'mdl-snackbar__text', - ACTION: 'mdl-snackbar__action', - ACTIVE: 'mdl-snackbar--active' -}; -/** - * Display the snackbar. - * - * @private - */ -MaterialSnackbar.prototype.displaySnackbar_ = function () { - this.element_.setAttribute('aria-hidden', 'true'); - if (this.actionHandler_) { - this.actionElement_.textContent = this.actionText_; - this.actionElement_.addEventListener('click', this.actionHandler_); - this.setActionHidden_(false); - } - this.textElement_.textContent = this.message_; - this.element_.classList.add(this.cssClasses_.ACTIVE); - this.element_.setAttribute('aria-hidden', 'false'); - setTimeout(this.cleanup_.bind(this), this.timeout_); -}; -/** - * Show the snackbar. - * - * @param {Object} data The data for the notification. - * @public - */ -MaterialSnackbar.prototype.showSnackbar = function (data) { - if (data === undefined) { - throw new Error('Please provide a data object with at least a message to display.'); - } - if (data['message'] === undefined) { - throw new Error('Please provide a message to be displayed.'); - } - if (data['actionHandler'] && !data['actionText']) { - throw new Error('Please provide action text with the handler.'); - } - if (this.active) { - this.queuedNotifications_.push(data); - } else { - this.active = true; - this.message_ = data['message']; - if (data['timeout']) { - this.timeout_ = data['timeout']; - } else { - this.timeout_ = 2750; - } - if (data['actionHandler']) { - this.actionHandler_ = data['actionHandler']; - } - if (data['actionText']) { - this.actionText_ = data['actionText']; - } - this.displaySnackbar_(); - } -}; -MaterialSnackbar.prototype['showSnackbar'] = MaterialSnackbar.prototype.showSnackbar; -/** - * Check if the queue has items within it. - * If it does, display the next entry. - * - * @private - */ -MaterialSnackbar.prototype.checkQueue_ = function () { - if (this.queuedNotifications_.length > 0) { - this.showSnackbar(this.queuedNotifications_.shift()); - } -}; -/** - * Cleanup the snackbar event listeners and accessiblity attributes. - * - * @private - */ -MaterialSnackbar.prototype.cleanup_ = function () { - this.element_.classList.remove(this.cssClasses_.ACTIVE); - setTimeout(function () { - this.element_.setAttribute('aria-hidden', 'true'); - this.textElement_.textContent = ''; - if (!Boolean(this.actionElement_.getAttribute('aria-hidden'))) { - this.setActionHidden_(true); - this.actionElement_.textContent = ''; - this.actionElement_.removeEventListener('click', this.actionHandler_); - } - this.actionHandler_ = undefined; - this.message_ = undefined; - this.actionText_ = undefined; - this.active = false; - this.checkQueue_(); - }.bind(this), this.Constant_.ANIMATION_LENGTH); -}; -/** - * Set the action handler hidden state. - * - * @param {boolean} value - * @private - */ -MaterialSnackbar.prototype.setActionHidden_ = function (value) { - if (value) { - this.actionElement_.setAttribute('aria-hidden', 'true'); - } else { - this.actionElement_.removeAttribute('aria-hidden'); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialSnackbar, - classAsString: 'MaterialSnackbar', - cssClass: 'mdl-js-snackbar', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Spinner MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @param {HTMLElement} element The element that will be upgraded. - * @constructor - */ -var MaterialSpinner = function MaterialSpinner(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialSpinner'] = MaterialSpinner; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialSpinner.prototype.Constant_ = { MDL_SPINNER_LAYER_COUNT: 4 }; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialSpinner.prototype.CssClasses_ = { - MDL_SPINNER_LAYER: 'mdl-spinner__layer', - MDL_SPINNER_CIRCLE_CLIPPER: 'mdl-spinner__circle-clipper', - MDL_SPINNER_CIRCLE: 'mdl-spinner__circle', - MDL_SPINNER_GAP_PATCH: 'mdl-spinner__gap-patch', - MDL_SPINNER_LEFT: 'mdl-spinner__left', - MDL_SPINNER_RIGHT: 'mdl-spinner__right' -}; -/** - * Auxiliary method to create a spinner layer. - * - * @param {number} index Index of the layer to be created. - * @public - */ -MaterialSpinner.prototype.createLayer = function (index) { - var layer = document.createElement('div'); - layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER); - layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER + '-' + index); - var leftClipper = document.createElement('div'); - leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER); - leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_LEFT); - var gapPatch = document.createElement('div'); - gapPatch.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH); - var rightClipper = document.createElement('div'); - rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER); - rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_RIGHT); - var circleOwners = [ - leftClipper, - gapPatch, - rightClipper - ]; - for (var i = 0; i < circleOwners.length; i++) { - var circle = document.createElement('div'); - circle.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE); - circleOwners[i].appendChild(circle); - } - layer.appendChild(leftClipper); - layer.appendChild(gapPatch); - layer.appendChild(rightClipper); - this.element_.appendChild(layer); -}; -MaterialSpinner.prototype['createLayer'] = MaterialSpinner.prototype.createLayer; -/** - * Stops the spinner animation. - * Public method for users who need to stop the spinner for any reason. - * - * @public - */ -MaterialSpinner.prototype.stop = function () { - this.element_.classList.remove('is-active'); -}; -MaterialSpinner.prototype['stop'] = MaterialSpinner.prototype.stop; -/** - * Starts the spinner animation. - * Public method for users who need to manually start the spinner for any reason - * (instead of just adding the 'is-active' class to their markup). - * - * @public - */ -MaterialSpinner.prototype.start = function () { - this.element_.classList.add('is-active'); -}; -MaterialSpinner.prototype['start'] = MaterialSpinner.prototype.start; -/** - * Initialize element. - */ -MaterialSpinner.prototype.init = function () { - if (this.element_) { - for (var i = 1; i <= this.Constant_.MDL_SPINNER_LAYER_COUNT; i++) { - this.createLayer(i); - } - this.element_.classList.add('is-upgraded'); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialSpinner, - classAsString: 'MaterialSpinner', - cssClass: 'mdl-js-spinner', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Checkbox MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialSwitch = function MaterialSwitch(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialSwitch'] = MaterialSwitch; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialSwitch.prototype.Constant_ = { TINY_TIMEOUT: 0.001 }; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialSwitch.prototype.CssClasses_ = { - INPUT: 'mdl-switch__input', - TRACK: 'mdl-switch__track', - THUMB: 'mdl-switch__thumb', - FOCUS_HELPER: 'mdl-switch__focus-helper', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-switch__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple', - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked' -}; -/** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialSwitch.prototype.onChange_ = function (event) { - this.updateClasses_(); -}; -/** - * Handle focus of element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialSwitch.prototype.onFocus_ = function (event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle lost focus of element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialSwitch.prototype.onBlur_ = function (event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialSwitch.prototype.onMouseUp_ = function (event) { - this.blur_(); -}; -/** - * Handle class updates. - * - * @private - */ -MaterialSwitch.prototype.updateClasses_ = function () { - this.checkDisabled(); - this.checkToggleState(); -}; -/** - * Add blur. - * - * @private - */ -MaterialSwitch.prototype.blur_ = function () { - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function () { - this.inputElement_.blur(); - }.bind(this), this.Constant_.TINY_TIMEOUT); -}; -// Public methods. -/** - * Check the components disabled state. - * - * @public - */ -MaterialSwitch.prototype.checkDisabled = function () { - if (this.inputElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } -}; -MaterialSwitch.prototype['checkDisabled'] = MaterialSwitch.prototype.checkDisabled; -/** - * Check the components toggled state. - * - * @public - */ -MaterialSwitch.prototype.checkToggleState = function () { - if (this.inputElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } -}; -MaterialSwitch.prototype['checkToggleState'] = MaterialSwitch.prototype.checkToggleState; -/** - * Disable switch. - * - * @public - */ -MaterialSwitch.prototype.disable = function () { - this.inputElement_.disabled = true; - this.updateClasses_(); -}; -MaterialSwitch.prototype['disable'] = MaterialSwitch.prototype.disable; -/** - * Enable switch. - * - * @public - */ -MaterialSwitch.prototype.enable = function () { - this.inputElement_.disabled = false; - this.updateClasses_(); -}; -MaterialSwitch.prototype['enable'] = MaterialSwitch.prototype.enable; -/** - * Activate switch. - * - * @public - */ -MaterialSwitch.prototype.on = function () { - this.inputElement_.checked = true; - this.updateClasses_(); -}; -MaterialSwitch.prototype['on'] = MaterialSwitch.prototype.on; -/** - * Deactivate switch. - * - * @public - */ -MaterialSwitch.prototype.off = function () { - this.inputElement_.checked = false; - this.updateClasses_(); -}; -MaterialSwitch.prototype['off'] = MaterialSwitch.prototype.off; -/** - * Initialize element. - */ -MaterialSwitch.prototype.init = function () { - if (this.element_) { - this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT); - var track = document.createElement('div'); - track.classList.add(this.CssClasses_.TRACK); - var thumb = document.createElement('div'); - thumb.classList.add(this.CssClasses_.THUMB); - var focusHelper = document.createElement('span'); - focusHelper.classList.add(this.CssClasses_.FOCUS_HELPER); - thumb.appendChild(focusHelper); - this.element_.appendChild(track); - this.element_.appendChild(thumb); - this.boundMouseUpHandler = this.onMouseUp_.bind(this); - if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - this.rippleContainerElement_ = document.createElement('span'); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER); - this.rippleContainerElement_.addEventListener('mouseup', this.boundMouseUpHandler); - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - this.rippleContainerElement_.appendChild(ripple); - this.element_.appendChild(this.rippleContainerElement_); - } - this.boundChangeHandler = this.onChange_.bind(this); - this.boundFocusHandler = this.onFocus_.bind(this); - this.boundBlurHandler = this.onBlur_.bind(this); - this.inputElement_.addEventListener('change', this.boundChangeHandler); - this.inputElement_.addEventListener('focus', this.boundFocusHandler); - this.inputElement_.addEventListener('blur', this.boundBlurHandler); - this.element_.addEventListener('mouseup', this.boundMouseUpHandler); - this.updateClasses_(); - this.element_.classList.add('is-upgraded'); - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialSwitch, - classAsString: 'MaterialSwitch', - cssClass: 'mdl-js-switch', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Tabs MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {Element} element The element that will be upgraded. - */ -var MaterialTabs = function MaterialTabs(element) { - // Stores the HTML element. - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialTabs'] = MaterialTabs; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string} - * @private - */ -MaterialTabs.prototype.Constant_ = {}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialTabs.prototype.CssClasses_ = { - TAB_CLASS: 'mdl-tabs__tab', - PANEL_CLASS: 'mdl-tabs__panel', - ACTIVE_CLASS: 'is-active', - UPGRADED_CLASS: 'is-upgraded', - MDL_JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect', - MDL_RIPPLE_CONTAINER: 'mdl-tabs__ripple-container', - MDL_RIPPLE: 'mdl-ripple', - MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events' -}; -/** - * Handle clicks to a tabs component - * - * @private - */ -MaterialTabs.prototype.initTabs_ = function () { - if (this.element_.classList.contains(this.CssClasses_.MDL_JS_RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS); - } - // Select element tabs, document panels - this.tabs_ = this.element_.querySelectorAll('.' + this.CssClasses_.TAB_CLASS); - this.panels_ = this.element_.querySelectorAll('.' + this.CssClasses_.PANEL_CLASS); - // Create new tabs for each tab element - for (var i = 0; i < this.tabs_.length; i++) { - new MaterialTab(this.tabs_[i], this); - } - this.element_.classList.add(this.CssClasses_.UPGRADED_CLASS); -}; -/** - * Reset tab state, dropping active classes - * - * @private - */ -MaterialTabs.prototype.resetTabState_ = function () { - for (var k = 0; k < this.tabs_.length; k++) { - this.tabs_[k].classList.remove(this.CssClasses_.ACTIVE_CLASS); - } -}; -/** - * Reset panel state, droping active classes - * - * @private - */ -MaterialTabs.prototype.resetPanelState_ = function () { - for (var j = 0; j < this.panels_.length; j++) { - this.panels_[j].classList.remove(this.CssClasses_.ACTIVE_CLASS); - } -}; -/** - * Initialize element. - */ -MaterialTabs.prototype.init = function () { - if (this.element_) { - this.initTabs_(); - } -}; -/** - * Constructor for an individual tab. - * - * @constructor - * @param {Element} tab The HTML element for the tab. - * @param {MaterialTabs} ctx The MaterialTabs object that owns the tab. - */ -function MaterialTab(tab, ctx) { - if (tab) { - if (ctx.element_.classList.contains(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT)) { - var rippleContainer = document.createElement('span'); - rippleContainer.classList.add(ctx.CssClasses_.MDL_RIPPLE_CONTAINER); - rippleContainer.classList.add(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT); - var ripple = document.createElement('span'); - ripple.classList.add(ctx.CssClasses_.MDL_RIPPLE); - rippleContainer.appendChild(ripple); - tab.appendChild(rippleContainer); - } - tab.addEventListener('click', function (e) { - e.preventDefault(); - var href = tab.href.split('#')[1]; - var panel = ctx.element_.querySelector('#' + href); - ctx.resetTabState_(); - ctx.resetPanelState_(); - tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS); - panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS); - }); - } -} -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialTabs, - classAsString: 'MaterialTabs', - cssClass: 'mdl-js-tabs' -}); -/** - * @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. - */ -/** - * Class constructor for Textfield MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialTextfield = function MaterialTextfield(element) { - this.element_ = element; - this.maxRows = this.Constant_.NO_MAX_ROWS; - // Initialize instance. - this.init(); -}; -window['MaterialTextfield'] = MaterialTextfield; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialTextfield.prototype.Constant_ = { - NO_MAX_ROWS: -1, - MAX_ROWS_ATTRIBUTE: 'maxrows' -}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialTextfield.prototype.CssClasses_ = { - LABEL: 'mdl-textfield__label', - INPUT: 'mdl-textfield__input', - IS_DIRTY: 'is-dirty', - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_INVALID: 'is-invalid', - IS_UPGRADED: 'is-upgraded', - HAS_PLACEHOLDER: 'has-placeholder' -}; -/** - * Handle input being entered. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialTextfield.prototype.onKeyDown_ = function (event) { - var currentRowCount = event.target.value.split('\n').length; - if (event.keyCode === 13) { - if (currentRowCount >= this.maxRows) { - event.preventDefault(); - } - } -}; -/** - * Handle focus. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialTextfield.prototype.onFocus_ = function (event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle lost focus. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialTextfield.prototype.onBlur_ = function (event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); -}; -/** - * Handle reset event from out side. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialTextfield.prototype.onReset_ = function (event) { - this.updateClasses_(); -}; -/** - * Handle class updates. - * - * @private - */ -MaterialTextfield.prototype.updateClasses_ = function () { - this.checkDisabled(); - this.checkValidity(); - this.checkDirty(); - this.checkFocus(); -}; -// Public methods. -/** - * Check the disabled state and update field accordingly. - * - * @public - */ -MaterialTextfield.prototype.checkDisabled = function () { - if (this.input_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } -}; -MaterialTextfield.prototype['checkDisabled'] = MaterialTextfield.prototype.checkDisabled; -/** - * Check the focus state and update field accordingly. - * - * @public - */ -MaterialTextfield.prototype.checkFocus = function () { - if (Boolean(this.element_.querySelector(':focus'))) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); - } -}; -MaterialTextfield.prototype['checkFocus'] = MaterialTextfield.prototype.checkFocus; -/** - * Check the validity state and update field accordingly. - * - * @public - */ -MaterialTextfield.prototype.checkValidity = function () { - if (this.input_.validity) { - if (this.input_.validity.valid) { - this.element_.classList.remove(this.CssClasses_.IS_INVALID); - } else { - this.element_.classList.add(this.CssClasses_.IS_INVALID); - } - } -}; -MaterialTextfield.prototype['checkValidity'] = MaterialTextfield.prototype.checkValidity; -/** - * Check the dirty state and update field accordingly. - * - * @public - */ -MaterialTextfield.prototype.checkDirty = function () { - if (this.input_.value && this.input_.value.length > 0) { - this.element_.classList.add(this.CssClasses_.IS_DIRTY); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DIRTY); - } -}; -MaterialTextfield.prototype['checkDirty'] = MaterialTextfield.prototype.checkDirty; -/** - * Disable text field. - * - * @public - */ -MaterialTextfield.prototype.disable = function () { - this.input_.disabled = true; - this.updateClasses_(); -}; -MaterialTextfield.prototype['disable'] = MaterialTextfield.prototype.disable; -/** - * Enable text field. - * - * @public - */ -MaterialTextfield.prototype.enable = function () { - this.input_.disabled = false; - this.updateClasses_(); -}; -MaterialTextfield.prototype['enable'] = MaterialTextfield.prototype.enable; -/** - * Update text field value. - * - * @param {string} value The value to which to set the control (optional). - * @public - */ -MaterialTextfield.prototype.change = function (value) { - this.input_.value = value || ''; - this.updateClasses_(); -}; -MaterialTextfield.prototype['change'] = MaterialTextfield.prototype.change; -/** - * Initialize element. - */ -MaterialTextfield.prototype.init = function () { - if (this.element_) { - this.label_ = this.element_.querySelector('.' + this.CssClasses_.LABEL); - this.input_ = this.element_.querySelector('.' + this.CssClasses_.INPUT); - if (this.input_) { - if (this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)) { - this.maxRows = parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE), 10); - if (isNaN(this.maxRows)) { - this.maxRows = this.Constant_.NO_MAX_ROWS; - } - } - if (this.input_.hasAttribute('placeholder')) { - this.element_.classList.add(this.CssClasses_.HAS_PLACEHOLDER); - } - this.boundUpdateClassesHandler = this.updateClasses_.bind(this); - this.boundFocusHandler = this.onFocus_.bind(this); - this.boundBlurHandler = this.onBlur_.bind(this); - this.boundResetHandler = this.onReset_.bind(this); - this.input_.addEventListener('input', this.boundUpdateClassesHandler); - this.input_.addEventListener('focus', this.boundFocusHandler); - this.input_.addEventListener('blur', this.boundBlurHandler); - this.input_.addEventListener('reset', this.boundResetHandler); - if (this.maxRows !== this.Constant_.NO_MAX_ROWS) { - // TODO: This should handle pasting multi line text. - // Currently doesn't. - this.boundKeyDownHandler = this.onKeyDown_.bind(this); - this.input_.addEventListener('keydown', this.boundKeyDownHandler); - } - var invalid = this.element_.classList.contains(this.CssClasses_.IS_INVALID); - this.updateClasses_(); - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - if (invalid) { - this.element_.classList.add(this.CssClasses_.IS_INVALID); - } - if (this.input_.hasAttribute('autofocus')) { - this.element_.focus(); - this.checkFocus(); - } - } - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialTextfield, - classAsString: 'MaterialTextfield', - cssClass: 'mdl-js-textfield', - widget: true -}); -/** - * @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. - */ -/** - * Class constructor for Tooltip MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialTooltip = function MaterialTooltip(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialTooltip'] = MaterialTooltip; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialTooltip.prototype.Constant_ = {}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialTooltip.prototype.CssClasses_ = { - IS_ACTIVE: 'is-active', - BOTTOM: 'mdl-tooltip--bottom', - LEFT: 'mdl-tooltip--left', - RIGHT: 'mdl-tooltip--right', - TOP: 'mdl-tooltip--top' -}; -/** - * Handle mouseenter for tooltip. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialTooltip.prototype.handleMouseEnter_ = function (event) { - var props = event.target.getBoundingClientRect(); - var left = props.left + props.width / 2; - var top = props.top + props.height / 2; - var marginLeft = -1 * (this.element_.offsetWidth / 2); - var marginTop = -1 * (this.element_.offsetHeight / 2); - if (this.element_.classList.contains(this.CssClasses_.LEFT) || this.element_.classList.contains(this.CssClasses_.RIGHT)) { - left = props.width / 2; - if (top + marginTop < 0) { - this.element_.style.top = 0; - this.element_.style.marginTop = 0; - } else { - this.element_.style.top = top + 'px'; - this.element_.style.marginTop = marginTop + 'px'; - } - } else { - if (left + marginLeft < 0) { - this.element_.style.left = 0; - this.element_.style.marginLeft = 0; - } else { - this.element_.style.left = left + 'px'; - this.element_.style.marginLeft = marginLeft + 'px'; - } - } - if (this.element_.classList.contains(this.CssClasses_.TOP)) { - this.element_.style.top = props.top - this.element_.offsetHeight - 10 + 'px'; - } else if (this.element_.classList.contains(this.CssClasses_.RIGHT)) { - this.element_.style.left = props.left + props.width + 10 + 'px'; - } else if (this.element_.classList.contains(this.CssClasses_.LEFT)) { - this.element_.style.left = props.left - this.element_.offsetWidth - 10 + 'px'; - } else { - this.element_.style.top = props.top + props.height + 10 + 'px'; - } - this.element_.classList.add(this.CssClasses_.IS_ACTIVE); -}; -/** - * Handle mouseleave for tooltip. - * - * @private - */ -MaterialTooltip.prototype.handleMouseLeave_ = function () { - this.element_.classList.remove(this.CssClasses_.IS_ACTIVE); -}; -/** - * Initialize element. - */ -MaterialTooltip.prototype.init = function () { - if (this.element_) { - var forElId = this.element_.getAttribute('for'); - if (forElId) { - this.forElement_ = document.getElementById(forElId); - } - if (this.forElement_) { - // It's left here because it prevents accidental text selection on Android - if (!this.forElement_.hasAttribute('tabindex')) { - this.forElement_.setAttribute('tabindex', '0'); - } - this.boundMouseEnterHandler = this.handleMouseEnter_.bind(this); - this.boundMouseLeaveHandler = this.handleMouseLeave_.bind(this); - this.forElement_.addEventListener('mouseenter', this.boundMouseEnterHandler, false); - this.forElement_.addEventListener('touchend', this.boundMouseEnterHandler, false); - this.forElement_.addEventListener('mouseleave', this.boundMouseLeaveHandler, false); - window.addEventListener('touchstart', this.boundMouseLeaveHandler); - } - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialTooltip, - classAsString: 'MaterialTooltip', - cssClass: 'mdl-tooltip' -}); -/** - * @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. - */ -/** - * Class constructor for Layout MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialLayout = function MaterialLayout(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialLayout'] = MaterialLayout; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialLayout.prototype.Constant_ = { - MAX_WIDTH: '(max-width: 1024px)', - TAB_SCROLL_PIXELS: 100, - RESIZE_TIMEOUT: 100, - MENU_ICON: '', - CHEVRON_LEFT: 'chevron_left', - CHEVRON_RIGHT: 'chevron_right' -}; -/** - * Keycodes, for code readability. - * - * @enum {number} - * @private - */ -MaterialLayout.prototype.Keycodes_ = { - ENTER: 13, - ESCAPE: 27, - SPACE: 32 -}; -/** - * Modes. - * - * @enum {number} - * @private - */ -MaterialLayout.prototype.Mode_ = { - STANDARD: 0, - SEAMED: 1, - WATERFALL: 2, - SCROLL: 3 -}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialLayout.prototype.CssClasses_ = { - CONTAINER: 'mdl-layout__container', - HEADER: 'mdl-layout__header', - DRAWER: 'mdl-layout__drawer', - CONTENT: 'mdl-layout__content', - DRAWER_BTN: 'mdl-layout__drawer-button', - ICON: 'material-icons', - JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_CONTAINER: 'mdl-layout__tab-ripple-container', - RIPPLE: 'mdl-ripple', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - HEADER_SEAMED: 'mdl-layout__header--seamed', - HEADER_WATERFALL: 'mdl-layout__header--waterfall', - HEADER_SCROLL: 'mdl-layout__header--scroll', - FIXED_HEADER: 'mdl-layout--fixed-header', - OBFUSCATOR: 'mdl-layout__obfuscator', - TAB_BAR: 'mdl-layout__tab-bar', - TAB_CONTAINER: 'mdl-layout__tab-bar-container', - TAB: 'mdl-layout__tab', - TAB_BAR_BUTTON: 'mdl-layout__tab-bar-button', - TAB_BAR_LEFT_BUTTON: 'mdl-layout__tab-bar-left-button', - TAB_BAR_RIGHT_BUTTON: 'mdl-layout__tab-bar-right-button', - PANEL: 'mdl-layout__tab-panel', - HAS_DRAWER: 'has-drawer', - HAS_TABS: 'has-tabs', - HAS_SCROLLING_HEADER: 'has-scrolling-header', - CASTING_SHADOW: 'is-casting-shadow', - IS_COMPACT: 'is-compact', - IS_SMALL_SCREEN: 'is-small-screen', - IS_DRAWER_OPEN: 'is-visible', - IS_ACTIVE: 'is-active', - IS_UPGRADED: 'is-upgraded', - IS_ANIMATING: 'is-animating', - ON_LARGE_SCREEN: 'mdl-layout--large-screen-only', - ON_SMALL_SCREEN: 'mdl-layout--small-screen-only' -}; -/** - * Handles scrolling on the content. - * - * @private - */ -MaterialLayout.prototype.contentScrollHandler_ = function () { - if (this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)) { - return; - } - var headerVisible = !this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN) || this.element_.classList.contains(this.CssClasses_.FIXED_HEADER); - if (this.content_.scrollTop > 0 && !this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) { - this.header_.classList.add(this.CssClasses_.CASTING_SHADOW); - this.header_.classList.add(this.CssClasses_.IS_COMPACT); - if (headerVisible) { - this.header_.classList.add(this.CssClasses_.IS_ANIMATING); - } - } else if (this.content_.scrollTop <= 0 && this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) { - this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW); - this.header_.classList.remove(this.CssClasses_.IS_COMPACT); - if (headerVisible) { - this.header_.classList.add(this.CssClasses_.IS_ANIMATING); - } - } -}; -/** - * Handles a keyboard event on the drawer. - * - * @param {Event} evt The event that fired. - * @private - */ -MaterialLayout.prototype.keyboardEventHandler_ = function (evt) { - // Only react when the drawer is open. - if (evt.keyCode === this.Keycodes_.ESCAPE && this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) { - this.toggleDrawer(); - } -}; -/** - * Handles changes in screen size. - * - * @private - */ -MaterialLayout.prototype.screenSizeHandler_ = function () { - if (this.screenSizeMediaQuery_.matches) { - this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN); - } else { - this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN); - // Collapse drawer (if any) when moving to a large screen size. - if (this.drawer_) { - this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN); - this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN); - } - } -}; -/** - * Handles events of drawer button. - * - * @param {Event} evt The event that fired. - * @private - */ -MaterialLayout.prototype.drawerToggleHandler_ = function (evt) { - if (evt && evt.type === 'keydown') { - if (evt.keyCode === this.Keycodes_.SPACE || evt.keyCode === this.Keycodes_.ENTER) { - // prevent scrolling in drawer nav - evt.preventDefault(); - } else { - // prevent other keys - return; - } - } - this.toggleDrawer(); -}; -/** - * Handles (un)setting the `is-animating` class - * - * @private - */ -MaterialLayout.prototype.headerTransitionEndHandler_ = function () { - this.header_.classList.remove(this.CssClasses_.IS_ANIMATING); -}; -/** - * Handles expanding the header on click - * - * @private - */ -MaterialLayout.prototype.headerClickHandler_ = function () { - if (this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) { - this.header_.classList.remove(this.CssClasses_.IS_COMPACT); - this.header_.classList.add(this.CssClasses_.IS_ANIMATING); - } -}; -/** - * Reset tab state, dropping active classes - * - * @private - */ -MaterialLayout.prototype.resetTabState_ = function (tabBar) { - for (var k = 0; k < tabBar.length; k++) { - tabBar[k].classList.remove(this.CssClasses_.IS_ACTIVE); - } -}; -/** - * Reset panel state, droping active classes - * - * @private - */ -MaterialLayout.prototype.resetPanelState_ = function (panels) { - for (var j = 0; j < panels.length; j++) { - panels[j].classList.remove(this.CssClasses_.IS_ACTIVE); - } -}; -/** - * Toggle drawer state - * - * @public - */ -MaterialLayout.prototype.toggleDrawer = function () { - var drawerButton = this.element_.querySelector('.' + this.CssClasses_.DRAWER_BTN); - this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN); - this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN); - // Set accessibility properties. - if (this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) { - this.drawer_.setAttribute('aria-hidden', 'false'); - drawerButton.setAttribute('aria-expanded', 'true'); - } else { - this.drawer_.setAttribute('aria-hidden', 'true'); - drawerButton.setAttribute('aria-expanded', 'false'); - } -}; -MaterialLayout.prototype['toggleDrawer'] = MaterialLayout.prototype.toggleDrawer; -/** - * Initialize element. - */ -MaterialLayout.prototype.init = function () { - if (this.element_) { - var container = document.createElement('div'); - container.classList.add(this.CssClasses_.CONTAINER); - var focusedElement = this.element_.querySelector(':focus'); - this.element_.parentElement.insertBefore(container, this.element_); - this.element_.parentElement.removeChild(this.element_); - container.appendChild(this.element_); - if (focusedElement) { - focusedElement.focus(); - } - var directChildren = this.element_.childNodes; - var numChildren = directChildren.length; - for (var c = 0; c < numChildren; c++) { - var child = directChildren[c]; - if (child.classList && child.classList.contains(this.CssClasses_.HEADER)) { - this.header_ = child; - } - if (child.classList && child.classList.contains(this.CssClasses_.DRAWER)) { - this.drawer_ = child; - } - if (child.classList && child.classList.contains(this.CssClasses_.CONTENT)) { - this.content_ = child; - } - } - window.addEventListener('pageshow', function (e) { - if (e.persisted) { - // when page is loaded from back/forward cache - // trigger repaint to let layout scroll in safari - this.element_.style.overflowY = 'hidden'; - requestAnimationFrame(function () { - this.element_.style.overflowY = ''; - }.bind(this)); - } - }.bind(this), false); - if (this.header_) { - this.tabBar_ = this.header_.querySelector('.' + this.CssClasses_.TAB_BAR); - } - var mode = this.Mode_.STANDARD; - if (this.header_) { - if (this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)) { - mode = this.Mode_.SEAMED; - } else if (this.header_.classList.contains(this.CssClasses_.HEADER_WATERFALL)) { - mode = this.Mode_.WATERFALL; - this.header_.addEventListener('transitionend', this.headerTransitionEndHandler_.bind(this)); - this.header_.addEventListener('click', this.headerClickHandler_.bind(this)); - } else if (this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)) { - mode = this.Mode_.SCROLL; - container.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER); - } - if (mode === this.Mode_.STANDARD) { - this.header_.classList.add(this.CssClasses_.CASTING_SHADOW); - if (this.tabBar_) { - this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW); - } - } else if (mode === this.Mode_.SEAMED || mode === this.Mode_.SCROLL) { - this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW); - if (this.tabBar_) { - this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW); - } - } else if (mode === this.Mode_.WATERFALL) { - // Add and remove shadows depending on scroll position. - // Also add/remove auxiliary class for styling of the compact version of - // the header. - this.content_.addEventListener('scroll', this.contentScrollHandler_.bind(this)); - this.contentScrollHandler_(); - } - } - // Add drawer toggling button to our layout, if we have an openable drawer. - if (this.drawer_) { - var drawerButton = this.element_.querySelector('.' + this.CssClasses_.DRAWER_BTN); - if (!drawerButton) { - drawerButton = document.createElement('div'); - drawerButton.setAttribute('aria-expanded', 'false'); - drawerButton.setAttribute('role', 'button'); - drawerButton.setAttribute('tabindex', '0'); - drawerButton.classList.add(this.CssClasses_.DRAWER_BTN); - var drawerButtonIcon = document.createElement('i'); - drawerButtonIcon.classList.add(this.CssClasses_.ICON); - drawerButtonIcon.innerHTML = this.Constant_.MENU_ICON; - drawerButton.appendChild(drawerButtonIcon); - } - if (this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)) { - //If drawer has ON_LARGE_SCREEN class then add it to the drawer toggle button as well. - drawerButton.classList.add(this.CssClasses_.ON_LARGE_SCREEN); - } else if (this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)) { - //If drawer has ON_SMALL_SCREEN class then add it to the drawer toggle button as well. - drawerButton.classList.add(this.CssClasses_.ON_SMALL_SCREEN); - } - drawerButton.addEventListener('click', this.drawerToggleHandler_.bind(this)); - drawerButton.addEventListener('keydown', this.drawerToggleHandler_.bind(this)); - // Add a class if the layout has a drawer, for altering the left padding. - // Adds the HAS_DRAWER to the elements since this.header_ may or may - // not be present. - this.element_.classList.add(this.CssClasses_.HAS_DRAWER); - // If we have a fixed header, add the button to the header rather than - // the layout. - if (this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)) { - this.header_.insertBefore(drawerButton, this.header_.firstChild); - } else { - this.element_.insertBefore(drawerButton, this.content_); - } - var obfuscator = document.createElement('div'); - obfuscator.classList.add(this.CssClasses_.OBFUSCATOR); - this.element_.appendChild(obfuscator); - obfuscator.addEventListener('click', this.drawerToggleHandler_.bind(this)); - this.obfuscator_ = obfuscator; - this.drawer_.addEventListener('keydown', this.keyboardEventHandler_.bind(this)); - this.drawer_.setAttribute('aria-hidden', 'true'); - } - // Keep an eye on screen size, and add/remove auxiliary class for styling - // of small screens. - this.screenSizeMediaQuery_ = window.matchMedia(this.Constant_.MAX_WIDTH); - this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this)); - this.screenSizeHandler_(); - // Initialize tabs, if any. - if (this.header_ && this.tabBar_) { - this.element_.classList.add(this.CssClasses_.HAS_TABS); - var tabContainer = document.createElement('div'); - tabContainer.classList.add(this.CssClasses_.TAB_CONTAINER); - this.header_.insertBefore(tabContainer, this.tabBar_); - this.header_.removeChild(this.tabBar_); - var leftButton = document.createElement('div'); - leftButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON); - leftButton.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON); - var leftButtonIcon = document.createElement('i'); - leftButtonIcon.classList.add(this.CssClasses_.ICON); - leftButtonIcon.textContent = this.Constant_.CHEVRON_LEFT; - leftButton.appendChild(leftButtonIcon); - leftButton.addEventListener('click', function () { - this.tabBar_.scrollLeft -= this.Constant_.TAB_SCROLL_PIXELS; - }.bind(this)); - var rightButton = document.createElement('div'); - rightButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON); - rightButton.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON); - var rightButtonIcon = document.createElement('i'); - rightButtonIcon.classList.add(this.CssClasses_.ICON); - rightButtonIcon.textContent = this.Constant_.CHEVRON_RIGHT; - rightButton.appendChild(rightButtonIcon); - rightButton.addEventListener('click', function () { - this.tabBar_.scrollLeft += this.Constant_.TAB_SCROLL_PIXELS; - }.bind(this)); - tabContainer.appendChild(leftButton); - tabContainer.appendChild(this.tabBar_); - tabContainer.appendChild(rightButton); - // Add and remove tab buttons depending on scroll position and total - // window size. - var tabUpdateHandler = function () { - if (this.tabBar_.scrollLeft > 0) { - leftButton.classList.add(this.CssClasses_.IS_ACTIVE); - } else { - leftButton.classList.remove(this.CssClasses_.IS_ACTIVE); - } - if (this.tabBar_.scrollLeft < this.tabBar_.scrollWidth - this.tabBar_.offsetWidth) { - rightButton.classList.add(this.CssClasses_.IS_ACTIVE); - } else { - rightButton.classList.remove(this.CssClasses_.IS_ACTIVE); - } - }.bind(this); - this.tabBar_.addEventListener('scroll', tabUpdateHandler); - tabUpdateHandler(); - // Update tabs when the window resizes. - var windowResizeHandler = function () { - // Use timeouts to make sure it doesn't happen too often. - if (this.resizeTimeoutId_) { - clearTimeout(this.resizeTimeoutId_); - } - this.resizeTimeoutId_ = setTimeout(function () { - tabUpdateHandler(); - this.resizeTimeoutId_ = null; - }.bind(this), this.Constant_.RESIZE_TIMEOUT); - }.bind(this); - window.addEventListener('resize', windowResizeHandler); - if (this.tabBar_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) { - this.tabBar_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - } - // Select element tabs, document panels - var tabs = this.tabBar_.querySelectorAll('.' + this.CssClasses_.TAB); - var panels = this.content_.querySelectorAll('.' + this.CssClasses_.PANEL); - // Create new tabs for each tab element - for (var i = 0; i < tabs.length; i++) { - new MaterialLayoutTab(tabs[i], tabs, panels, this); - } - } - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } -}; -/** - * Constructor for an individual tab. - * - * @constructor - * @param {HTMLElement} tab The HTML element for the tab. - * @param {!Array} tabs Array with HTML elements for all tabs. - * @param {!Array} panels Array with HTML elements for all panels. - * @param {MaterialLayout} layout The MaterialLayout object that owns the tab. - */ -function MaterialLayoutTab(tab, tabs, panels, layout) { - /** - * Auxiliary method to programmatically select a tab in the UI. - */ - function selectTab() { - var href = tab.href.split('#')[1]; - var panel = layout.content_.querySelector('#' + href); - layout.resetTabState_(tabs); - layout.resetPanelState_(panels); - tab.classList.add(layout.CssClasses_.IS_ACTIVE); - panel.classList.add(layout.CssClasses_.IS_ACTIVE); - } - if (layout.tabBar_.classList.contains(layout.CssClasses_.JS_RIPPLE_EFFECT)) { - var rippleContainer = document.createElement('span'); - rippleContainer.classList.add(layout.CssClasses_.RIPPLE_CONTAINER); - rippleContainer.classList.add(layout.CssClasses_.JS_RIPPLE_EFFECT); - var ripple = document.createElement('span'); - ripple.classList.add(layout.CssClasses_.RIPPLE); - rippleContainer.appendChild(ripple); - tab.appendChild(rippleContainer); - } - tab.addEventListener('click', function (e) { - if (tab.getAttribute('href').charAt(0) === '#') { - e.preventDefault(); - selectTab(); - } - }); - tab.show = selectTab; -} -window['MaterialLayoutTab'] = MaterialLayoutTab; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialLayout, - classAsString: 'MaterialLayout', - cssClass: 'mdl-js-layout' -}); -/** - * @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. - */ -/** - * Class constructor for Data Table Card MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {Element} element The element that will be upgraded. - */ -var MaterialDataTable = function MaterialDataTable(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialDataTable'] = MaterialDataTable; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialDataTable.prototype.Constant_ = {}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialDataTable.prototype.CssClasses_ = { - DATA_TABLE: 'mdl-data-table', - SELECTABLE: 'mdl-data-table--selectable', - SELECT_ELEMENT: 'mdl-data-table__select', - IS_SELECTED: 'is-selected', - IS_UPGRADED: 'is-upgraded' -}; -/** - * Generates and returns a function that toggles the selection state of a - * single row (or multiple rows). - * - * @param {Element} checkbox Checkbox that toggles the selection state. - * @param {Element} row Row to toggle when checkbox changes. - * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes. - * @private - */ -MaterialDataTable.prototype.selectRow_ = function (checkbox, row, opt_rows) { - if (row) { - return function () { - if (checkbox.checked) { - row.classList.add(this.CssClasses_.IS_SELECTED); - } else { - row.classList.remove(this.CssClasses_.IS_SELECTED); - } - }.bind(this); - } - if (opt_rows) { - return function () { - var i; - var el; - if (checkbox.checked) { - for (i = 0; i < opt_rows.length; i++) { - el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox'); - el['MaterialCheckbox'].check(); - opt_rows[i].classList.add(this.CssClasses_.IS_SELECTED); - } - } else { - for (i = 0; i < opt_rows.length; i++) { - el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox'); - el['MaterialCheckbox'].uncheck(); - opt_rows[i].classList.remove(this.CssClasses_.IS_SELECTED); - } - } - }.bind(this); - } -}; -/** - * Creates a checkbox for a single or or multiple rows and hooks up the - * event handling. - * - * @param {Element} row Row to toggle when checkbox changes. - * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes. - * @private - */ -MaterialDataTable.prototype.createCheckbox_ = function (row, opt_rows) { - var label = document.createElement('label'); - var labelClasses = [ - 'mdl-checkbox', - 'mdl-js-checkbox', - 'mdl-js-ripple-effect', - this.CssClasses_.SELECT_ELEMENT - ]; - label.className = labelClasses.join(' '); - var checkbox = document.createElement('input'); - checkbox.type = 'checkbox'; - checkbox.classList.add('mdl-checkbox__input'); - if (row) { - checkbox.checked = row.classList.contains(this.CssClasses_.IS_SELECTED); - checkbox.addEventListener('change', this.selectRow_(checkbox, row)); - } else if (opt_rows) { - checkbox.addEventListener('change', this.selectRow_(checkbox, null, opt_rows)); - } - label.appendChild(checkbox); - componentHandler.upgradeElement(label, 'MaterialCheckbox'); - return label; -}; -/** - * Initialize element. - */ -MaterialDataTable.prototype.init = function () { - if (this.element_) { - var firstHeader = this.element_.querySelector('th'); - var bodyRows = Array.prototype.slice.call(this.element_.querySelectorAll('tbody tr')); - var footRows = Array.prototype.slice.call(this.element_.querySelectorAll('tfoot tr')); - var rows = bodyRows.concat(footRows); - if (this.element_.classList.contains(this.CssClasses_.SELECTABLE)) { - var th = document.createElement('th'); - var headerCheckbox = this.createCheckbox_(null, rows); - th.appendChild(headerCheckbox); - firstHeader.parentElement.insertBefore(th, firstHeader); - for (var i = 0; i < rows.length; i++) { - var firstCell = rows[i].querySelector('td'); - if (firstCell) { - var td = document.createElement('td'); - if (rows[i].parentNode.nodeName.toUpperCase() === 'TBODY') { - var rowCheckbox = this.createCheckbox_(rows[i]); - td.appendChild(rowCheckbox); - } - rows[i].insertBefore(td, firstCell); - } - } - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialDataTable, - classAsString: 'MaterialDataTable', - cssClass: 'mdl-js-data-table' -}); -/** - * @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. - */ -/** - * Class constructor for Ripple MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ -var MaterialRipple = function MaterialRipple(element) { - this.element_ = element; - // Initialize instance. - this.init(); -}; -window['MaterialRipple'] = MaterialRipple; -/** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ -MaterialRipple.prototype.Constant_ = { - INITIAL_SCALE: 'scale(0.0001, 0.0001)', - INITIAL_SIZE: '1px', - INITIAL_OPACITY: '0.4', - FINAL_OPACITY: '0', - FINAL_SCALE: '' -}; -/** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ -MaterialRipple.prototype.CssClasses_ = { - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE: 'mdl-ripple', - IS_ANIMATING: 'is-animating', - IS_VISIBLE: 'is-visible' -}; -/** - * Handle mouse / finger down on element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialRipple.prototype.downHandler_ = function (event) { - if (!this.rippleElement_.style.width && !this.rippleElement_.style.height) { - var rect = this.element_.getBoundingClientRect(); - this.boundHeight = rect.height; - this.boundWidth = rect.width; - this.rippleSize_ = Math.sqrt(rect.width * rect.width + rect.height * rect.height) * 2 + 2; - this.rippleElement_.style.width = this.rippleSize_ + 'px'; - this.rippleElement_.style.height = this.rippleSize_ + 'px'; - } - this.rippleElement_.classList.add(this.CssClasses_.IS_VISIBLE); - if (event.type === 'mousedown' && this.ignoringMouseDown_) { - this.ignoringMouseDown_ = false; - } else { - if (event.type === 'touchstart') { - this.ignoringMouseDown_ = true; - } - var frameCount = this.getFrameCount(); - if (frameCount > 0) { - return; - } - this.setFrameCount(1); - var bound = event.currentTarget.getBoundingClientRect(); - var x; - var y; - // Check if we are handling a keyboard click. - if (event.clientX === 0 && event.clientY === 0) { - x = Math.round(bound.width / 2); - y = Math.round(bound.height / 2); - } else { - var clientX = event.clientX ? event.clientX : event.touches[0].clientX; - var clientY = event.clientY ? event.clientY : event.touches[0].clientY; - x = Math.round(clientX - bound.left); - y = Math.round(clientY - bound.top); - } - this.setRippleXY(x, y); - this.setRippleStyles(true); - window.requestAnimationFrame(this.animFrameHandler.bind(this)); - } -}; -/** - * Handle mouse / finger up on element. - * - * @param {Event} event The event that fired. - * @private - */ -MaterialRipple.prototype.upHandler_ = function (event) { - // Don't fire for the artificial "mouseup" generated by a double-click. - if (event && event.detail !== 2) { - // Allow a repaint to occur before removing this class, so the animation - // shows for tap events, which seem to trigger a mouseup too soon after - // mousedown. - window.setTimeout(function () { - this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE); - }.bind(this), 0); - } -}; -/** - * Initialize element. - */ -MaterialRipple.prototype.init = function () { - if (this.element_) { - var recentering = this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER); - if (!this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)) { - this.rippleElement_ = this.element_.querySelector('.' + this.CssClasses_.RIPPLE); - this.frameCount_ = 0; - this.rippleSize_ = 0; - this.x_ = 0; - this.y_ = 0; - // Touch start produces a compat mouse down event, which would cause a - // second ripples. To avoid that, we use this property to ignore the first - // mouse down after a touch start. - this.ignoringMouseDown_ = false; - this.boundDownHandler = this.downHandler_.bind(this); - this.element_.addEventListener('mousedown', this.boundDownHandler); - this.element_.addEventListener('touchstart', this.boundDownHandler); - this.boundUpHandler = this.upHandler_.bind(this); - this.element_.addEventListener('mouseup', this.boundUpHandler); - this.element_.addEventListener('mouseleave', this.boundUpHandler); - this.element_.addEventListener('touchend', this.boundUpHandler); - this.element_.addEventListener('blur', this.boundUpHandler); - /** - * Getter for frameCount_. - * @return {number} the frame count. - */ - this.getFrameCount = function () { - return this.frameCount_; - }; - /** - * Setter for frameCount_. - * @param {number} fC the frame count. - */ - this.setFrameCount = function (fC) { - this.frameCount_ = fC; - }; - /** - * Getter for rippleElement_. - * @return {Element} the ripple element. - */ - this.getRippleElement = function () { - return this.rippleElement_; - }; - /** - * Sets the ripple X and Y coordinates. - * @param {number} newX the new X coordinate - * @param {number} newY the new Y coordinate - */ - this.setRippleXY = function (newX, newY) { - this.x_ = newX; - this.y_ = newY; - }; - /** - * Sets the ripple styles. - * @param {boolean} start whether or not this is the start frame. - */ - this.setRippleStyles = function (start) { - if (this.rippleElement_ !== null) { - var transformString; - var scale; - var size; - var offset = 'translate(' + this.x_ + 'px, ' + this.y_ + 'px)'; - if (start) { - scale = this.Constant_.INITIAL_SCALE; - size = this.Constant_.INITIAL_SIZE; - } else { - scale = this.Constant_.FINAL_SCALE; - size = this.rippleSize_ + 'px'; - if (recentering) { - offset = 'translate(' + this.boundWidth / 2 + 'px, ' + this.boundHeight / 2 + 'px)'; - } - } - transformString = 'translate(-50%, -50%) ' + offset + scale; - this.rippleElement_.style.webkitTransform = transformString; - this.rippleElement_.style.msTransform = transformString; - this.rippleElement_.style.transform = transformString; - if (start) { - this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING); - } else { - this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING); - } - } - }; - /** - * Handles an animation frame. - */ - this.animFrameHandler = function () { - if (this.frameCount_-- > 0) { - window.requestAnimationFrame(this.animFrameHandler.bind(this)); - } else { - this.setRippleStyles(false); - } - }; - } - } -}; -// The component registers itself. It can assume componentHandler is available -// in the global scope. -componentHandler.register({ - constructor: MaterialRipple, - classAsString: 'MaterialRipple', - cssClass: 'mdl-js-ripple-effect', - widget: false -}); -}()); diff --git a/dashboard-ui/bower_components/material-design-lite/material.min.css b/dashboard-ui/bower_components/material-design-lite/material.min.css deleted file mode 100644 index e750f81372..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/material.min.css +++ /dev/null @@ -1,9 +0,0 @@ -/** - * material-design-lite - Material Design Components in CSS, JS and HTML - * @version v1.1.3 - * @license Apache-2.0 - * @copyright 2015 Google, Inc. - * @link https://github.com/google/material-design-lite - */ -@charset "UTF-8";html{color:rgba(0,0,0,.87)}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%;margin:0}main{display:block}*[hidden]{display:none!important}html,body{font-family:"Helvetica","Arial",sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.35;letter-spacing:-.02em;opacity:.54;font-size:.6em}h1{font-size:56px;line-height:1.35;letter-spacing:-.02em;margin:24px 0}h1,h2{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400}h2{font-size:45px;line-height:48px}h2,h3{margin:24px 0}h3{font-size:34px;line-height:40px}h3,h4{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400}h4{font-size:24px;line-height:32px;-moz-osx-font-smoothing:grayscale;margin:24px 0 16px}h5{font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}h5,h6{font-family:"Roboto","Helvetica","Arial",sans-serif;margin:24px 0 16px}h6{font-size:16px;letter-spacing:.04em}h6,p{font-weight:400;line-height:24px}p{font-size:14px;letter-spacing:0;margin:0 0 16px}a{color:#ff4081;font-weight:500}blockquote{font-family:"Roboto","Helvetica","Arial",sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:.08em}blockquote:before{position:absolute;left:-.5em;content:'“'}blockquote:after{content:'”';margin-left:-.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;line-height:1;font-style:normal}address,ul,ol{font-weight:400;letter-spacing:0}ul,ol{font-size:14px;line-height:24px}.mdl-typography--display-4,.mdl-typography--display-4-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-.04em}.mdl-typography--display-4-color-contrast{opacity:.54}.mdl-typography--display-3,.mdl-typography--display-3-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-.02em}.mdl-typography--display-3-color-contrast{opacity:.54}.mdl-typography--display-2,.mdl-typography--display-2-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{opacity:.54}.mdl-typography--display-1,.mdl-typography--display-1-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{opacity:.54}.mdl-typography--headline,.mdl-typography--headline-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}.mdl-typography--headline-color-contrast{opacity:.87}.mdl-typography--title,.mdl-typography--title-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}.mdl-typography--title-color-contrast{opacity:.87}.mdl-typography--subhead,.mdl-typography--subhead-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.04em}.mdl-typography--subhead-color-contrast{opacity:.87}.mdl-typography--body-2,.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:700;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{opacity:.87}.mdl-typography--body-1,.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{opacity:.87}.mdl-typography--body-2-force-preferred-font,.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--body-1-force-preferred-font,.mdl-typography--body-1-force-preferred-font-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--caption,.mdl-typography--caption-force-preferred-font{font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-force-preferred-font{font-family:"Roboto","Helvetica","Arial",sans-serif}.mdl-typography--caption-color-contrast,.mdl-typography--caption-force-preferred-font-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:.54}.mdl-typography--caption-force-preferred-font-color-contrast,.mdl-typography--menu{font-family:"Roboto","Helvetica","Arial",sans-serif}.mdl-typography--menu{font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{opacity:.87}.mdl-typography--menu-color-contrast,.mdl-typography--button,.mdl-typography--button-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--button,.mdl-typography--button-color-contrast{text-transform:uppercase}.mdl-typography--button-color-contrast{opacity:.87}.mdl-typography--text-left{text-align:left}.mdl-typography--text-right{text-align:right}.mdl-typography--text-center{text-align:center}.mdl-typography--text-justify{text-align:justify}.mdl-typography--text-nowrap{white-space:nowrap}.mdl-typography--text-lowercase{text-transform:lowercase}.mdl-typography--text-uppercase{text-transform:uppercase}.mdl-typography--text-capitalize{text-transform:capitalize}.mdl-typography--font-thin{font-weight:200!important}.mdl-typography--font-light{font-weight:300!important}.mdl-typography--font-regular{font-weight:400!important}.mdl-typography--font-medium{font-weight:500!important}.mdl-typography--font-bold{font-weight:700!important}.mdl-typography--font-black{font-weight:900!important}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.mdl-color-text--red{color:#f44336 !important}.mdl-color--red{background-color:#f44336 !important}.mdl-color-text--red-50{color:#ffebee !important}.mdl-color--red-50{background-color:#ffebee !important}.mdl-color-text--red-100{color:#ffcdd2 !important}.mdl-color--red-100{background-color:#ffcdd2 !important}.mdl-color-text--red-200{color:#ef9a9a !important}.mdl-color--red-200{background-color:#ef9a9a !important}.mdl-color-text--red-300{color:#e57373 !important}.mdl-color--red-300{background-color:#e57373 !important}.mdl-color-text--red-400{color:#ef5350 !important}.mdl-color--red-400{background-color:#ef5350 !important}.mdl-color-text--red-500{color:#f44336 !important}.mdl-color--red-500{background-color:#f44336 !important}.mdl-color-text--red-600{color:#e53935 !important}.mdl-color--red-600{background-color:#e53935 !important}.mdl-color-text--red-700{color:#d32f2f !important}.mdl-color--red-700{background-color:#d32f2f !important}.mdl-color-text--red-800{color:#c62828 !important}.mdl-color--red-800{background-color:#c62828 !important}.mdl-color-text--red-900{color:#b71c1c !important}.mdl-color--red-900{background-color:#b71c1c !important}.mdl-color-text--red-A100{color:#ff8a80 !important}.mdl-color--red-A100{background-color:#ff8a80 !important}.mdl-color-text--red-A200{color:#ff5252 !important}.mdl-color--red-A200{background-color:#ff5252 !important}.mdl-color-text--red-A400{color:#ff1744 !important}.mdl-color--red-A400{background-color:#ff1744 !important}.mdl-color-text--red-A700{color:#d50000 !important}.mdl-color--red-A700{background-color:#d50000 !important}.mdl-color-text--pink{color:#e91e63 !important}.mdl-color--pink{background-color:#e91e63 !important}.mdl-color-text--pink-50{color:#fce4ec !important}.mdl-color--pink-50{background-color:#fce4ec !important}.mdl-color-text--pink-100{color:#f8bbd0 !important}.mdl-color--pink-100{background-color:#f8bbd0 !important}.mdl-color-text--pink-200{color:#f48fb1 !important}.mdl-color--pink-200{background-color:#f48fb1 !important}.mdl-color-text--pink-300{color:#f06292 !important}.mdl-color--pink-300{background-color:#f06292 !important}.mdl-color-text--pink-400{color:#ec407a !important}.mdl-color--pink-400{background-color:#ec407a !important}.mdl-color-text--pink-500{color:#e91e63 !important}.mdl-color--pink-500{background-color:#e91e63 !important}.mdl-color-text--pink-600{color:#d81b60 !important}.mdl-color--pink-600{background-color:#d81b60 !important}.mdl-color-text--pink-700{color:#c2185b !important}.mdl-color--pink-700{background-color:#c2185b !important}.mdl-color-text--pink-800{color:#ad1457 !important}.mdl-color--pink-800{background-color:#ad1457 !important}.mdl-color-text--pink-900{color:#880e4f !important}.mdl-color--pink-900{background-color:#880e4f !important}.mdl-color-text--pink-A100{color:#ff80ab !important}.mdl-color--pink-A100{background-color:#ff80ab !important}.mdl-color-text--pink-A200{color:#ff4081 !important}.mdl-color--pink-A200{background-color:#ff4081 !important}.mdl-color-text--pink-A400{color:#f50057 !important}.mdl-color--pink-A400{background-color:#f50057 !important}.mdl-color-text--pink-A700{color:#c51162 !important}.mdl-color--pink-A700{background-color:#c51162 !important}.mdl-color-text--purple{color:#9c27b0 !important}.mdl-color--purple{background-color:#9c27b0 !important}.mdl-color-text--purple-50{color:#f3e5f5 !important}.mdl-color--purple-50{background-color:#f3e5f5 !important}.mdl-color-text--purple-100{color:#e1bee7 !important}.mdl-color--purple-100{background-color:#e1bee7 !important}.mdl-color-text--purple-200{color:#ce93d8 !important}.mdl-color--purple-200{background-color:#ce93d8 !important}.mdl-color-text--purple-300{color:#ba68c8 !important}.mdl-color--purple-300{background-color:#ba68c8 !important}.mdl-color-text--purple-400{color:#ab47bc !important}.mdl-color--purple-400{background-color:#ab47bc !important}.mdl-color-text--purple-500{color:#9c27b0 !important}.mdl-color--purple-500{background-color:#9c27b0 !important}.mdl-color-text--purple-600{color:#8e24aa !important}.mdl-color--purple-600{background-color:#8e24aa !important}.mdl-color-text--purple-700{color:#7b1fa2 !important}.mdl-color--purple-700{background-color:#7b1fa2 !important}.mdl-color-text--purple-800{color:#6a1b9a !important}.mdl-color--purple-800{background-color:#6a1b9a !important}.mdl-color-text--purple-900{color:#4a148c !important}.mdl-color--purple-900{background-color:#4a148c !important}.mdl-color-text--purple-A100{color:#ea80fc !important}.mdl-color--purple-A100{background-color:#ea80fc !important}.mdl-color-text--purple-A200{color:#e040fb !important}.mdl-color--purple-A200{background-color:#e040fb !important}.mdl-color-text--purple-A400{color:#d500f9 !important}.mdl-color--purple-A400{background-color:#d500f9 !important}.mdl-color-text--purple-A700{color:#a0f !important}.mdl-color--purple-A700{background-color:#a0f !important}.mdl-color-text--deep-purple{color:#673ab7 !important}.mdl-color--deep-purple{background-color:#673ab7 !important}.mdl-color-text--deep-purple-50{color:#ede7f6 !important}.mdl-color--deep-purple-50{background-color:#ede7f6 !important}.mdl-color-text--deep-purple-100{color:#d1c4e9 !important}.mdl-color--deep-purple-100{background-color:#d1c4e9 !important}.mdl-color-text--deep-purple-200{color:#b39ddb !important}.mdl-color--deep-purple-200{background-color:#b39ddb !important}.mdl-color-text--deep-purple-300{color:#9575cd !important}.mdl-color--deep-purple-300{background-color:#9575cd !important}.mdl-color-text--deep-purple-400{color:#7e57c2 !important}.mdl-color--deep-purple-400{background-color:#7e57c2 !important}.mdl-color-text--deep-purple-500{color:#673ab7 !important}.mdl-color--deep-purple-500{background-color:#673ab7 !important}.mdl-color-text--deep-purple-600{color:#5e35b1 !important}.mdl-color--deep-purple-600{background-color:#5e35b1 !important}.mdl-color-text--deep-purple-700{color:#512da8 !important}.mdl-color--deep-purple-700{background-color:#512da8 !important}.mdl-color-text--deep-purple-800{color:#4527a0 !important}.mdl-color--deep-purple-800{background-color:#4527a0 !important}.mdl-color-text--deep-purple-900{color:#311b92 !important}.mdl-color--deep-purple-900{background-color:#311b92 !important}.mdl-color-text--deep-purple-A100{color:#b388ff !important}.mdl-color--deep-purple-A100{background-color:#b388ff !important}.mdl-color-text--deep-purple-A200{color:#7c4dff !important}.mdl-color--deep-purple-A200{background-color:#7c4dff !important}.mdl-color-text--deep-purple-A400{color:#651fff !important}.mdl-color--deep-purple-A400{background-color:#651fff !important}.mdl-color-text--deep-purple-A700{color:#6200ea !important}.mdl-color--deep-purple-A700{background-color:#6200ea !important}.mdl-color-text--indigo{color:#3f51b5 !important}.mdl-color--indigo{background-color:#3f51b5 !important}.mdl-color-text--indigo-50{color:#e8eaf6 !important}.mdl-color--indigo-50{background-color:#e8eaf6 !important}.mdl-color-text--indigo-100{color:#c5cae9 !important}.mdl-color--indigo-100{background-color:#c5cae9 !important}.mdl-color-text--indigo-200{color:#9fa8da !important}.mdl-color--indigo-200{background-color:#9fa8da !important}.mdl-color-text--indigo-300{color:#7986cb !important}.mdl-color--indigo-300{background-color:#7986cb !important}.mdl-color-text--indigo-400{color:#5c6bc0 !important}.mdl-color--indigo-400{background-color:#5c6bc0 !important}.mdl-color-text--indigo-500{color:#3f51b5 !important}.mdl-color--indigo-500{background-color:#3f51b5 !important}.mdl-color-text--indigo-600{color:#3949ab !important}.mdl-color--indigo-600{background-color:#3949ab !important}.mdl-color-text--indigo-700{color:#303f9f !important}.mdl-color--indigo-700{background-color:#303f9f !important}.mdl-color-text--indigo-800{color:#283593 !important}.mdl-color--indigo-800{background-color:#283593 !important}.mdl-color-text--indigo-900{color:#1a237e !important}.mdl-color--indigo-900{background-color:#1a237e !important}.mdl-color-text--indigo-A100{color:#8c9eff !important}.mdl-color--indigo-A100{background-color:#8c9eff !important}.mdl-color-text--indigo-A200{color:#536dfe !important}.mdl-color--indigo-A200{background-color:#536dfe !important}.mdl-color-text--indigo-A400{color:#3d5afe !important}.mdl-color--indigo-A400{background-color:#3d5afe !important}.mdl-color-text--indigo-A700{color:#304ffe !important}.mdl-color--indigo-A700{background-color:#304ffe !important}.mdl-color-text--blue{color:#2196f3 !important}.mdl-color--blue{background-color:#2196f3 !important}.mdl-color-text--blue-50{color:#e3f2fd !important}.mdl-color--blue-50{background-color:#e3f2fd !important}.mdl-color-text--blue-100{color:#bbdefb !important}.mdl-color--blue-100{background-color:#bbdefb !important}.mdl-color-text--blue-200{color:#90caf9 !important}.mdl-color--blue-200{background-color:#90caf9 !important}.mdl-color-text--blue-300{color:#64b5f6 !important}.mdl-color--blue-300{background-color:#64b5f6 !important}.mdl-color-text--blue-400{color:#42a5f5 !important}.mdl-color--blue-400{background-color:#42a5f5 !important}.mdl-color-text--blue-500{color:#2196f3 !important}.mdl-color--blue-500{background-color:#2196f3 !important}.mdl-color-text--blue-600{color:#1e88e5 !important}.mdl-color--blue-600{background-color:#1e88e5 !important}.mdl-color-text--blue-700{color:#1976d2 !important}.mdl-color--blue-700{background-color:#1976d2 !important}.mdl-color-text--blue-800{color:#1565c0 !important}.mdl-color--blue-800{background-color:#1565c0 !important}.mdl-color-text--blue-900{color:#0d47a1 !important}.mdl-color--blue-900{background-color:#0d47a1 !important}.mdl-color-text--blue-A100{color:#82b1ff !important}.mdl-color--blue-A100{background-color:#82b1ff !important}.mdl-color-text--blue-A200{color:#448aff !important}.mdl-color--blue-A200{background-color:#448aff !important}.mdl-color-text--blue-A400{color:#2979ff !important}.mdl-color--blue-A400{background-color:#2979ff !important}.mdl-color-text--blue-A700{color:#2962ff !important}.mdl-color--blue-A700{background-color:#2962ff !important}.mdl-color-text--light-blue{color:#03a9f4 !important}.mdl-color--light-blue{background-color:#03a9f4 !important}.mdl-color-text--light-blue-50{color:#e1f5fe !important}.mdl-color--light-blue-50{background-color:#e1f5fe !important}.mdl-color-text--light-blue-100{color:#b3e5fc !important}.mdl-color--light-blue-100{background-color:#b3e5fc !important}.mdl-color-text--light-blue-200{color:#81d4fa !important}.mdl-color--light-blue-200{background-color:#81d4fa !important}.mdl-color-text--light-blue-300{color:#4fc3f7 !important}.mdl-color--light-blue-300{background-color:#4fc3f7 !important}.mdl-color-text--light-blue-400{color:#29b6f6 !important}.mdl-color--light-blue-400{background-color:#29b6f6 !important}.mdl-color-text--light-blue-500{color:#03a9f4 !important}.mdl-color--light-blue-500{background-color:#03a9f4 !important}.mdl-color-text--light-blue-600{color:#039be5 !important}.mdl-color--light-blue-600{background-color:#039be5 !important}.mdl-color-text--light-blue-700{color:#0288d1 !important}.mdl-color--light-blue-700{background-color:#0288d1 !important}.mdl-color-text--light-blue-800{color:#0277bd !important}.mdl-color--light-blue-800{background-color:#0277bd !important}.mdl-color-text--light-blue-900{color:#01579b !important}.mdl-color--light-blue-900{background-color:#01579b !important}.mdl-color-text--light-blue-A100{color:#80d8ff !important}.mdl-color--light-blue-A100{background-color:#80d8ff !important}.mdl-color-text--light-blue-A200{color:#40c4ff !important}.mdl-color--light-blue-A200{background-color:#40c4ff !important}.mdl-color-text--light-blue-A400{color:#00b0ff !important}.mdl-color--light-blue-A400{background-color:#00b0ff !important}.mdl-color-text--light-blue-A700{color:#0091ea !important}.mdl-color--light-blue-A700{background-color:#0091ea !important}.mdl-color-text--cyan{color:#00bcd4 !important}.mdl-color--cyan{background-color:#00bcd4 !important}.mdl-color-text--cyan-50{color:#e0f7fa !important}.mdl-color--cyan-50{background-color:#e0f7fa !important}.mdl-color-text--cyan-100{color:#b2ebf2 !important}.mdl-color--cyan-100{background-color:#b2ebf2 !important}.mdl-color-text--cyan-200{color:#80deea !important}.mdl-color--cyan-200{background-color:#80deea !important}.mdl-color-text--cyan-300{color:#4dd0e1 !important}.mdl-color--cyan-300{background-color:#4dd0e1 !important}.mdl-color-text--cyan-400{color:#26c6da !important}.mdl-color--cyan-400{background-color:#26c6da !important}.mdl-color-text--cyan-500{color:#00bcd4 !important}.mdl-color--cyan-500{background-color:#00bcd4 !important}.mdl-color-text--cyan-600{color:#00acc1 !important}.mdl-color--cyan-600{background-color:#00acc1 !important}.mdl-color-text--cyan-700{color:#0097a7 !important}.mdl-color--cyan-700{background-color:#0097a7 !important}.mdl-color-text--cyan-800{color:#00838f !important}.mdl-color--cyan-800{background-color:#00838f !important}.mdl-color-text--cyan-900{color:#006064 !important}.mdl-color--cyan-900{background-color:#006064 !important}.mdl-color-text--cyan-A100{color:#84ffff !important}.mdl-color--cyan-A100{background-color:#84ffff !important}.mdl-color-text--cyan-A200{color:#18ffff !important}.mdl-color--cyan-A200{background-color:#18ffff !important}.mdl-color-text--cyan-A400{color:#00e5ff !important}.mdl-color--cyan-A400{background-color:#00e5ff !important}.mdl-color-text--cyan-A700{color:#00b8d4 !important}.mdl-color--cyan-A700{background-color:#00b8d4 !important}.mdl-color-text--teal{color:#009688 !important}.mdl-color--teal{background-color:#009688 !important}.mdl-color-text--teal-50{color:#e0f2f1 !important}.mdl-color--teal-50{background-color:#e0f2f1 !important}.mdl-color-text--teal-100{color:#b2dfdb !important}.mdl-color--teal-100{background-color:#b2dfdb !important}.mdl-color-text--teal-200{color:#80cbc4 !important}.mdl-color--teal-200{background-color:#80cbc4 !important}.mdl-color-text--teal-300{color:#4db6ac !important}.mdl-color--teal-300{background-color:#4db6ac !important}.mdl-color-text--teal-400{color:#26a69a !important}.mdl-color--teal-400{background-color:#26a69a !important}.mdl-color-text--teal-500{color:#009688 !important}.mdl-color--teal-500{background-color:#009688 !important}.mdl-color-text--teal-600{color:#00897b !important}.mdl-color--teal-600{background-color:#00897b !important}.mdl-color-text--teal-700{color:#00796b !important}.mdl-color--teal-700{background-color:#00796b !important}.mdl-color-text--teal-800{color:#00695c !important}.mdl-color--teal-800{background-color:#00695c !important}.mdl-color-text--teal-900{color:#004d40 !important}.mdl-color--teal-900{background-color:#004d40 !important}.mdl-color-text--teal-A100{color:#a7ffeb !important}.mdl-color--teal-A100{background-color:#a7ffeb !important}.mdl-color-text--teal-A200{color:#64ffda !important}.mdl-color--teal-A200{background-color:#64ffda !important}.mdl-color-text--teal-A400{color:#1de9b6 !important}.mdl-color--teal-A400{background-color:#1de9b6 !important}.mdl-color-text--teal-A700{color:#00bfa5 !important}.mdl-color--teal-A700{background-color:#00bfa5 !important}.mdl-color-text--green{color:#4caf50 !important}.mdl-color--green{background-color:#4caf50 !important}.mdl-color-text--green-50{color:#e8f5e9 !important}.mdl-color--green-50{background-color:#e8f5e9 !important}.mdl-color-text--green-100{color:#c8e6c9 !important}.mdl-color--green-100{background-color:#c8e6c9 !important}.mdl-color-text--green-200{color:#a5d6a7 !important}.mdl-color--green-200{background-color:#a5d6a7 !important}.mdl-color-text--green-300{color:#81c784 !important}.mdl-color--green-300{background-color:#81c784 !important}.mdl-color-text--green-400{color:#66bb6a !important}.mdl-color--green-400{background-color:#66bb6a !important}.mdl-color-text--green-500{color:#4caf50 !important}.mdl-color--green-500{background-color:#4caf50 !important}.mdl-color-text--green-600{color:#43a047 !important}.mdl-color--green-600{background-color:#43a047 !important}.mdl-color-text--green-700{color:#388e3c !important}.mdl-color--green-700{background-color:#388e3c !important}.mdl-color-text--green-800{color:#2e7d32 !important}.mdl-color--green-800{background-color:#2e7d32 !important}.mdl-color-text--green-900{color:#1b5e20 !important}.mdl-color--green-900{background-color:#1b5e20 !important}.mdl-color-text--green-A100{color:#b9f6ca !important}.mdl-color--green-A100{background-color:#b9f6ca !important}.mdl-color-text--green-A200{color:#69f0ae !important}.mdl-color--green-A200{background-color:#69f0ae !important}.mdl-color-text--green-A400{color:#00e676 !important}.mdl-color--green-A400{background-color:#00e676 !important}.mdl-color-text--green-A700{color:#00c853 !important}.mdl-color--green-A700{background-color:#00c853 !important}.mdl-color-text--light-green{color:#8bc34a !important}.mdl-color--light-green{background-color:#8bc34a !important}.mdl-color-text--light-green-50{color:#f1f8e9 !important}.mdl-color--light-green-50{background-color:#f1f8e9 !important}.mdl-color-text--light-green-100{color:#dcedc8 !important}.mdl-color--light-green-100{background-color:#dcedc8 !important}.mdl-color-text--light-green-200{color:#c5e1a5 !important}.mdl-color--light-green-200{background-color:#c5e1a5 !important}.mdl-color-text--light-green-300{color:#aed581 !important}.mdl-color--light-green-300{background-color:#aed581 !important}.mdl-color-text--light-green-400{color:#9ccc65 !important}.mdl-color--light-green-400{background-color:#9ccc65 !important}.mdl-color-text--light-green-500{color:#8bc34a !important}.mdl-color--light-green-500{background-color:#8bc34a !important}.mdl-color-text--light-green-600{color:#7cb342 !important}.mdl-color--light-green-600{background-color:#7cb342 !important}.mdl-color-text--light-green-700{color:#689f38 !important}.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:#ff0 !important}.mdl-color--yellow-A200{background-color:#ff0 !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:#f5f5f5 !important}.mdl-color--grey-100{background-color:#f5f5f5 !important}.mdl-color-text--grey-200{color:#eee !important}.mdl-color--grey-200{background-color:#eee !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:#000 !important}.mdl-color-text--black{color:#000 !important}.mdl-color--white{background-color:#fff !important}.mdl-color-text--white{color:#fff !important}.mdl-color--primary{background-color:#3f51b5 !important}.mdl-color--primary-contrast{background-color:#fff !important}.mdl-color--primary-dark{background-color:#303f9f !important}.mdl-color--accent{background-color:#ff4081 !important}.mdl-color--accent-contrast{background-color:#fff !important}.mdl-color-text--primary{color:#3f51b5 !important}.mdl-color-text--primary-contrast{color:#fff !important}.mdl-color-text--primary-dark{color:#303f9f !important}.mdl-color-text--accent{color:#ff4081 !important}.mdl-color-text--accent-contrast{color:#fff !important}.mdl-ripple{background:#000;border-radius:50%;height:50px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;overflow:hidden}.mdl-ripple.is-animating{transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}.mdl-ripple.is-visible{opacity:.3}.mdl-animation--default,.mdl-animation--fast-out-slow-in{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-animation--linear-out-slow-in{transition-timing-function:cubic-bezier(0,0,.2,1)}.mdl-animation--fast-out-linear-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.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-flex;display:-ms-flexbox;display:flex;-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:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content: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:#fff}.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,.2);box-shadow:0 0 1px gray}.mdl-badge.mdl-badge--overlap{margin-right:10px}.mdl-badge.mdl-badge--overlap:after{right:-10px}.mdl-button{background:0 0;border:none;border-radius:2px;color:#000;position:relative;height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;vertical-align:middle}.mdl-button::-moz-focus-inner{border:0}.mdl-button:hover{background-color:rgba(158,158,158,.2)}.mdl-button:focus:not(:active){background-color:rgba(0,0,0,.12)}.mdl-button:active{background-color:rgba(158,158,158,.4)}.mdl-button.mdl-button--colored{color:#3f51b5}.mdl-button.mdl-button--colored:focus:not(:active){background-color:rgba(0,0,0,.12)}input.mdl-button[type="submit"]{-webkit-appearance:none}.mdl-button--raised{background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-button--raised:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--raised:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--raised.mdl-button--colored{background:#3f51b5;color:#fff}.mdl-button--raised.mdl-button--colored:hover{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:active{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:focus:not(:active){background-color:#3f51b5}.mdl-button--raised.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--fab{border-radius:50%;font-size:24px;height:56px;margin:auto;min-width:56px;width:56px;padding:0;overflow:hidden;background:rgba(158,158,158,.2);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);position:relative;line-height:normal}.mdl-button--fab .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--fab.mdl-button--mini-fab{height:40px;min-width:40px;width:40px}.mdl-button--fab .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button--fab:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--fab:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--fab.mdl-button--colored{background:#ff4081;color:#fff}.mdl-button--fab.mdl-button--colored:hover{background-color:#ff4081}.mdl-button--fab.mdl-button--colored:focus:not(:active){background-color:#ff4081}.mdl-button--fab.mdl-button--colored:active{background-color:#ff4081}.mdl-button--fab.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--icon{border-radius:50%;font-size:24px;height:32px;margin-left:0;margin-right:0;min-width:32px;width:32px;padding:0;overflow:hidden;color:inherit;line-height:normal}.mdl-button--icon .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon{height:24px;min-width:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon .material-icons{top:0;left:0}.mdl-button--icon .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button__ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple{background-color:transparent}.mdl-button--primary.mdl-button--primary{color:#3f51b5}.mdl-button--primary.mdl-button--primary .mdl-ripple{background:#fff}.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab{color:#fff;background-color:#3f51b5}.mdl-button--accent.mdl-button--accent{color:#ff4081}.mdl-button--accent.mdl-button--accent .mdl-ripple{background:#fff}.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab{color:#fff;background-color:#ff4081}.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26);cursor:default;background-color:transparent}.mdl-button--fab[disabled][disabled],.mdl-button--fab.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26);box-shadow:none}.mdl-button--colored[disabled][disabled],.mdl-button--colored.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26)}.mdl-button .material-icons{vertical-align:middle}.mdl-card{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:16px;font-weight:400;min-height:200px;overflow:hidden;width:330px;z-index:1;position:relative;background:#fff;border-radius:2px;box-sizing:border-box}.mdl-card__media{background-color:#ff4081;background-repeat:repeat;background-position:50% 50%;background-size:cover;background-origin:padding-box;background-attachment:scroll;box-sizing:border-box}.mdl-card__title{-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#000;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch;line-height:normal;padding:16px;-webkit-perspective-origin:165px 56px;perspective-origin:165px 56px;-webkit-transform-origin:165px 56px;transform-origin:165px 56px;box-sizing:border-box}.mdl-card__title.mdl-card--border{border-bottom:1px solid rgba(0,0,0,.1)}.mdl-card__title-text{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:inherit;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24px;font-weight:300;line-height:normal;overflow:hidden;-webkit-transform-origin:149px 48px;transform-origin:149px 48px;margin:0}.mdl-card__subtitle-text{font-size:14px;color:rgba(0,0,0,.54);margin:0}.mdl-card__supporting-text{color:rgba(0,0,0,.54);font-size:1rem;line-height:18px;overflow:hidden;padding:16px;width:90%}.mdl-card__actions{font-size:16px;line-height:normal;width:100%;background-color:transparent;padding:8px;box-sizing:border-box}.mdl-card__actions.mdl-card--border{border-top:1px solid rgba(0,0,0,.1)}.mdl-card--expand{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mdl-card__menu{position:absolute;right:16px;top:16px}.mdl-checkbox{position:relative;z-index:1;vertical-align:middle;display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0}.mdl-checkbox.is-upgraded{padding-left:24px}.mdl-checkbox__input{line-height:24px}.mdl-checkbox.is-upgraded .mdl-checkbox__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-checkbox__box-outline{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid rgba(0,0,0,.54);border-radius:2px;z-index:2}.mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid #3f51b5}fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,.mdl-checkbox.is-disabled .mdl-checkbox__box-outline{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__focus-helper{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;border-radius:50%;background-color:transparent}.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(63,81,181,.26);background-color:rgba(63,81,181,.26)}.mdl-checkbox__tick-outline{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");background:0 0;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background}.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:#3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")}fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline{background:rgba(0,0,0,.26)url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")}.mdl-checkbox__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0}fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,.mdl-checkbox.is-disabled .mdl-checkbox__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__ripple-container{position:absolute;z-index:2;top:-6px;left:-10px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-checkbox__ripple-container .mdl-ripple{background:#3f51b5}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container{cursor:auto}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple{background:0 0}.mdl-data-table{position:relative;border:1px solid rgba(0,0,0,.12);border-collapse:collapse;white-space:nowrap;font-size:13px;background-color:#fff}.mdl-data-table thead{padding-bottom:3px}.mdl-data-table thead .mdl-data-table__select{margin-top:0}.mdl-data-table tbody tr{position:relative;height:48px;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color}.mdl-data-table tbody tr.is-selected{background-color:#e0e0e0}.mdl-data-table tbody tr:hover{background-color:#eee}.mdl-data-table td{text-align:right}.mdl-data-table th{padding:0 18px 12px 18px;text-align:right}.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{padding-left:24px}.mdl-data-table td:last-of-type,.mdl-data-table th:last-of-type{padding-right:24px}.mdl-data-table td{position:relative;height:48px;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:12px 18px;box-sizing:border-box}.mdl-data-table td,.mdl-data-table td .mdl-data-table__select{vertical-align:middle}.mdl-data-table th{position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;height:48px;font-size:12px;color:rgba(0,0,0,.54);padding-bottom:8px;box-sizing:border-box}.mdl-data-table th.mdl-data-table__header--sorted-ascending,.mdl-data-table th.mdl-data-table__header--sorted-descending{color:rgba(0,0,0,.87)}.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,.mdl-data-table th.mdl-data-table__header--sorted-descending:before{font-family:'Material Icons';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-size:16px;content:"\e5d8";margin-right:5px;vertical-align:sub}.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,.mdl-data-table th.mdl-data-table__header--sorted-descending:hover{cursor:pointer}.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before{color:rgba(0,0,0,.26)}.mdl-data-table th.mdl-data-table__header--sorted-descending:before{content:"\e5db"}.mdl-data-table__select{width:16px}.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric{text-align:left}.mdl-dialog{border:none;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2);width:280px}.mdl-dialog__title{padding:24px 24px 0;margin:0;font-size:2.5rem}.mdl-dialog__actions{padding:8px 8px 8px 24px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.mdl-dialog__actions>*{margin-right:8px;height:36px}.mdl-dialog__actions>*:first-child{margin-right:0}.mdl-dialog__actions--full-width{padding:0 0 8px}.mdl-dialog__actions--full-width>*{height:48px;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;padding-right:16px;margin-right:0;text-align:right}.mdl-dialog__content{padding:20px 24px 24px;color:rgba(0,0,0,.54)}.mdl-mega-footer{padding:16px 40px;color:#9e9e9e;background-color:#424242}.mdl-mega-footer--top-section:after,.mdl-mega-footer--middle-section:after,.mdl-mega-footer--bottom-section:after,.mdl-mega-footer__top-section:after,.mdl-mega-footer__middle-section:after,.mdl-mega-footer__bottom-section:after{content:'';display:block;clear:both}.mdl-mega-footer--left-section,.mdl-mega-footer__left-section,.mdl-mega-footer--right-section,.mdl-mega-footer__right-section{margin-bottom:16px}.mdl-mega-footer--right-section a,.mdl-mega-footer__right-section a{display:block;margin-bottom:16px;color:inherit;text-decoration:none}@media screen and (min-width:760px){.mdl-mega-footer--left-section,.mdl-mega-footer__left-section{float:left}.mdl-mega-footer--right-section,.mdl-mega-footer__right-section{float:right}.mdl-mega-footer--right-section a,.mdl-mega-footer__right-section a{display:inline-block;margin-left:16px;line-height:36px;vertical-align:middle}}.mdl-mega-footer--social-btn,.mdl-mega-footer__social-btn{width:36px;height:36px;padding:0;margin:0;background-color:#9e9e9e;border:none}.mdl-mega-footer--drop-down-section,.mdl-mega-footer__drop-down-section{display:block;position:relative}@media screen and (min-width:760px){.mdl-mega-footer--drop-down-section,.mdl-mega-footer__drop-down-section{width:33%}.mdl-mega-footer--drop-down-section:nth-child(1),.mdl-mega-footer--drop-down-section:nth-child(2),.mdl-mega-footer__drop-down-section:nth-child(1),.mdl-mega-footer__drop-down-section:nth-child(2){float:left}.mdl-mega-footer--drop-down-section:nth-child(3),.mdl-mega-footer__drop-down-section:nth-child(3){float:right}.mdl-mega-footer--drop-down-section:nth-child(3):after,.mdl-mega-footer__drop-down-section:nth-child(3):after{clear:right}.mdl-mega-footer--drop-down-section:nth-child(4),.mdl-mega-footer__drop-down-section:nth-child(4){clear:right;float:right}.mdl-mega-footer--middle-section:after,.mdl-mega-footer__middle-section:after{content:'';display:block;clear:both}.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{padding-top:0}}@media screen and (min-width:1024px){.mdl-mega-footer--drop-down-section,.mdl-mega-footer--drop-down-section:nth-child(3),.mdl-mega-footer--drop-down-section:nth-child(4),.mdl-mega-footer__drop-down-section,.mdl-mega-footer__drop-down-section:nth-child(3),.mdl-mega-footer__drop-down-section:nth-child(4){width:24%;float:left}}.mdl-mega-footer--heading-checkbox,.mdl-mega-footer__heading-checkbox{position:absolute;width:100%;height:55.8px;padding:32px;margin:-16px 0 0;cursor:pointer;z-index:1;opacity:0}.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after{font-family:'Material Icons';content:'\E5CE'}.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list{display:none}.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after{font-family:'Material Icons';content:'\E5CF'}.mdl-mega-footer--heading,.mdl-mega-footer__heading{position:relative;width:100%;padding-right:39.8px;margin-bottom:16px;box-sizing:border-box;font-size:14px;line-height:23.8px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#e0e0e0}.mdl-mega-footer--heading:after,.mdl-mega-footer__heading:after{content:'';position:absolute;top:0;right:0;display:block;width:23.8px;height:23.8px;background-size:cover}.mdl-mega-footer--link-list,.mdl-mega-footer__link-list{list-style:none;padding:0;margin:0 0 32px}.mdl-mega-footer--link-list:after,.mdl-mega-footer__link-list:after{clear:both;display:block;content:''}.mdl-mega-footer--link-list li,.mdl-mega-footer__link-list li{font-size:14px;font-weight:400;letter-spacing:0;line-height:20px}.mdl-mega-footer--link-list a,.mdl-mega-footer__link-list a{color:inherit;text-decoration:none;white-space:nowrap}@media screen and (min-width:760px){.mdl-mega-footer--heading-checkbox,.mdl-mega-footer__heading-checkbox{display:none}.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after{content:''}.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list{display:block}.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after{content:''}}.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{padding-top:16px;margin-bottom:16px}.mdl-logo{margin-bottom:16px;color:#fff}.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li{float:left;margin-bottom:0;margin-right:16px}@media screen and (min-width:760px){.mdl-logo{float:left;margin-bottom:0;margin-right:16px}}.mdl-mini-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:32px 16px;color:#9e9e9e;background-color:#424242}.mdl-mini-footer:after{content:'';display:block}.mdl-mini-footer .mdl-logo{line-height:36px}.mdl-mini-footer--link-list,.mdl-mini-footer__link-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;list-style:none;margin:0;padding:0}.mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{margin-bottom:0;margin-right:16px}@media screen and (min-width:760px){.mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{line-height:36px}}.mdl-mini-footer--link-list a,.mdl-mini-footer__link-list a{color:inherit;text-decoration:none;white-space:nowrap}.mdl-mini-footer--left-section,.mdl-mini-footer__left-section{display:inline-block;-webkit-order:0;-ms-flex-order:0;order:0}.mdl-mini-footer--right-section,.mdl-mini-footer__right-section{display:inline-block;-webkit-order:1;-ms-flex-order:1;order:1}.mdl-mini-footer--social-btn,.mdl-mini-footer__social-btn{width:36px;height:36px;padding:0;margin:0;background-color:#9e9e9e;border:none}.mdl-icon-toggle{position:relative;z-index:1;vertical-align:middle;display:inline-block;height:32px;margin:0;padding:0}.mdl-icon-toggle__input{line-height:32px}.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__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-icon-toggle__label{display:inline-block;position:relative;cursor:pointer;height:32px;width:32px;min-width:32px;color:#616161;border-radius:50%;padding:0;margin-left:0;margin-right:0;text-align:center;background-color:transparent;will-change:background-color;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.mdl-icon-toggle__label.material-icons{line-height:32px;font-size:24px}.mdl-icon-toggle.is-checked .mdl-icon-toggle__label{color:#3f51b5}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label{color:rgba(0,0,0,.26);cursor:auto;transition:none}.mdl-icon-toggle.is-focused .mdl-icon-toggle__label{background-color:rgba(0,0,0,.12)}.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label{background-color:rgba(63,81,181,.26)}.mdl-icon-toggle__ripple-container{position:absolute;z-index:2;top:-2px;left:-2px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-icon-toggle__ripple-container .mdl-ripple{background:#616161}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container{cursor:auto}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple{background:0 0}.mdl-list{display:block;padding:8px 0;list-style:none}.mdl-list__item{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;min-height:48px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:16px;cursor:default;color:rgba(0,0,0,.87);overflow:hidden}.mdl-list__item,.mdl-list__item .mdl-list__item-primary-content{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mdl-list__item .mdl-list__item-primary-content{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-decoration:none}.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon{margin-right:32px}.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar{margin-right:16px}.mdl-list__item .mdl-list__item-secondary-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-left:16px}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label{display:inline}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;color:rgba(0,0,0,.54)}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header{padding:0 0 0 16px}.mdl-list__item-icon,.mdl-list__item-icon.material-icons{height:24px;width:24px;font-size:24px;box-sizing:border-box;color:#757575}.mdl-list__item-avatar,.mdl-list__item-avatar.material-icons{height:40px;width:40px;box-sizing:border-box;border-radius:50%;background-color:#757575;font-size:40px;color:#fff}.mdl-list__item--two-line{height:72px}.mdl-list__item--two-line .mdl-list__item-primary-content{height:36px;line-height:20px;display:block}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar{float:left}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon{float:left;margin-top:6px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content{height:36px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title{font-size:14px;font-weight:400;letter-spacing:0;line-height:18px;color:rgba(0,0,0,.54);display:block;padding:0}.mdl-list__item--three-line{height:88px}.mdl-list__item--three-line .mdl-list__item-primary-content{height:52px;line-height:20px;display:block}.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon{float:left}.mdl-list__item--three-line .mdl-list__item-secondary-content{height:52px}.mdl-list__item--three-line .mdl-list__item-text-body{font-size:14px;font-weight:400;letter-spacing:0;line-height:18px;height:52px;color:rgba(0,0,0,.54);display:block;padding:0}.mdl-menu__container{display:block;margin:0;padding:0;border:none;position:absolute;overflow:visible;height:0;width:0;visibility:hidden;z-index:-1}.mdl-menu__container.is-visible,.mdl-menu__container.is-animating{z-index:999;visibility:visible}.mdl-menu__outline{display:block;background:#fff;margin:0;padding:0;border:none;border-radius:2px;position:absolute;top:0;left:0;overflow:hidden;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 0;transform-origin:0 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);z-index:-1}.mdl-menu__container.is-visible .mdl-menu__outline{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:999}.mdl-menu__outline.mdl-menu--bottom-right{-webkit-transform-origin:100% 0;transform-origin:100% 0}.mdl-menu__outline.mdl-menu--top-left{-webkit-transform-origin:0 100%;transform-origin:0 100%}.mdl-menu__outline.mdl-menu--top-right{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.mdl-menu{position:absolute;list-style:none;top:0;left:0;height:auto;width:auto;min-width:124px;padding:8px 0;margin:0;opacity:0;clip:rect(0 0 0 0);z-index:-1}.mdl-menu__container.is-visible .mdl-menu{opacity:1;z-index:999}.mdl-menu.is-animating{transition:opacity .2s cubic-bezier(.4,0,.2,1),clip .3s cubic-bezier(.4,0,.2,1)}.mdl-menu.mdl-menu--bottom-right{left:auto;right:0}.mdl-menu.mdl-menu--top-left{top:auto;bottom:0}.mdl-menu.mdl-menu--top-right{top:auto;left:auto;bottom:0;right:0}.mdl-menu.mdl-menu--unaligned{top:auto;left:auto}.mdl-menu__item{display:block;border:none;color:rgba(0,0,0,.87);background-color:transparent;text-align:left;margin:0;padding:0 16px;outline-color:#bdbdbd;position:relative;overflow:hidden;font-size:14px;font-weight:400;letter-spacing:0;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-menu__container.is-visible .mdl-menu__item{opacity:1}.mdl-menu__item::-moz-focus-inner{border:0}.mdl-menu__item--full-bleed-divider{border-bottom:1px solid rgba(0,0,0,.12)}.mdl-menu__item[disabled],.mdl-menu__item[data-mdl-disabled]{color:#bdbdbd;background-color:transparent;cursor:auto}.mdl-menu__item[disabled]:hover,.mdl-menu__item[data-mdl-disabled]:hover{background-color:transparent}.mdl-menu__item[disabled]:focus,.mdl-menu__item[data-mdl-disabled]:focus{background-color:transparent}.mdl-menu__item[disabled] .mdl-ripple,.mdl-menu__item[data-mdl-disabled] .mdl-ripple{background:0 0}.mdl-menu__item:hover{background-color:#eee}.mdl-menu__item:focus{outline:none;background-color:#eee}.mdl-menu__item:active{background-color:#e0e0e0}.mdl-menu__item--ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-progress{display:block;position:relative;height:4px;width:500px;max-width:100%}.mdl-progress>.bar{display:block;position:absolute;top:0;bottom:0;width:0%;transition:width .2s cubic-bezier(.4,0,.2,1)}.mdl-progress>.progressbar{background-color:#3f51b5;z-index:1;left:0}.mdl-progress>.bufferbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5 ,#3f51b5);z-index:0;left:0}.mdl-progress>.auxbar{right:0}@supports (-webkit-appearance:none){.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5 ,#3f51b5);-webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=")}}.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(to right,#3f51b5 ,#3f51b5)}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{-webkit-animation-name:indeterminate1;animation-name:indeterminate1}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1,.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-color:#3f51b5;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-image:none;-webkit-animation-name:indeterminate2;animation-name:indeterminate2}@-webkit-keyframes indeterminate1{0%{left:0%;width:0%}50%{left:25%;width:75%}75%{left:100%;width:0%}}@keyframes indeterminate1{0%{left:0%;width:0%}50%{left:25%;width:75%}75%{left:100%;width:0%}}@-webkit-keyframes indeterminate2{0%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}@keyframes indeterminate2{0%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}.mdl-navigation{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;box-sizing:border-box}.mdl-navigation__link{color:#424242;text-decoration:none;margin:0;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:.87}.mdl-navigation__link .material-icons{vertical-align:middle}.mdl-layout{width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.mdl-layout.is-small-screen .mdl-layout--large-screen-only{display:none}.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only{display:none}.mdl-layout__container{position:absolute;width:100%;height:100%}.mdl-layout__title,.mdl-layout-title{display:block;position:relative;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:20px;line-height:1;letter-spacing:.02em;font-weight:400;box-sizing:border-box}.mdl-layout-spacer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mdl-layout__drawer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;height:100%;max-height:100%;position:absolute;top:0;left:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-sizing:border-box;border-right:1px solid #e0e0e0;background:#fafafa;-webkit-transform:translateX(-250px);transform:translateX(-250px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-transform;color:#424242;overflow:visible;overflow-y:auto;z-index:5}.mdl-layout__drawer.is-visible{-webkit-transform:translateX(0);transform:translateX(0)}.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content{overflow:hidden}.mdl-layout__drawer>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:64px;padding-left:40px}@media screen and (max-width:1024px){.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:56px;padding-left:16px}}.mdl-layout__drawer .mdl-navigation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;padding-top:16px}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:16px 40px;margin:0;color:#757575}@media screen and (max-width:1024px){.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding:16px}}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{background-color:#e0e0e0}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current{background-color:#000;color:#e0e0e0}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__drawer{-webkit-transform:translateX(0);transform:translateX(0)}}.mdl-layout__drawer-button{display:block;position:absolute;height:48px;width:48px;border:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;text-align:center;cursor:pointer;font-size:26px;line-height:50px;font-family:Helvetica,Arial,sans-serif;margin:10px 12px;top:0;left:0;color:#fff;z-index:4}.mdl-layout__header .mdl-layout__drawer-button{position:absolute;color:#fff;background-color:inherit}@media screen and (max-width:1024px){.mdl-layout__header .mdl-layout__drawer-button{margin:4px}}@media screen and (max-width:1024px){.mdl-layout__drawer-button{margin:4px;color:rgba(0,0,0,.5)}}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__drawer-button,.mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button{display:none}}.mdl-layout--no-drawer-button .mdl-layout__drawer-button{display:none}.mdl-layout__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;margin:0;padding:0;border:none;min-height:64px;max-height:1000px;z-index:3;background-color:#3f51b5;color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:max-height,box-shadow}@media screen and (max-width:1024px){.mdl-layout__header{min-height:56px}}.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header{margin-left:240px;width:calc(100% - 240px)}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row{padding-left:40px}}.mdl-layout__header>.mdl-layout-icon{position:absolute;left:40px;top:16px;height:32px;width:32px;overflow:hidden;z-index:3;display:block}@media screen and (max-width:1024px){.mdl-layout__header>.mdl-layout-icon{left:16px;top:12px}}.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon{display:none}.mdl-layout__header.is-compact{max-height:64px}@media screen and (max-width:1024px){.mdl-layout__header.is-compact{max-height:56px}}.mdl-layout__header.is-compact.has-tabs{height:112px}@media screen and (max-width:1024px){.mdl-layout__header.is-compact.has-tabs{min-height:104px}}@media screen and (max-width:1024px){.mdl-layout__header{display:none}.mdl-layout--fixed-header>.mdl-layout__header{display:-webkit-flex;display:-ms-flexbox;display:flex}}.mdl-layout__header--transparent.mdl-layout__header--transparent{background-color:transparent;box-shadow:none}.mdl-layout__header--seamed,.mdl-layout__header--scroll{box-shadow:none}.mdl-layout__header--waterfall{box-shadow:none;overflow:hidden}.mdl-layout__header--waterfall.is-casting-shadow{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.mdl-layout__header-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:64px;margin:0;padding:0 40px 0 80px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:40px}@media screen and (min-width:1025px){.mdl-layout--no-desktop-drawer-button .mdl-layout__header-row{padding-left:40px}}@media screen and (max-width:1024px){.mdl-layout__header-row{height:56px;padding:0 16px 0 72px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:16px}}.mdl-layout__header-row>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mdl-layout__header--scroll .mdl-layout__header-row{width:100%}.mdl-layout__header-row .mdl-navigation{margin:0;padding:0;height:64px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}@media screen and (max-width:1024px){.mdl-layout__header-row .mdl-navigation{height:56px}}.mdl-layout__header-row .mdl-navigation__link{display:block;color:#fff;line-height:64px;padding:0 24px}@media screen and (max-width:1024px){.mdl-layout__header-row .mdl-navigation__link{line-height:56px;padding:0 16px}}.mdl-layout__obfuscator{background-color:transparent;position:absolute;top:0;left:0;height:100%;width:100%;z-index:4;visibility:hidden;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-layout__obfuscator.is-visible{background-color:rgba(0,0,0,.5);visibility:visible}@supports (pointer-events:auto){.mdl-layout__obfuscator{background-color:rgba(0,0,0,.5);opacity:0;transition-property:opacity;visibility:visible;pointer-events:none}.mdl-layout__obfuscator.is-visible{pointer-events:auto;opacity:1}}.mdl-layout__content{-ms-flex:0 1 auto;position:relative;display:inline-block;overflow-y:auto;overflow-x:hidden;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;z-index:1;-webkit-overflow-scrolling:touch}.mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:240px}.mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow:visible}@media screen and (max-width:1024px){.mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:0}.mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow-y:auto;overflow-x:hidden}}.mdl-layout__tab-bar{height:96px;margin:0;width:calc(100% - 112px);padding:0 0 0 56px;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#3f51b5;overflow-y:hidden;overflow-x:scroll}.mdl-layout__tab-bar::-webkit-scrollbar{display:none}.mdl-layout--no-drawer-button .mdl-layout__tab-bar{padding-left:16px;width:calc(100% - 32px)}@media screen and (min-width:1025px){.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar{padding-left:16px;width:calc(100% - 32px)}}@media screen and (max-width:1024px){.mdl-layout__tab-bar{width:calc(100% - 60px);padding:0 0 0 60px}.mdl-layout--no-drawer-button .mdl-layout__tab-bar{width:calc(100% - 8px);padding-left:4px}}.mdl-layout--fixed-tabs .mdl-layout__tab-bar{padding:0;overflow:hidden;width:100%}.mdl-layout__tab-bar-container{position:relative;height:48px;width:100%;border:none;margin:0;z-index:2;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.mdl-layout__container>.mdl-layout__tab-bar-container{position:absolute;top:0;left:0}.mdl-layout__tab-bar-button{display:inline-block;position:absolute;top:0;height:48px;width:56px;z-index:4;text-align:center;background-color:#3f51b5;color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button{width:16px}.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons{position:relative;left:-4px}@media screen and (max-width:1024px){.mdl-layout__tab-bar-button{display:none;width:60px}}.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button{display:none}.mdl-layout__tab-bar-button .material-icons{line-height:48px}.mdl-layout__tab-bar-button.is-active{color:#fff}.mdl-layout__tab-bar-left-button{left:0}.mdl-layout__tab-bar-right-button{right:0}.mdl-layout__tab{margin:0;border:none;padding:0 24px;float:left;position:relative;display:block;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-decoration:none;height:48px;line-height:48px;text-align:center;font-weight:500;font-size:14px;text-transform:uppercase;color:rgba(255,255,255,.6);overflow:hidden}@media screen and (max-width:1024px){.mdl-layout__tab{padding:0 12px}}.mdl-layout--fixed-tabs .mdl-layout__tab{float:none;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0}.mdl-layout.is-upgraded .mdl-layout__tab.is-active{color:#fff}.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:#ff4081;-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-layout__tab .mdl-layout__tab-ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;overflow:hidden}.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple{background-color:#fff}.mdl-layout__tab-panel{display:block}.mdl-layout.is-upgraded .mdl-layout__tab-panel{display:none}.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active{display:block}.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,.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,.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;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-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,.26);cursor:auto}.mdl-radio.is-focused .mdl-radio__inner-circle{box-shadow:0 0 0 10px rgba(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,.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,#fff,#000)}.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:0 0}_:-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:0 0;-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}.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:0 0}.mdl-slider.is-upgraded::-moz-range-track{background:0 0;border:none}.mdl-slider.is-upgraded::-ms-track{background:0 0;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,.26)16px,rgba(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;transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,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,.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(63,81,181,.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;transform:scale(.375);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,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,.26)37.5%,rgba(63,81,181,.26)100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#3f51b5;transform:scale(.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.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,.12);background:rgba(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,.12);background:rgba(0,0,0,.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(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,.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,.26)66.67%,rgba(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,.12)0%,rgba(0,0,0,.12)25%,rgba(0,0,0,.26)25%,rgba(0,0,0,.26)37.5%,rgba(0,0,0,.12)37.5%,rgba(0,0,0,.12)100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(.5625);background:radial-gradient(circle closest-side,transparent 0%,transparent 77.78%,rgba(0,0,0,.26)77.78%,rgba(0,0,0,.26)100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:0 0}.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(.667);transform:scale(.667);background:rgba(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(.667);background:rgba(0,0,0,.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(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,.26);background:0 0;-webkit-transform:scale(.667);transform:scale(.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,.26);background:0 0;transform:scale(.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{transform:scale(.25);background:rgba(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{transform:scale(.25);background:radial-gradient(circle closest-side,transparent 0%,transparent 50%,rgba(0,0,0,.26)50%,rgba(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,.26)25px,rgba(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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.mdl-slider__container,.mdl-slider__background-flex{background:0 0;display:-webkit-flex;display:-ms-flexbox;display:flex}.mdl-slider__background-flex{position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;overflow:hidden;border:0;padding:0;-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}.mdl-slider__background-lower{background:#3f51b5}.mdl-slider__background-lower,.mdl-slider__background-upper{-webkit-flex:0;-ms-flex:0;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,.26);transition:left .18s cubic-bezier(.4,0,.2,1)}.mdl-snackbar{position:fixed;bottom:0;left:50%;cursor:default;background-color:#323232;z-index:3;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-family:"Roboto","Helvetica","Arial",sans-serif;will-change:transform;-webkit-transform:translate(0,80px);transform:translate(0,80px);transition:transform .25s cubic-bezier(.4,0,1,1);transition:transform .25s cubic-bezier(.4,0,1,1),-webkit-transform .25s cubic-bezier(.4,0,1,1);pointer-events:none}@media (max-width:479px){.mdl-snackbar{width:100%;left:0;min-height:48px;max-height:80px}}@media (min-width:480px){.mdl-snackbar{min-width:288px;max-width:568px;border-radius:2px;-webkit-transform:translate(-50%,80px);transform:translate(-50%,80px)}}.mdl-snackbar--active{-webkit-transform:translate(0,0);transform:translate(0,0);pointer-events:auto;transition:transform .25s cubic-bezier(0,0,.2,1);transition:transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(0,0,.2,1)}@media (min-width:480px){.mdl-snackbar--active{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}.mdl-snackbar__text{padding:14px 12px 14px 24px;vertical-align:middle;color:#fff;float:left}.mdl-snackbar__action{background:0 0;border:none;color:#ff4081;float:right;padding:14px 24px 14px 12px;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;overflow:hidden;outline:none;opacity:0;pointer-events:none;cursor:pointer;text-decoration:none;text-align:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.mdl-snackbar__action::-moz-focus-inner{border:0}.mdl-snackbar__action:not([aria-hidden]){opacity:1;pointer-events:auto}.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.23529412ms linear infinite;animation:mdl-spinner__container-rotate 1568.23529412ms 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(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,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(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,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(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,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(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,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)}}@-webkit-keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@-webkit-keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}@keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}.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);transform:rotate(129deg)}.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle{-webkit-animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__right .mdl-spinner__circle{left:-100%;border-left-color:transparent!important;-webkit-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(.4,0,.2,1)infinite both;animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,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)}}.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,.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,.5)}.mdl-switch__track fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__track{background:rgba(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:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:left}.mdl-switch.is-checked .mdl-switch__thumb{background:#3f51b5;left:16px;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(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);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 0 20px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(63,81,181,.26);background-color:rgba(63,81,181,.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,#fff,#000);transition-duration:.4s;transition-timing-function:step-end;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:0 0}.mdl-switch.is-checked .mdl-switch__ripple-container{left:2px}.mdl-tabs{display:block;width:100%}.mdl-tabs__tab-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-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-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:48px;padding:0;margin:0;border-bottom:1px solid #e0e0e0}.mdl-tabs__tab{margin:0;border:none;padding: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,.54);overflow:hidden}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:rgba(0,0,0,.87)}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:#3f51b5;-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-tabs__tab .mdl-tabs__ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;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%}}.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,.12);display:block;font-size:16px;font-family:"Helvetica","Arial",sans-serif;margin:0;padding:4px 0;width:100%;background:0 0;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,.12);color:rgba(0,0,0,.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(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,.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0,.26)}.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .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,.mdl-textfield--floating-label.has-placeholder .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;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,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;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;max-width:.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-tooltip{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;transform-origin:top center;will-change:transform;z-index:999;background:rgba(97,97,97,.9);border-radius:2px;color:#fff;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,.2,1)forwards;animation:pulse 200ms cubic-bezier(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(.99);transform:scale(.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(.99);transform:scale(.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}.mdl-shadow--2dp{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-shadow--3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-shadow--4dp{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.mdl-shadow--6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.mdl-shadow--8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.mdl-shadow--16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.mdl-shadow--24dp{box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.mdl-grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.mdl-grid.mdl-grid--no-spacing{padding:0}.mdl-cell{box-sizing:border-box}.mdl-cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.mdl-cell--middle{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.mdl-cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.mdl-cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.mdl-grid.mdl-grid--no-spacing>.mdl-cell{margin:0}.mdl-cell--order-1{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12{-webkit-order:12;-ms-flex-order:12;order:12}@media (max-width:479px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:100%}.mdl-cell--hide-phone{display:none!important}.mdl-cell--order-1-phone.mdl-cell--order-1-phone{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-phone.mdl-cell--order-2-phone{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-phone.mdl-cell--order-3-phone{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-phone.mdl-cell--order-4-phone{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-phone.mdl-cell--order-5-phone{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-phone.mdl-cell--order-6-phone{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-phone.mdl-cell--order-7-phone{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-phone.mdl-cell--order-8-phone{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-phone.mdl-cell--order-9-phone{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-phone.mdl-cell--order-10-phone{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-phone.mdl-cell--order-11-phone{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-phone.mdl-cell--order-12-phone{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:25%}.mdl-cell--2-col,.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:50%}.mdl-cell--3-col,.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:75%}.mdl-cell--4-col,.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:100%}.mdl-cell--5-col,.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:100%}.mdl-cell--6-col,.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:100%}.mdl-cell--7-col,.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:100%}.mdl-cell--8-col,.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:25%}.mdl-cell--2-offset,.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:50%}.mdl-cell--3-offset,.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:75%}}@media (min-width:480px) and (max-width:839px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:50%}.mdl-cell--hide-tablet{display:none!important}.mdl-cell--order-1-tablet.mdl-cell--order-1-tablet{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-tablet.mdl-cell--order-2-tablet{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-tablet.mdl-cell--order-3-tablet{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-tablet.mdl-cell--order-4-tablet{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-tablet.mdl-cell--order-5-tablet{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-tablet.mdl-cell--order-6-tablet{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-tablet.mdl-cell--order-7-tablet{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-tablet.mdl-cell--order-8-tablet{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-tablet.mdl-cell--order-9-tablet{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-tablet.mdl-cell--order-10-tablet{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-tablet.mdl-cell--order-11-tablet{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-tablet.mdl-cell--order-12-tablet{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:calc(12.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:12.5%}.mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:25%}.mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:calc(37.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:37.5%}.mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:50%}.mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:calc(62.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:62.5%}.mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:75%}.mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:calc(87.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:87.5%}.mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:calc(12.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:12.5%}.mdl-cell--2-offset,.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:25%}.mdl-cell--3-offset,.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:calc(37.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:37.5%}.mdl-cell--4-offset,.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:50%}.mdl-cell--5-offset,.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:calc(62.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:62.5%}.mdl-cell--6-offset,.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:75%}.mdl-cell--7-offset,.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:calc(87.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:87.5%}}@media (min-width:840px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:33.3333333333%}.mdl-cell--hide-desktop{display:none!important}.mdl-cell--order-1-desktop.mdl-cell--order-1-desktop{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-desktop.mdl-cell--order-2-desktop{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-desktop.mdl-cell--order-3-desktop{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-desktop.mdl-cell--order-4-desktop{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-desktop.mdl-cell--order-5-desktop{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-desktop.mdl-cell--order-6-desktop{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-desktop.mdl-cell--order-7-desktop{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-desktop.mdl-cell--order-8-desktop{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-desktop.mdl-cell--order-9-desktop{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-desktop.mdl-cell--order-10-desktop{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-desktop.mdl-cell--order-11-desktop{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-desktop.mdl-cell--order-12-desktop{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:calc(8.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:8.3333333333%}.mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:calc(16.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:16.6666666667%}.mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:25%}.mdl-cell--4-col,.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:33.3333333333%}.mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:calc(41.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:41.6666666667%}.mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:50%}.mdl-cell--7-col,.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:calc(58.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:58.3333333333%}.mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:calc(66.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:66.6666666667%}.mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:75%}.mdl-cell--10-col,.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:calc(83.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:83.3333333333%}.mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:calc(91.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:91.6666666667%}.mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:calc(8.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:8.3333333333%}.mdl-cell--2-offset,.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:calc(16.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:16.6666666667%}.mdl-cell--3-offset,.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:25%}.mdl-cell--4-offset,.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:calc(33.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:33.3333333333%}.mdl-cell--5-offset,.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:calc(41.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:41.6666666667%}.mdl-cell--6-offset,.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:50%}.mdl-cell--7-offset,.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:calc(58.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:58.3333333333%}.mdl-cell--8-offset,.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:calc(66.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:66.6666666667%}.mdl-cell--9-offset,.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:75%}.mdl-cell--10-offset,.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:calc(83.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:83.3333333333%}.mdl-cell--11-offset,.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:calc(91.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:91.6666666667%}} -/*# sourceMappingURL=material.min.css.map */ diff --git a/dashboard-ui/bower_components/material-design-lite/material.min.css.map b/dashboard-ui/bower_components/material-design-lite/material.min.css.map deleted file mode 100644 index f7a113d105..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/material.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["material.min.css","material.css","material-design-lite.css","../stdin","_variables.scss","_color-definitions.scss","_functions.scss","_mixins.scss","resets/_resets.scss","resets/_h5bp.scss","resets/_mobile.scss","typography/_typography.scss","palette/_palette.scss","ripple/_ripple.scss","animation/_animation.scss","badge/_badge.scss","button/_button.scss","card/_card.scss","checkbox/_checkbox.scss","data-table/_data-table.scss","dialog/_dialog.scss","footer/_mega_footer.scss","footer/_mini_footer.scss","icon-toggle/_icon-toggle.scss","list/_list.scss","menu/_menu.scss","progress/_progress.scss","layout/_layout.scss","radio/_radio.scss","slider/_slider.scss","snackbar/_snackbar.scss","spinner/_spinner.scss","switch/_switch.scss","tabs/_tabs.scss","textfield/_textfield.scss","tooltip/_tooltip.scss","shadow/_shadow.scss","grid/_grid.scss"],"names":[],"mappings":"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D,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,+BAAsD,EACvD;;AAED;EACE,0CAAiE,EAClE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAID;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,kCAA4D,EAC7D;;AAED;EACE,6CAAuE,EACxE;;AAED;EACE,kCAA4D,EAC7D;;AAED;EACE,6CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,gCAA4D,EAC7D;;AAED;EACE,2CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,+BAAsD,EACvD;;AAED;EACE,0CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAID;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,iCAA8D,EAC/D;;AAED;EACE,4CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAID;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAID;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAID;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAID;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,iCAA2D,EAC5D;;AAED;EACE,4CAAsE,EACvE;;AAED;EACE,gCAA2D,EAC5D;;AAED;EACE,2CAAsE,EACvE;;AAED;EACE,gCAA2D,EAC5D;;AAED;EACE,2CAAsE,EACvE;;AAID;EACE,wCAA4D,EAC7D;;AAED;EACE,6BAAiD,EAClD;;AAID;EACE,8CAA4D,EAC7D;;AAED;EACE,mCAAiD,EAClD;;AAKH;EACE,4CAA8D,EAC/D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,6CAA6D,EAC9D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,iCAAmD,EACpD;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,kCAAkD,EACnD;;AAED;EACE,mCAA2D,EAC5D;;AC9vED;;;;;;;;;;;;;;GAcG;ATdH;;;;;;;;;;;;;;GAcG;AAEH;wCAEwC;AACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAGH,wCAAw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","file":"material.min.css","sourcesContent":["/**\n * material-design-lite - Material Design Components in CSS, JS and HTML\n * @version v1.1.3\n * @license Apache-2.0\n * @copyright 2015 Google, Inc.\n * @link https://github.com/google/material-design-lite\n */\n@charset \"UTF-8\";html{color:rgba(0,0,0,.87)}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:\" \";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:\" (\" attr(href)\")\"}abbr[title]:after{content:\" (\" attr(title)\")\"}a[href^=\"#\"]:after,a[href^=\"javascript:\"]:after{content:\"\"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%;margin:0}main{display:block}*[hidden]{display:none!important}html,body{font-family:\"Helvetica\",\"Arial\",sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-weight:400;line-height:1.35;letter-spacing:-.02em;opacity:.54;font-size:.6em}h1{font-size:56px;line-height:1.35;letter-spacing:-.02em;margin:24px 0}h1,h2{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-weight:400}h2{font-size:45px;line-height:48px}h2,h3{margin:24px 0}h3{font-size:34px;line-height:40px}h3,h4{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-weight:400}h4{font-size:24px;line-height:32px;-moz-osx-font-smoothing:grayscale;margin:24px 0 16px}h5{font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}h5,h6{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;margin:24px 0 16px}h6{font-size:16px;letter-spacing:.04em}h6,p{font-weight:400;line-height:24px}p{font-size:14px;letter-spacing:0;margin:0 0 16px}a{color:#ff4081;font-weight:500}blockquote{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:.08em}blockquote:before{position:absolute;left:-.5em;content:'“'}blockquote:after{content:'”';margin-left:-.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;line-height:1;font-style:normal}address,ul,ol{font-weight:400;letter-spacing:0}ul,ol{font-size:14px;line-height:24px}.mdl-typography--display-4,.mdl-typography--display-4-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-.04em}.mdl-typography--display-4-color-contrast{opacity:.54}.mdl-typography--display-3,.mdl-typography--display-3-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-.02em}.mdl-typography--display-3-color-contrast{opacity:.54}.mdl-typography--display-2,.mdl-typography--display-2-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{opacity:.54}.mdl-typography--display-1,.mdl-typography--display-1-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{opacity:.54}.mdl-typography--headline,.mdl-typography--headline-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}.mdl-typography--headline-color-contrast{opacity:.87}.mdl-typography--title,.mdl-typography--title-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}.mdl-typography--title-color-contrast{opacity:.87}.mdl-typography--subhead,.mdl-typography--subhead-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.04em}.mdl-typography--subhead-color-contrast{opacity:.87}.mdl-typography--body-2,.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:700;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{opacity:.87}.mdl-typography--body-1,.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{opacity:.87}.mdl-typography--body-2-force-preferred-font,.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--body-1-force-preferred-font,.mdl-typography--body-1-force-preferred-font-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--caption,.mdl-typography--caption-force-preferred-font{font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-force-preferred-font{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif}.mdl-typography--caption-color-contrast,.mdl-typography--caption-force-preferred-font-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:.54}.mdl-typography--caption-force-preferred-font-color-contrast,.mdl-typography--menu{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif}.mdl-typography--menu{font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{opacity:.87}.mdl-typography--menu-color-contrast,.mdl-typography--button,.mdl-typography--button-color-contrast{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--button,.mdl-typography--button-color-contrast{text-transform:uppercase}.mdl-typography--button-color-contrast{opacity:.87}.mdl-typography--text-left{text-align:left}.mdl-typography--text-right{text-align:right}.mdl-typography--text-center{text-align:center}.mdl-typography--text-justify{text-align:justify}.mdl-typography--text-nowrap{white-space:nowrap}.mdl-typography--text-lowercase{text-transform:lowercase}.mdl-typography--text-uppercase{text-transform:uppercase}.mdl-typography--text-capitalize{text-transform:capitalize}.mdl-typography--font-thin{font-weight:200!important}.mdl-typography--font-light{font-weight:300!important}.mdl-typography--font-regular{font-weight:400!important}.mdl-typography--font-medium{font-weight:500!important}.mdl-typography--font-bold{font-weight:700!important}.mdl-typography--font-black{font-weight:900!important}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.mdl-color-text--red{color:#f44336 !important}.mdl-color--red{background-color:#f44336 !important}.mdl-color-text--red-50{color:#ffebee !important}.mdl-color--red-50{background-color:#ffebee !important}.mdl-color-text--red-100{color:#ffcdd2 !important}.mdl-color--red-100{background-color:#ffcdd2 !important}.mdl-color-text--red-200{color:#ef9a9a !important}.mdl-color--red-200{background-color:#ef9a9a !important}.mdl-color-text--red-300{color:#e57373 !important}.mdl-color--red-300{background-color:#e57373 !important}.mdl-color-text--red-400{color:#ef5350 !important}.mdl-color--red-400{background-color:#ef5350 !important}.mdl-color-text--red-500{color:#f44336 !important}.mdl-color--red-500{background-color:#f44336 !important}.mdl-color-text--red-600{color:#e53935 !important}.mdl-color--red-600{background-color:#e53935 !important}.mdl-color-text--red-700{color:#d32f2f !important}.mdl-color--red-700{background-color:#d32f2f !important}.mdl-color-text--red-800{color:#c62828 !important}.mdl-color--red-800{background-color:#c62828 !important}.mdl-color-text--red-900{color:#b71c1c !important}.mdl-color--red-900{background-color:#b71c1c !important}.mdl-color-text--red-A100{color:#ff8a80 !important}.mdl-color--red-A100{background-color:#ff8a80 !important}.mdl-color-text--red-A200{color:#ff5252 !important}.mdl-color--red-A200{background-color:#ff5252 !important}.mdl-color-text--red-A400{color:#ff1744 !important}.mdl-color--red-A400{background-color:#ff1744 !important}.mdl-color-text--red-A700{color:#d50000 !important}.mdl-color--red-A700{background-color:#d50000 !important}.mdl-color-text--pink{color:#e91e63 !important}.mdl-color--pink{background-color:#e91e63 !important}.mdl-color-text--pink-50{color:#fce4ec !important}.mdl-color--pink-50{background-color:#fce4ec !important}.mdl-color-text--pink-100{color:#f8bbd0 !important}.mdl-color--pink-100{background-color:#f8bbd0 !important}.mdl-color-text--pink-200{color:#f48fb1 !important}.mdl-color--pink-200{background-color:#f48fb1 !important}.mdl-color-text--pink-300{color:#f06292 !important}.mdl-color--pink-300{background-color:#f06292 !important}.mdl-color-text--pink-400{color:#ec407a !important}.mdl-color--pink-400{background-color:#ec407a !important}.mdl-color-text--pink-500{color:#e91e63 !important}.mdl-color--pink-500{background-color:#e91e63 !important}.mdl-color-text--pink-600{color:#d81b60 !important}.mdl-color--pink-600{background-color:#d81b60 !important}.mdl-color-text--pink-700{color:#c2185b !important}.mdl-color--pink-700{background-color:#c2185b !important}.mdl-color-text--pink-800{color:#ad1457 !important}.mdl-color--pink-800{background-color:#ad1457 !important}.mdl-color-text--pink-900{color:#880e4f !important}.mdl-color--pink-900{background-color:#880e4f !important}.mdl-color-text--pink-A100{color:#ff80ab !important}.mdl-color--pink-A100{background-color:#ff80ab !important}.mdl-color-text--pink-A200{color:#ff4081 !important}.mdl-color--pink-A200{background-color:#ff4081 !important}.mdl-color-text--pink-A400{color:#f50057 !important}.mdl-color--pink-A400{background-color:#f50057 !important}.mdl-color-text--pink-A700{color:#c51162 !important}.mdl-color--pink-A700{background-color:#c51162 !important}.mdl-color-text--purple{color:#9c27b0 !important}.mdl-color--purple{background-color:#9c27b0 !important}.mdl-color-text--purple-50{color:#f3e5f5 !important}.mdl-color--purple-50{background-color:#f3e5f5 !important}.mdl-color-text--purple-100{color:#e1bee7 !important}.mdl-color--purple-100{background-color:#e1bee7 !important}.mdl-color-text--purple-200{color:#ce93d8 !important}.mdl-color--purple-200{background-color:#ce93d8 !important}.mdl-color-text--purple-300{color:#ba68c8 !important}.mdl-color--purple-300{background-color:#ba68c8 !important}.mdl-color-text--purple-400{color:#ab47bc !important}.mdl-color--purple-400{background-color:#ab47bc !important}.mdl-color-text--purple-500{color:#9c27b0 !important}.mdl-color--purple-500{background-color:#9c27b0 !important}.mdl-color-text--purple-600{color:#8e24aa !important}.mdl-color--purple-600{background-color:#8e24aa !important}.mdl-color-text--purple-700{color:#7b1fa2 !important}.mdl-color--purple-700{background-color:#7b1fa2 !important}.mdl-color-text--purple-800{color:#6a1b9a !important}.mdl-color--purple-800{background-color:#6a1b9a !important}.mdl-color-text--purple-900{color:#4a148c !important}.mdl-color--purple-900{background-color:#4a148c !important}.mdl-color-text--purple-A100{color:#ea80fc !important}.mdl-color--purple-A100{background-color:#ea80fc !important}.mdl-color-text--purple-A200{color:#e040fb !important}.mdl-color--purple-A200{background-color:#e040fb !important}.mdl-color-text--purple-A400{color:#d500f9 !important}.mdl-color--purple-A400{background-color:#d500f9 !important}.mdl-color-text--purple-A700{color:#a0f !important}.mdl-color--purple-A700{background-color:#a0f !important}.mdl-color-text--deep-purple{color:#673ab7 !important}.mdl-color--deep-purple{background-color:#673ab7 !important}.mdl-color-text--deep-purple-50{color:#ede7f6 !important}.mdl-color--deep-purple-50{background-color:#ede7f6 !important}.mdl-color-text--deep-purple-100{color:#d1c4e9 !important}.mdl-color--deep-purple-100{background-color:#d1c4e9 !important}.mdl-color-text--deep-purple-200{color:#b39ddb !important}.mdl-color--deep-purple-200{background-color:#b39ddb !important}.mdl-color-text--deep-purple-300{color:#9575cd !important}.mdl-color--deep-purple-300{background-color:#9575cd !important}.mdl-color-text--deep-purple-400{color:#7e57c2 !important}.mdl-color--deep-purple-400{background-color:#7e57c2 !important}.mdl-color-text--deep-purple-500{color:#673ab7 !important}.mdl-color--deep-purple-500{background-color:#673ab7 !important}.mdl-color-text--deep-purple-600{color:#5e35b1 !important}.mdl-color--deep-purple-600{background-color:#5e35b1 !important}.mdl-color-text--deep-purple-700{color:#512da8 !important}.mdl-color--deep-purple-700{background-color:#512da8 !important}.mdl-color-text--deep-purple-800{color:#4527a0 !important}.mdl-color--deep-purple-800{background-color:#4527a0 !important}.mdl-color-text--deep-purple-900{color:#311b92 !important}.mdl-color--deep-purple-900{background-color:#311b92 !important}.mdl-color-text--deep-purple-A100{color:#b388ff !important}.mdl-color--deep-purple-A100{background-color:#b388ff !important}.mdl-color-text--deep-purple-A200{color:#7c4dff !important}.mdl-color--deep-purple-A200{background-color:#7c4dff !important}.mdl-color-text--deep-purple-A400{color:#651fff !important}.mdl-color--deep-purple-A400{background-color:#651fff !important}.mdl-color-text--deep-purple-A700{color:#6200ea !important}.mdl-color--deep-purple-A700{background-color:#6200ea !important}.mdl-color-text--indigo{color:#3f51b5 !important}.mdl-color--indigo{background-color:#3f51b5 !important}.mdl-color-text--indigo-50{color:#e8eaf6 !important}.mdl-color--indigo-50{background-color:#e8eaf6 !important}.mdl-color-text--indigo-100{color:#c5cae9 !important}.mdl-color--indigo-100{background-color:#c5cae9 !important}.mdl-color-text--indigo-200{color:#9fa8da !important}.mdl-color--indigo-200{background-color:#9fa8da !important}.mdl-color-text--indigo-300{color:#7986cb !important}.mdl-color--indigo-300{background-color:#7986cb !important}.mdl-color-text--indigo-400{color:#5c6bc0 !important}.mdl-color--indigo-400{background-color:#5c6bc0 !important}.mdl-color-text--indigo-500{color:#3f51b5 !important}.mdl-color--indigo-500{background-color:#3f51b5 !important}.mdl-color-text--indigo-600{color:#3949ab !important}.mdl-color--indigo-600{background-color:#3949ab !important}.mdl-color-text--indigo-700{color:#303f9f !important}.mdl-color--indigo-700{background-color:#303f9f !important}.mdl-color-text--indigo-800{color:#283593 !important}.mdl-color--indigo-800{background-color:#283593 !important}.mdl-color-text--indigo-900{color:#1a237e !important}.mdl-color--indigo-900{background-color:#1a237e !important}.mdl-color-text--indigo-A100{color:#8c9eff !important}.mdl-color--indigo-A100{background-color:#8c9eff !important}.mdl-color-text--indigo-A200{color:#536dfe !important}.mdl-color--indigo-A200{background-color:#536dfe !important}.mdl-color-text--indigo-A400{color:#3d5afe !important}.mdl-color--indigo-A400{background-color:#3d5afe !important}.mdl-color-text--indigo-A700{color:#304ffe !important}.mdl-color--indigo-A700{background-color:#304ffe !important}.mdl-color-text--blue{color:#2196f3 !important}.mdl-color--blue{background-color:#2196f3 !important}.mdl-color-text--blue-50{color:#e3f2fd !important}.mdl-color--blue-50{background-color:#e3f2fd !important}.mdl-color-text--blue-100{color:#bbdefb !important}.mdl-color--blue-100{background-color:#bbdefb !important}.mdl-color-text--blue-200{color:#90caf9 !important}.mdl-color--blue-200{background-color:#90caf9 !important}.mdl-color-text--blue-300{color:#64b5f6 !important}.mdl-color--blue-300{background-color:#64b5f6 !important}.mdl-color-text--blue-400{color:#42a5f5 !important}.mdl-color--blue-400{background-color:#42a5f5 !important}.mdl-color-text--blue-500{color:#2196f3 !important}.mdl-color--blue-500{background-color:#2196f3 !important}.mdl-color-text--blue-600{color:#1e88e5 !important}.mdl-color--blue-600{background-color:#1e88e5 !important}.mdl-color-text--blue-700{color:#1976d2 !important}.mdl-color--blue-700{background-color:#1976d2 !important}.mdl-color-text--blue-800{color:#1565c0 !important}.mdl-color--blue-800{background-color:#1565c0 !important}.mdl-color-text--blue-900{color:#0d47a1 !important}.mdl-color--blue-900{background-color:#0d47a1 !important}.mdl-color-text--blue-A100{color:#82b1ff !important}.mdl-color--blue-A100{background-color:#82b1ff !important}.mdl-color-text--blue-A200{color:#448aff !important}.mdl-color--blue-A200{background-color:#448aff !important}.mdl-color-text--blue-A400{color:#2979ff !important}.mdl-color--blue-A400{background-color:#2979ff !important}.mdl-color-text--blue-A700{color:#2962ff !important}.mdl-color--blue-A700{background-color:#2962ff !important}.mdl-color-text--light-blue{color:#03a9f4 !important}.mdl-color--light-blue{background-color:#03a9f4 !important}.mdl-color-text--light-blue-50{color:#e1f5fe !important}.mdl-color--light-blue-50{background-color:#e1f5fe !important}.mdl-color-text--light-blue-100{color:#b3e5fc !important}.mdl-color--light-blue-100{background-color:#b3e5fc !important}.mdl-color-text--light-blue-200{color:#81d4fa !important}.mdl-color--light-blue-200{background-color:#81d4fa !important}.mdl-color-text--light-blue-300{color:#4fc3f7 !important}.mdl-color--light-blue-300{background-color:#4fc3f7 !important}.mdl-color-text--light-blue-400{color:#29b6f6 !important}.mdl-color--light-blue-400{background-color:#29b6f6 !important}.mdl-color-text--light-blue-500{color:#03a9f4 !important}.mdl-color--light-blue-500{background-color:#03a9f4 !important}.mdl-color-text--light-blue-600{color:#039be5 !important}.mdl-color--light-blue-600{background-color:#039be5 !important}.mdl-color-text--light-blue-700{color:#0288d1 !important}.mdl-color--light-blue-700{background-color:#0288d1 !important}.mdl-color-text--light-blue-800{color:#0277bd !important}.mdl-color--light-blue-800{background-color:#0277bd !important}.mdl-color-text--light-blue-900{color:#01579b !important}.mdl-color--light-blue-900{background-color:#01579b !important}.mdl-color-text--light-blue-A100{color:#80d8ff !important}.mdl-color--light-blue-A100{background-color:#80d8ff !important}.mdl-color-text--light-blue-A200{color:#40c4ff !important}.mdl-color--light-blue-A200{background-color:#40c4ff !important}.mdl-color-text--light-blue-A400{color:#00b0ff !important}.mdl-color--light-blue-A400{background-color:#00b0ff !important}.mdl-color-text--light-blue-A700{color:#0091ea !important}.mdl-color--light-blue-A700{background-color:#0091ea !important}.mdl-color-text--cyan{color:#00bcd4 !important}.mdl-color--cyan{background-color:#00bcd4 !important}.mdl-color-text--cyan-50{color:#e0f7fa !important}.mdl-color--cyan-50{background-color:#e0f7fa !important}.mdl-color-text--cyan-100{color:#b2ebf2 !important}.mdl-color--cyan-100{background-color:#b2ebf2 !important}.mdl-color-text--cyan-200{color:#80deea !important}.mdl-color--cyan-200{background-color:#80deea !important}.mdl-color-text--cyan-300{color:#4dd0e1 !important}.mdl-color--cyan-300{background-color:#4dd0e1 !important}.mdl-color-text--cyan-400{color:#26c6da !important}.mdl-color--cyan-400{background-color:#26c6da !important}.mdl-color-text--cyan-500{color:#00bcd4 !important}.mdl-color--cyan-500{background-color:#00bcd4 !important}.mdl-color-text--cyan-600{color:#00acc1 !important}.mdl-color--cyan-600{background-color:#00acc1 !important}.mdl-color-text--cyan-700{color:#0097a7 !important}.mdl-color--cyan-700{background-color:#0097a7 !important}.mdl-color-text--cyan-800{color:#00838f !important}.mdl-color--cyan-800{background-color:#00838f !important}.mdl-color-text--cyan-900{color:#006064 !important}.mdl-color--cyan-900{background-color:#006064 !important}.mdl-color-text--cyan-A100{color:#84ffff !important}.mdl-color--cyan-A100{background-color:#84ffff !important}.mdl-color-text--cyan-A200{color:#18ffff !important}.mdl-color--cyan-A200{background-color:#18ffff !important}.mdl-color-text--cyan-A400{color:#00e5ff !important}.mdl-color--cyan-A400{background-color:#00e5ff !important}.mdl-color-text--cyan-A700{color:#00b8d4 !important}.mdl-color--cyan-A700{background-color:#00b8d4 !important}.mdl-color-text--teal{color:#009688 !important}.mdl-color--teal{background-color:#009688 !important}.mdl-color-text--teal-50{color:#e0f2f1 !important}.mdl-color--teal-50{background-color:#e0f2f1 !important}.mdl-color-text--teal-100{color:#b2dfdb !important}.mdl-color--teal-100{background-color:#b2dfdb !important}.mdl-color-text--teal-200{color:#80cbc4 !important}.mdl-color--teal-200{background-color:#80cbc4 !important}.mdl-color-text--teal-300{color:#4db6ac !important}.mdl-color--teal-300{background-color:#4db6ac !important}.mdl-color-text--teal-400{color:#26a69a !important}.mdl-color--teal-400{background-color:#26a69a !important}.mdl-color-text--teal-500{color:#009688 !important}.mdl-color--teal-500{background-color:#009688 !important}.mdl-color-text--teal-600{color:#00897b !important}.mdl-color--teal-600{background-color:#00897b !important}.mdl-color-text--teal-700{color:#00796b !important}.mdl-color--teal-700{background-color:#00796b !important}.mdl-color-text--teal-800{color:#00695c !important}.mdl-color--teal-800{background-color:#00695c !important}.mdl-color-text--teal-900{color:#004d40 !important}.mdl-color--teal-900{background-color:#004d40 !important}.mdl-color-text--teal-A100{color:#a7ffeb !important}.mdl-color--teal-A100{background-color:#a7ffeb !important}.mdl-color-text--teal-A200{color:#64ffda !important}.mdl-color--teal-A200{background-color:#64ffda !important}.mdl-color-text--teal-A400{color:#1de9b6 !important}.mdl-color--teal-A400{background-color:#1de9b6 !important}.mdl-color-text--teal-A700{color:#00bfa5 !important}.mdl-color--teal-A700{background-color:#00bfa5 !important}.mdl-color-text--green{color:#4caf50 !important}.mdl-color--green{background-color:#4caf50 !important}.mdl-color-text--green-50{color:#e8f5e9 !important}.mdl-color--green-50{background-color:#e8f5e9 !important}.mdl-color-text--green-100{color:#c8e6c9 !important}.mdl-color--green-100{background-color:#c8e6c9 !important}.mdl-color-text--green-200{color:#a5d6a7 !important}.mdl-color--green-200{background-color:#a5d6a7 !important}.mdl-color-text--green-300{color:#81c784 !important}.mdl-color--green-300{background-color:#81c784 !important}.mdl-color-text--green-400{color:#66bb6a !important}.mdl-color--green-400{background-color:#66bb6a !important}.mdl-color-text--green-500{color:#4caf50 !important}.mdl-color--green-500{background-color:#4caf50 !important}.mdl-color-text--green-600{color:#43a047 !important}.mdl-color--green-600{background-color:#43a047 !important}.mdl-color-text--green-700{color:#388e3c !important}.mdl-color--green-700{background-color:#388e3c !important}.mdl-color-text--green-800{color:#2e7d32 !important}.mdl-color--green-800{background-color:#2e7d32 !important}.mdl-color-text--green-900{color:#1b5e20 !important}.mdl-color--green-900{background-color:#1b5e20 !important}.mdl-color-text--green-A100{color:#b9f6ca !important}.mdl-color--green-A100{background-color:#b9f6ca !important}.mdl-color-text--green-A200{color:#69f0ae !important}.mdl-color--green-A200{background-color:#69f0ae !important}.mdl-color-text--green-A400{color:#00e676 !important}.mdl-color--green-A400{background-color:#00e676 !important}.mdl-color-text--green-A700{color:#00c853 !important}.mdl-color--green-A700{background-color:#00c853 !important}.mdl-color-text--light-green{color:#8bc34a !important}.mdl-color--light-green{background-color:#8bc34a !important}.mdl-color-text--light-green-50{color:#f1f8e9 !important}.mdl-color--light-green-50{background-color:#f1f8e9 !important}.mdl-color-text--light-green-100{color:#dcedc8 !important}.mdl-color--light-green-100{background-color:#dcedc8 !important}.mdl-color-text--light-green-200{color:#c5e1a5 !important}.mdl-color--light-green-200{background-color:#c5e1a5 !important}.mdl-color-text--light-green-300{color:#aed581 !important}.mdl-color--light-green-300{background-color:#aed581 !important}.mdl-color-text--light-green-400{color:#9ccc65 !important}.mdl-color--light-green-400{background-color:#9ccc65 !important}.mdl-color-text--light-green-500{color:#8bc34a !important}.mdl-color--light-green-500{background-color:#8bc34a !important}.mdl-color-text--light-green-600{color:#7cb342 !important}.mdl-color--light-green-600{background-color:#7cb342 !important}.mdl-color-text--light-green-700{color:#689f38 !important}.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:#ff0 !important}.mdl-color--yellow-A200{background-color:#ff0 !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:#f5f5f5 !important}.mdl-color--grey-100{background-color:#f5f5f5 !important}.mdl-color-text--grey-200{color:#eee !important}.mdl-color--grey-200{background-color:#eee !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:#000 !important}.mdl-color-text--black{color:#000 !important}.mdl-color--white{background-color:#fff !important}.mdl-color-text--white{color:#fff !important}.mdl-color--primary{background-color:#3f51b5 !important}.mdl-color--primary-contrast{background-color:#fff !important}.mdl-color--primary-dark{background-color:#303f9f !important}.mdl-color--accent{background-color:#ff4081 !important}.mdl-color--accent-contrast{background-color:#fff !important}.mdl-color-text--primary{color:#3f51b5 !important}.mdl-color-text--primary-contrast{color:#fff !important}.mdl-color-text--primary-dark{color:#303f9f !important}.mdl-color-text--accent{color:#ff4081 !important}.mdl-color-text--accent-contrast{color:#fff !important}.mdl-ripple{background:#000;border-radius:50%;height:50px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;overflow:hidden}.mdl-ripple.is-animating{transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}.mdl-ripple.is-visible{opacity:.3}.mdl-animation--default,.mdl-animation--fast-out-slow-in{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-animation--linear-out-slow-in{transition-timing-function:cubic-bezier(0,0,.2,1)}.mdl-animation--fast-out-linear-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.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-flex;display:-ms-flexbox;display:flex;-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:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content: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:#fff}.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,.2);box-shadow:0 0 1px gray}.mdl-badge.mdl-badge--overlap{margin-right:10px}.mdl-badge.mdl-badge--overlap:after{right:-10px}.mdl-button{background:0 0;border:none;border-radius:2px;color:#000;position:relative;height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;vertical-align:middle}.mdl-button::-moz-focus-inner{border:0}.mdl-button:hover{background-color:rgba(158,158,158,.2)}.mdl-button:focus:not(:active){background-color:rgba(0,0,0,.12)}.mdl-button:active{background-color:rgba(158,158,158,.4)}.mdl-button.mdl-button--colored{color:#3f51b5}.mdl-button.mdl-button--colored:focus:not(:active){background-color:rgba(0,0,0,.12)}input.mdl-button[type=\"submit\"]{-webkit-appearance:none}.mdl-button--raised{background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-button--raised:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--raised:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--raised.mdl-button--colored{background:#3f51b5;color:#fff}.mdl-button--raised.mdl-button--colored:hover{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:active{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:focus:not(:active){background-color:#3f51b5}.mdl-button--raised.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--fab{border-radius:50%;font-size:24px;height:56px;margin:auto;min-width:56px;width:56px;padding:0;overflow:hidden;background:rgba(158,158,158,.2);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);position:relative;line-height:normal}.mdl-button--fab .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--fab.mdl-button--mini-fab{height:40px;min-width:40px;width:40px}.mdl-button--fab .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button--fab:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--fab:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--fab.mdl-button--colored{background:#ff4081;color:#fff}.mdl-button--fab.mdl-button--colored:hover{background-color:#ff4081}.mdl-button--fab.mdl-button--colored:focus:not(:active){background-color:#ff4081}.mdl-button--fab.mdl-button--colored:active{background-color:#ff4081}.mdl-button--fab.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--icon{border-radius:50%;font-size:24px;height:32px;margin-left:0;margin-right:0;min-width:32px;width:32px;padding:0;overflow:hidden;color:inherit;line-height:normal}.mdl-button--icon .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon{height:24px;min-width:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon .material-icons{top:0;left:0}.mdl-button--icon .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button__ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple{background-color:transparent}.mdl-button--primary.mdl-button--primary{color:#3f51b5}.mdl-button--primary.mdl-button--primary .mdl-ripple{background:#fff}.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab{color:#fff;background-color:#3f51b5}.mdl-button--accent.mdl-button--accent{color:#ff4081}.mdl-button--accent.mdl-button--accent .mdl-ripple{background:#fff}.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab{color:#fff;background-color:#ff4081}.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26);cursor:default;background-color:transparent}.mdl-button--fab[disabled][disabled],.mdl-button--fab.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26);box-shadow:none}.mdl-button--colored[disabled][disabled],.mdl-button--colored.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26)}.mdl-button .material-icons{vertical-align:middle}.mdl-card{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:16px;font-weight:400;min-height:200px;overflow:hidden;width:330px;z-index:1;position:relative;background:#fff;border-radius:2px;box-sizing:border-box}.mdl-card__media{background-color:#ff4081;background-repeat:repeat;background-position:50% 50%;background-size:cover;background-origin:padding-box;background-attachment:scroll;box-sizing:border-box}.mdl-card__title{-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#000;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch;line-height:normal;padding:16px;-webkit-perspective-origin:165px 56px;perspective-origin:165px 56px;-webkit-transform-origin:165px 56px;transform-origin:165px 56px;box-sizing:border-box}.mdl-card__title.mdl-card--border{border-bottom:1px solid rgba(0,0,0,.1)}.mdl-card__title-text{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:inherit;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24px;font-weight:300;line-height:normal;overflow:hidden;-webkit-transform-origin:149px 48px;transform-origin:149px 48px;margin:0}.mdl-card__subtitle-text{font-size:14px;color:rgba(0,0,0,.54);margin:0}.mdl-card__supporting-text{color:rgba(0,0,0,.54);font-size:1rem;line-height:18px;overflow:hidden;padding:16px;width:90%}.mdl-card__actions{font-size:16px;line-height:normal;width:100%;background-color:transparent;padding:8px;box-sizing:border-box}.mdl-card__actions.mdl-card--border{border-top:1px solid rgba(0,0,0,.1)}.mdl-card--expand{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mdl-card__menu{position:absolute;right:16px;top:16px}.mdl-checkbox{position:relative;z-index:1;vertical-align:middle;display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0}.mdl-checkbox.is-upgraded{padding-left:24px}.mdl-checkbox__input{line-height:24px}.mdl-checkbox.is-upgraded .mdl-checkbox__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-checkbox__box-outline{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid rgba(0,0,0,.54);border-radius:2px;z-index:2}.mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid #3f51b5}fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,.mdl-checkbox.is-disabled .mdl-checkbox__box-outline{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__focus-helper{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;border-radius:50%;background-color:transparent}.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(63,81,181,.26);background-color:rgba(63,81,181,.26)}.mdl-checkbox__tick-outline{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-mask:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==\");mask:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==\");background:0 0;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background}.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:#3f51b5 url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K\")}fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline{background:rgba(0,0,0,.26)url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K\")}.mdl-checkbox__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0}fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,.mdl-checkbox.is-disabled .mdl-checkbox__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__ripple-container{position:absolute;z-index:2;top:-6px;left:-10px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-checkbox__ripple-container .mdl-ripple{background:#3f51b5}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container{cursor:auto}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple{background:0 0}.mdl-data-table{position:relative;border:1px solid rgba(0,0,0,.12);border-collapse:collapse;white-space:nowrap;font-size:13px;background-color:#fff}.mdl-data-table thead{padding-bottom:3px}.mdl-data-table thead .mdl-data-table__select{margin-top:0}.mdl-data-table tbody tr{position:relative;height:48px;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color}.mdl-data-table tbody tr.is-selected{background-color:#e0e0e0}.mdl-data-table tbody tr:hover{background-color:#eee}.mdl-data-table td{text-align:right}.mdl-data-table th{padding:0 18px 12px 18px;text-align:right}.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{padding-left:24px}.mdl-data-table td:last-of-type,.mdl-data-table th:last-of-type{padding-right:24px}.mdl-data-table td{position:relative;height:48px;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:12px 18px;box-sizing:border-box}.mdl-data-table td,.mdl-data-table td .mdl-data-table__select{vertical-align:middle}.mdl-data-table th{position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;height:48px;font-size:12px;color:rgba(0,0,0,.54);padding-bottom:8px;box-sizing:border-box}.mdl-data-table th.mdl-data-table__header--sorted-ascending,.mdl-data-table th.mdl-data-table__header--sorted-descending{color:rgba(0,0,0,.87)}.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,.mdl-data-table th.mdl-data-table__header--sorted-descending:before{font-family:'Material Icons';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-size:16px;content:\"\\e5d8\";margin-right:5px;vertical-align:sub}.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,.mdl-data-table th.mdl-data-table__header--sorted-descending:hover{cursor:pointer}.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before{color:rgba(0,0,0,.26)}.mdl-data-table th.mdl-data-table__header--sorted-descending:before{content:\"\\e5db\"}.mdl-data-table__select{width:16px}.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric{text-align:left}.mdl-dialog{border:none;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2);width:280px}.mdl-dialog__title{padding:24px 24px 0;margin:0;font-size:2.5rem}.mdl-dialog__actions{padding:8px 8px 8px 24px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.mdl-dialog__actions>*{margin-right:8px;height:36px}.mdl-dialog__actions>*:first-child{margin-right:0}.mdl-dialog__actions--full-width{padding:0 0 8px}.mdl-dialog__actions--full-width>*{height:48px;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;padding-right:16px;margin-right:0;text-align:right}.mdl-dialog__content{padding:20px 24px 24px;color:rgba(0,0,0,.54)}.mdl-mega-footer{padding:16px 40px;color:#9e9e9e;background-color:#424242}.mdl-mega-footer--top-section:after,.mdl-mega-footer--middle-section:after,.mdl-mega-footer--bottom-section:after,.mdl-mega-footer__top-section:after,.mdl-mega-footer__middle-section:after,.mdl-mega-footer__bottom-section:after{content:'';display:block;clear:both}.mdl-mega-footer--left-section,.mdl-mega-footer__left-section,.mdl-mega-footer--right-section,.mdl-mega-footer__right-section{margin-bottom:16px}.mdl-mega-footer--right-section a,.mdl-mega-footer__right-section a{display:block;margin-bottom:16px;color:inherit;text-decoration:none}@media screen and (min-width:760px){.mdl-mega-footer--left-section,.mdl-mega-footer__left-section{float:left}.mdl-mega-footer--right-section,.mdl-mega-footer__right-section{float:right}.mdl-mega-footer--right-section a,.mdl-mega-footer__right-section a{display:inline-block;margin-left:16px;line-height:36px;vertical-align:middle}}.mdl-mega-footer--social-btn,.mdl-mega-footer__social-btn{width:36px;height:36px;padding:0;margin:0;background-color:#9e9e9e;border:none}.mdl-mega-footer--drop-down-section,.mdl-mega-footer__drop-down-section{display:block;position:relative}@media screen and (min-width:760px){.mdl-mega-footer--drop-down-section,.mdl-mega-footer__drop-down-section{width:33%}.mdl-mega-footer--drop-down-section:nth-child(1),.mdl-mega-footer--drop-down-section:nth-child(2),.mdl-mega-footer__drop-down-section:nth-child(1),.mdl-mega-footer__drop-down-section:nth-child(2){float:left}.mdl-mega-footer--drop-down-section:nth-child(3),.mdl-mega-footer__drop-down-section:nth-child(3){float:right}.mdl-mega-footer--drop-down-section:nth-child(3):after,.mdl-mega-footer__drop-down-section:nth-child(3):after{clear:right}.mdl-mega-footer--drop-down-section:nth-child(4),.mdl-mega-footer__drop-down-section:nth-child(4){clear:right;float:right}.mdl-mega-footer--middle-section:after,.mdl-mega-footer__middle-section:after{content:'';display:block;clear:both}.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{padding-top:0}}@media screen and (min-width:1024px){.mdl-mega-footer--drop-down-section,.mdl-mega-footer--drop-down-section:nth-child(3),.mdl-mega-footer--drop-down-section:nth-child(4),.mdl-mega-footer__drop-down-section,.mdl-mega-footer__drop-down-section:nth-child(3),.mdl-mega-footer__drop-down-section:nth-child(4){width:24%;float:left}}.mdl-mega-footer--heading-checkbox,.mdl-mega-footer__heading-checkbox{position:absolute;width:100%;height:55.8px;padding:32px;margin:-16px 0 0;cursor:pointer;z-index:1;opacity:0}.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after{font-family:'Material Icons';content:'\\E5CE'}.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list{display:none}.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after{font-family:'Material Icons';content:'\\E5CF'}.mdl-mega-footer--heading,.mdl-mega-footer__heading{position:relative;width:100%;padding-right:39.8px;margin-bottom:16px;box-sizing:border-box;font-size:14px;line-height:23.8px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#e0e0e0}.mdl-mega-footer--heading:after,.mdl-mega-footer__heading:after{content:'';position:absolute;top:0;right:0;display:block;width:23.8px;height:23.8px;background-size:cover}.mdl-mega-footer--link-list,.mdl-mega-footer__link-list{list-style:none;padding:0;margin:0 0 32px}.mdl-mega-footer--link-list:after,.mdl-mega-footer__link-list:after{clear:both;display:block;content:''}.mdl-mega-footer--link-list li,.mdl-mega-footer__link-list li{font-size:14px;font-weight:400;letter-spacing:0;line-height:20px}.mdl-mega-footer--link-list a,.mdl-mega-footer__link-list a{color:inherit;text-decoration:none;white-space:nowrap}@media screen and (min-width:760px){.mdl-mega-footer--heading-checkbox,.mdl-mega-footer__heading-checkbox{display:none}.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after{content:''}.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list{display:block}.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after{content:''}}.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{padding-top:16px;margin-bottom:16px}.mdl-logo{margin-bottom:16px;color:#fff}.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li{float:left;margin-bottom:0;margin-right:16px}@media screen and (min-width:760px){.mdl-logo{float:left;margin-bottom:0;margin-right:16px}}.mdl-mini-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:32px 16px;color:#9e9e9e;background-color:#424242}.mdl-mini-footer:after{content:'';display:block}.mdl-mini-footer .mdl-logo{line-height:36px}.mdl-mini-footer--link-list,.mdl-mini-footer__link-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;list-style:none;margin:0;padding:0}.mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{margin-bottom:0;margin-right:16px}@media screen and (min-width:760px){.mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{line-height:36px}}.mdl-mini-footer--link-list a,.mdl-mini-footer__link-list a{color:inherit;text-decoration:none;white-space:nowrap}.mdl-mini-footer--left-section,.mdl-mini-footer__left-section{display:inline-block;-webkit-order:0;-ms-flex-order:0;order:0}.mdl-mini-footer--right-section,.mdl-mini-footer__right-section{display:inline-block;-webkit-order:1;-ms-flex-order:1;order:1}.mdl-mini-footer--social-btn,.mdl-mini-footer__social-btn{width:36px;height:36px;padding:0;margin:0;background-color:#9e9e9e;border:none}.mdl-icon-toggle{position:relative;z-index:1;vertical-align:middle;display:inline-block;height:32px;margin:0;padding:0}.mdl-icon-toggle__input{line-height:32px}.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__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-icon-toggle__label{display:inline-block;position:relative;cursor:pointer;height:32px;width:32px;min-width:32px;color:#616161;border-radius:50%;padding:0;margin-left:0;margin-right:0;text-align:center;background-color:transparent;will-change:background-color;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.mdl-icon-toggle__label.material-icons{line-height:32px;font-size:24px}.mdl-icon-toggle.is-checked .mdl-icon-toggle__label{color:#3f51b5}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label{color:rgba(0,0,0,.26);cursor:auto;transition:none}.mdl-icon-toggle.is-focused .mdl-icon-toggle__label{background-color:rgba(0,0,0,.12)}.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label{background-color:rgba(63,81,181,.26)}.mdl-icon-toggle__ripple-container{position:absolute;z-index:2;top:-2px;left:-2px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-icon-toggle__ripple-container .mdl-ripple{background:#616161}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container{cursor:auto}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple{background:0 0}.mdl-list{display:block;padding:8px 0;list-style:none}.mdl-list__item{font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;min-height:48px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:16px;cursor:default;color:rgba(0,0,0,.87);overflow:hidden}.mdl-list__item,.mdl-list__item .mdl-list__item-primary-content{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mdl-list__item .mdl-list__item-primary-content{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-decoration:none}.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon{margin-right:32px}.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar{margin-right:16px}.mdl-list__item .mdl-list__item-secondary-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-left:16px}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label{display:inline}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;color:rgba(0,0,0,.54)}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header{padding:0 0 0 16px}.mdl-list__item-icon,.mdl-list__item-icon.material-icons{height:24px;width:24px;font-size:24px;box-sizing:border-box;color:#757575}.mdl-list__item-avatar,.mdl-list__item-avatar.material-icons{height:40px;width:40px;box-sizing:border-box;border-radius:50%;background-color:#757575;font-size:40px;color:#fff}.mdl-list__item--two-line{height:72px}.mdl-list__item--two-line .mdl-list__item-primary-content{height:36px;line-height:20px;display:block}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar{float:left}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon{float:left;margin-top:6px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content{height:36px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title{font-size:14px;font-weight:400;letter-spacing:0;line-height:18px;color:rgba(0,0,0,.54);display:block;padding:0}.mdl-list__item--three-line{height:88px}.mdl-list__item--three-line .mdl-list__item-primary-content{height:52px;line-height:20px;display:block}.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon{float:left}.mdl-list__item--three-line .mdl-list__item-secondary-content{height:52px}.mdl-list__item--three-line .mdl-list__item-text-body{font-size:14px;font-weight:400;letter-spacing:0;line-height:18px;height:52px;color:rgba(0,0,0,.54);display:block;padding:0}.mdl-menu__container{display:block;margin:0;padding:0;border:none;position:absolute;overflow:visible;height:0;width:0;visibility:hidden;z-index:-1}.mdl-menu__container.is-visible,.mdl-menu__container.is-animating{z-index:999;visibility:visible}.mdl-menu__outline{display:block;background:#fff;margin:0;padding:0;border:none;border-radius:2px;position:absolute;top:0;left:0;overflow:hidden;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 0;transform-origin:0 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);z-index:-1}.mdl-menu__container.is-visible .mdl-menu__outline{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:999}.mdl-menu__outline.mdl-menu--bottom-right{-webkit-transform-origin:100% 0;transform-origin:100% 0}.mdl-menu__outline.mdl-menu--top-left{-webkit-transform-origin:0 100%;transform-origin:0 100%}.mdl-menu__outline.mdl-menu--top-right{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.mdl-menu{position:absolute;list-style:none;top:0;left:0;height:auto;width:auto;min-width:124px;padding:8px 0;margin:0;opacity:0;clip:rect(0 0 0 0);z-index:-1}.mdl-menu__container.is-visible .mdl-menu{opacity:1;z-index:999}.mdl-menu.is-animating{transition:opacity .2s cubic-bezier(.4,0,.2,1),clip .3s cubic-bezier(.4,0,.2,1)}.mdl-menu.mdl-menu--bottom-right{left:auto;right:0}.mdl-menu.mdl-menu--top-left{top:auto;bottom:0}.mdl-menu.mdl-menu--top-right{top:auto;left:auto;bottom:0;right:0}.mdl-menu.mdl-menu--unaligned{top:auto;left:auto}.mdl-menu__item{display:block;border:none;color:rgba(0,0,0,.87);background-color:transparent;text-align:left;margin:0;padding:0 16px;outline-color:#bdbdbd;position:relative;overflow:hidden;font-size:14px;font-weight:400;letter-spacing:0;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-menu__container.is-visible .mdl-menu__item{opacity:1}.mdl-menu__item::-moz-focus-inner{border:0}.mdl-menu__item--full-bleed-divider{border-bottom:1px solid rgba(0,0,0,.12)}.mdl-menu__item[disabled],.mdl-menu__item[data-mdl-disabled]{color:#bdbdbd;background-color:transparent;cursor:auto}.mdl-menu__item[disabled]:hover,.mdl-menu__item[data-mdl-disabled]:hover{background-color:transparent}.mdl-menu__item[disabled]:focus,.mdl-menu__item[data-mdl-disabled]:focus{background-color:transparent}.mdl-menu__item[disabled] .mdl-ripple,.mdl-menu__item[data-mdl-disabled] .mdl-ripple{background:0 0}.mdl-menu__item:hover{background-color:#eee}.mdl-menu__item:focus{outline:none;background-color:#eee}.mdl-menu__item:active{background-color:#e0e0e0}.mdl-menu__item--ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-progress{display:block;position:relative;height:4px;width:500px;max-width:100%}.mdl-progress>.bar{display:block;position:absolute;top:0;bottom:0;width:0%;transition:width .2s cubic-bezier(.4,0,.2,1)}.mdl-progress>.progressbar{background-color:#3f51b5;z-index:1;left:0}.mdl-progress>.bufferbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5 ,#3f51b5);z-index:0;left:0}.mdl-progress>.auxbar{right:0}@supports (-webkit-appearance:none){.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5 ,#3f51b5);-webkit-mask:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=\");mask:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=\")}}.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(to right,#3f51b5 ,#3f51b5)}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{-webkit-animation-name:indeterminate1;animation-name:indeterminate1}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1,.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-color:#3f51b5;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-image:none;-webkit-animation-name:indeterminate2;animation-name:indeterminate2}@-webkit-keyframes indeterminate1{0%{left:0%;width:0%}50%{left:25%;width:75%}75%{left:100%;width:0%}}@keyframes indeterminate1{0%{left:0%;width:0%}50%{left:25%;width:75%}75%{left:100%;width:0%}}@-webkit-keyframes indeterminate2{0%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}@keyframes indeterminate2{0%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}.mdl-navigation{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;box-sizing:border-box}.mdl-navigation__link{color:#424242;text-decoration:none;margin:0;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:.87}.mdl-navigation__link .material-icons{vertical-align:middle}.mdl-layout{width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.mdl-layout.is-small-screen .mdl-layout--large-screen-only{display:none}.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only{display:none}.mdl-layout__container{position:absolute;width:100%;height:100%}.mdl-layout__title,.mdl-layout-title{display:block;position:relative;font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:20px;line-height:1;letter-spacing:.02em;font-weight:400;box-sizing:border-box}.mdl-layout-spacer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mdl-layout__drawer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;height:100%;max-height:100%;position:absolute;top:0;left:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-sizing:border-box;border-right:1px solid #e0e0e0;background:#fafafa;-webkit-transform:translateX(-250px);transform:translateX(-250px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-transform;color:#424242;overflow:visible;overflow-y:auto;z-index:5}.mdl-layout__drawer.is-visible{-webkit-transform:translateX(0);transform:translateX(0)}.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content{overflow:hidden}.mdl-layout__drawer>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:64px;padding-left:40px}@media screen and (max-width:1024px){.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:56px;padding-left:16px}}.mdl-layout__drawer .mdl-navigation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;padding-top:16px}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:16px 40px;margin:0;color:#757575}@media screen and (max-width:1024px){.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding:16px}}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{background-color:#e0e0e0}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current{background-color:#000;color:#e0e0e0}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__drawer{-webkit-transform:translateX(0);transform:translateX(0)}}.mdl-layout__drawer-button{display:block;position:absolute;height:48px;width:48px;border:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;text-align:center;cursor:pointer;font-size:26px;line-height:50px;font-family:Helvetica,Arial,sans-serif;margin:10px 12px;top:0;left:0;color:#fff;z-index:4}.mdl-layout__header .mdl-layout__drawer-button{position:absolute;color:#fff;background-color:inherit}@media screen and (max-width:1024px){.mdl-layout__header .mdl-layout__drawer-button{margin:4px}}@media screen and (max-width:1024px){.mdl-layout__drawer-button{margin:4px;color:rgba(0,0,0,.5)}}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__drawer-button,.mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button{display:none}}.mdl-layout--no-drawer-button .mdl-layout__drawer-button{display:none}.mdl-layout__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;margin:0;padding:0;border:none;min-height:64px;max-height:1000px;z-index:3;background-color:#3f51b5;color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:max-height,box-shadow}@media screen and (max-width:1024px){.mdl-layout__header{min-height:56px}}.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header{margin-left:240px;width:calc(100% - 240px)}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row{padding-left:40px}}.mdl-layout__header>.mdl-layout-icon{position:absolute;left:40px;top:16px;height:32px;width:32px;overflow:hidden;z-index:3;display:block}@media screen and (max-width:1024px){.mdl-layout__header>.mdl-layout-icon{left:16px;top:12px}}.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon{display:none}.mdl-layout__header.is-compact{max-height:64px}@media screen and (max-width:1024px){.mdl-layout__header.is-compact{max-height:56px}}.mdl-layout__header.is-compact.has-tabs{height:112px}@media screen and (max-width:1024px){.mdl-layout__header.is-compact.has-tabs{min-height:104px}}@media screen and (max-width:1024px){.mdl-layout__header{display:none}.mdl-layout--fixed-header>.mdl-layout__header{display:-webkit-flex;display:-ms-flexbox;display:flex}}.mdl-layout__header--transparent.mdl-layout__header--transparent{background-color:transparent;box-shadow:none}.mdl-layout__header--seamed,.mdl-layout__header--scroll{box-shadow:none}.mdl-layout__header--waterfall{box-shadow:none;overflow:hidden}.mdl-layout__header--waterfall.is-casting-shadow{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.mdl-layout__header-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:64px;margin:0;padding:0 40px 0 80px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:40px}@media screen and (min-width:1025px){.mdl-layout--no-desktop-drawer-button .mdl-layout__header-row{padding-left:40px}}@media screen and (max-width:1024px){.mdl-layout__header-row{height:56px;padding:0 16px 0 72px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:16px}}.mdl-layout__header-row>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mdl-layout__header--scroll .mdl-layout__header-row{width:100%}.mdl-layout__header-row .mdl-navigation{margin:0;padding:0;height:64px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}@media screen and (max-width:1024px){.mdl-layout__header-row .mdl-navigation{height:56px}}.mdl-layout__header-row .mdl-navigation__link{display:block;color:#fff;line-height:64px;padding:0 24px}@media screen and (max-width:1024px){.mdl-layout__header-row .mdl-navigation__link{line-height:56px;padding:0 16px}}.mdl-layout__obfuscator{background-color:transparent;position:absolute;top:0;left:0;height:100%;width:100%;z-index:4;visibility:hidden;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-layout__obfuscator.is-visible{background-color:rgba(0,0,0,.5);visibility:visible}@supports (pointer-events:auto){.mdl-layout__obfuscator{background-color:rgba(0,0,0,.5);opacity:0;transition-property:opacity;visibility:visible;pointer-events:none}.mdl-layout__obfuscator.is-visible{pointer-events:auto;opacity:1}}.mdl-layout__content{-ms-flex:0 1 auto;position:relative;display:inline-block;overflow-y:auto;overflow-x:hidden;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;z-index:1;-webkit-overflow-scrolling:touch}.mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:240px}.mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow:visible}@media screen and (max-width:1024px){.mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:0}.mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow-y:auto;overflow-x:hidden}}.mdl-layout__tab-bar{height:96px;margin:0;width:calc(100% - 112px);padding:0 0 0 56px;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#3f51b5;overflow-y:hidden;overflow-x:scroll}.mdl-layout__tab-bar::-webkit-scrollbar{display:none}.mdl-layout--no-drawer-button .mdl-layout__tab-bar{padding-left:16px;width:calc(100% - 32px)}@media screen and (min-width:1025px){.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar{padding-left:16px;width:calc(100% - 32px)}}@media screen and (max-width:1024px){.mdl-layout__tab-bar{width:calc(100% - 60px);padding:0 0 0 60px}.mdl-layout--no-drawer-button .mdl-layout__tab-bar{width:calc(100% - 8px);padding-left:4px}}.mdl-layout--fixed-tabs .mdl-layout__tab-bar{padding:0;overflow:hidden;width:100%}.mdl-layout__tab-bar-container{position:relative;height:48px;width:100%;border:none;margin:0;z-index:2;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.mdl-layout__container>.mdl-layout__tab-bar-container{position:absolute;top:0;left:0}.mdl-layout__tab-bar-button{display:inline-block;position:absolute;top:0;height:48px;width:56px;z-index:4;text-align:center;background-color:#3f51b5;color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button{width:16px}.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons{position:relative;left:-4px}@media screen and (max-width:1024px){.mdl-layout__tab-bar-button{display:none;width:60px}}.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button{display:none}.mdl-layout__tab-bar-button .material-icons{line-height:48px}.mdl-layout__tab-bar-button.is-active{color:#fff}.mdl-layout__tab-bar-left-button{left:0}.mdl-layout__tab-bar-right-button{right:0}.mdl-layout__tab{margin:0;border:none;padding:0 24px;float:left;position:relative;display:block;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-decoration:none;height:48px;line-height:48px;text-align:center;font-weight:500;font-size:14px;text-transform:uppercase;color:rgba(255,255,255,.6);overflow:hidden}@media screen and (max-width:1024px){.mdl-layout__tab{padding:0 12px}}.mdl-layout--fixed-tabs .mdl-layout__tab{float:none;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0}.mdl-layout.is-upgraded .mdl-layout__tab.is-active{color:#fff}.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{height:2px;width:100%;display:block;content:\" \";bottom:0;left:0;position:absolute;background:#ff4081;-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-layout__tab .mdl-layout__tab-ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;overflow:hidden}.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple{background-color:#fff}.mdl-layout__tab-panel{display:block}.mdl-layout.is-upgraded .mdl-layout__tab-panel{display:none}.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active{display:block}.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,.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,.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;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-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,.26);cursor:auto}.mdl-radio.is-focused .mdl-radio__inner-circle{box-shadow:0 0 0 10px rgba(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,.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,#fff,#000)}.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:0 0}_:-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:0 0;-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}.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:0 0}.mdl-slider.is-upgraded::-moz-range-track{background:0 0;border:none}.mdl-slider.is-upgraded::-ms-track{background:0 0;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,.26)16px,rgba(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;transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,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,.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(63,81,181,.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;transform:scale(.375);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,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,.26)37.5%,rgba(63,81,181,.26)100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#3f51b5;transform:scale(.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.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,.12);background:rgba(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,.12);background:rgba(0,0,0,.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(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,.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,.26)66.67%,rgba(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,.12)0%,rgba(0,0,0,.12)25%,rgba(0,0,0,.26)25%,rgba(0,0,0,.26)37.5%,rgba(0,0,0,.12)37.5%,rgba(0,0,0,.12)100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(.5625);background:radial-gradient(circle closest-side,transparent 0%,transparent 77.78%,rgba(0,0,0,.26)77.78%,rgba(0,0,0,.26)100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:0 0}.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(.667);transform:scale(.667);background:rgba(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(.667);background:rgba(0,0,0,.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(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,.26);background:0 0;-webkit-transform:scale(.667);transform:scale(.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,.26);background:0 0;transform:scale(.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{transform:scale(.25);background:rgba(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{transform:scale(.25);background:radial-gradient(circle closest-side,transparent 0%,transparent 50%,rgba(0,0,0,.26)50%,rgba(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,.26)25px,rgba(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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.mdl-slider__container,.mdl-slider__background-flex{background:0 0;display:-webkit-flex;display:-ms-flexbox;display:flex}.mdl-slider__background-flex{position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;overflow:hidden;border:0;padding:0;-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}.mdl-slider__background-lower{background:#3f51b5}.mdl-slider__background-lower,.mdl-slider__background-upper{-webkit-flex:0;-ms-flex:0;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,.26);transition:left .18s cubic-bezier(.4,0,.2,1)}.mdl-snackbar{position:fixed;bottom:0;left:50%;cursor:default;background-color:#323232;z-index:3;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;will-change:transform;-webkit-transform:translate(0,80px);transform:translate(0,80px);transition:transform .25s cubic-bezier(.4,0,1,1);transition:transform .25s cubic-bezier(.4,0,1,1),-webkit-transform .25s cubic-bezier(.4,0,1,1);pointer-events:none}@media (max-width:479px){.mdl-snackbar{width:100%;left:0;min-height:48px;max-height:80px}}@media (min-width:480px){.mdl-snackbar{min-width:288px;max-width:568px;border-radius:2px;-webkit-transform:translate(-50%,80px);transform:translate(-50%,80px)}}.mdl-snackbar--active{-webkit-transform:translate(0,0);transform:translate(0,0);pointer-events:auto;transition:transform .25s cubic-bezier(0,0,.2,1);transition:transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(0,0,.2,1)}@media (min-width:480px){.mdl-snackbar--active{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}.mdl-snackbar__text{padding:14px 12px 14px 24px;vertical-align:middle;color:#fff;float:left}.mdl-snackbar__action{background:0 0;border:none;color:#ff4081;float:right;padding:14px 24px 14px 12px;font-family:\"Roboto\",\"Helvetica\",\"Arial\",sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;overflow:hidden;outline:none;opacity:0;pointer-events:none;cursor:pointer;text-decoration:none;text-align:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.mdl-snackbar__action::-moz-focus-inner{border:0}.mdl-snackbar__action:not([aria-hidden]){opacity:1;pointer-events:auto}.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.23529412ms linear infinite;animation:mdl-spinner__container-rotate 1568.23529412ms 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(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,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(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,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(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,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(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,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)}}@-webkit-keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@-webkit-keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}@keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}.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);transform:rotate(129deg)}.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle{-webkit-animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__right .mdl-spinner__circle{left:-100%;border-left-color:transparent!important;-webkit-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(.4,0,.2,1)infinite both;animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,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)}}.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,.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,.5)}.mdl-switch__track fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__track{background:rgba(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:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:left}.mdl-switch.is-checked .mdl-switch__thumb{background:#3f51b5;left:16px;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(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);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 0 20px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(63,81,181,.26);background-color:rgba(63,81,181,.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,#fff,#000);transition-duration:.4s;transition-timing-function:step-end;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:0 0}.mdl-switch.is-checked .mdl-switch__ripple-container{left:2px}.mdl-tabs{display:block;width:100%}.mdl-tabs__tab-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-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-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:48px;padding:0;margin:0;border-bottom:1px solid #e0e0e0}.mdl-tabs__tab{margin:0;border:none;padding: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,.54);overflow:hidden}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:rgba(0,0,0,.87)}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{height:2px;width:100%;display:block;content:\" \";bottom:0;left:0;position:absolute;background:#3f51b5;-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-tabs__tab .mdl-tabs__ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;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%}}.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,.12);display:block;font-size:16px;font-family:\"Helvetica\",\"Arial\",sans-serif;margin:0;padding:4px 0;width:100%;background:0 0;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,.12);color:rgba(0,0,0,.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(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,.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0,.26)}.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .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,.mdl-textfield--floating-label.has-placeholder .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;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,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;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;max-width:.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-tooltip{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;transform-origin:top center;will-change:transform;z-index:999;background:rgba(97,97,97,.9);border-radius:2px;color:#fff;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,.2,1)forwards;animation:pulse 200ms cubic-bezier(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(.99);transform:scale(.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(.99);transform:scale(.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}.mdl-shadow--2dp{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-shadow--3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-shadow--4dp{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.mdl-shadow--6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.mdl-shadow--8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.mdl-shadow--16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.mdl-shadow--24dp{box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.mdl-grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.mdl-grid.mdl-grid--no-spacing{padding:0}.mdl-cell{box-sizing:border-box}.mdl-cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.mdl-cell--middle{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.mdl-cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.mdl-cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.mdl-grid.mdl-grid--no-spacing>.mdl-cell{margin:0}.mdl-cell--order-1{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12{-webkit-order:12;-ms-flex-order:12;order:12}@media (max-width:479px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:100%}.mdl-cell--hide-phone{display:none!important}.mdl-cell--order-1-phone.mdl-cell--order-1-phone{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-phone.mdl-cell--order-2-phone{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-phone.mdl-cell--order-3-phone{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-phone.mdl-cell--order-4-phone{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-phone.mdl-cell--order-5-phone{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-phone.mdl-cell--order-6-phone{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-phone.mdl-cell--order-7-phone{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-phone.mdl-cell--order-8-phone{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-phone.mdl-cell--order-9-phone{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-phone.mdl-cell--order-10-phone{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-phone.mdl-cell--order-11-phone{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-phone.mdl-cell--order-12-phone{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:25%}.mdl-cell--2-col,.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:50%}.mdl-cell--3-col,.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:75%}.mdl-cell--4-col,.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:100%}.mdl-cell--5-col,.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:100%}.mdl-cell--6-col,.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:100%}.mdl-cell--7-col,.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:100%}.mdl-cell--8-col,.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:25%}.mdl-cell--2-offset,.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:50%}.mdl-cell--3-offset,.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:75%}}@media (min-width:480px) and (max-width:839px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:50%}.mdl-cell--hide-tablet{display:none!important}.mdl-cell--order-1-tablet.mdl-cell--order-1-tablet{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-tablet.mdl-cell--order-2-tablet{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-tablet.mdl-cell--order-3-tablet{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-tablet.mdl-cell--order-4-tablet{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-tablet.mdl-cell--order-5-tablet{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-tablet.mdl-cell--order-6-tablet{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-tablet.mdl-cell--order-7-tablet{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-tablet.mdl-cell--order-8-tablet{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-tablet.mdl-cell--order-9-tablet{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-tablet.mdl-cell--order-10-tablet{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-tablet.mdl-cell--order-11-tablet{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-tablet.mdl-cell--order-12-tablet{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:calc(12.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:12.5%}.mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:25%}.mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:calc(37.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:37.5%}.mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:50%}.mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:calc(62.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:62.5%}.mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:75%}.mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:calc(87.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:87.5%}.mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:calc(12.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:12.5%}.mdl-cell--2-offset,.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:25%}.mdl-cell--3-offset,.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:calc(37.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:37.5%}.mdl-cell--4-offset,.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:50%}.mdl-cell--5-offset,.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:calc(62.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:62.5%}.mdl-cell--6-offset,.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:75%}.mdl-cell--7-offset,.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:calc(87.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:87.5%}}@media (min-width:840px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:33.3333333333%}.mdl-cell--hide-desktop{display:none!important}.mdl-cell--order-1-desktop.mdl-cell--order-1-desktop{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-desktop.mdl-cell--order-2-desktop{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-desktop.mdl-cell--order-3-desktop{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-desktop.mdl-cell--order-4-desktop{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-desktop.mdl-cell--order-5-desktop{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-desktop.mdl-cell--order-6-desktop{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-desktop.mdl-cell--order-7-desktop{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-desktop.mdl-cell--order-8-desktop{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-desktop.mdl-cell--order-9-desktop{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-desktop.mdl-cell--order-10-desktop{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-desktop.mdl-cell--order-11-desktop{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-desktop.mdl-cell--order-12-desktop{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:calc(8.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:8.3333333333%}.mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:calc(16.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:16.6666666667%}.mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:25%}.mdl-cell--4-col,.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:33.3333333333%}.mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:calc(41.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:41.6666666667%}.mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:50%}.mdl-cell--7-col,.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:calc(58.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:58.3333333333%}.mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:calc(66.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:66.6666666667%}.mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:75%}.mdl-cell--10-col,.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:calc(83.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:83.3333333333%}.mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:calc(91.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:91.6666666667%}.mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:calc(8.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:8.3333333333%}.mdl-cell--2-offset,.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:calc(16.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:16.6666666667%}.mdl-cell--3-offset,.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:25%}.mdl-cell--4-offset,.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:calc(33.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:33.3333333333%}.mdl-cell--5-offset,.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:calc(41.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:41.6666666667%}.mdl-cell--6-offset,.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:50%}.mdl-cell--7-offset,.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:calc(58.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:58.3333333333%}.mdl-cell--8-offset,.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:calc(66.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:66.6666666667%}.mdl-cell--9-offset,.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:75%}.mdl-cell--10-offset,.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:calc(83.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:83.3333333333%}.mdl-cell--11-offset,.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:calc(91.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:91.6666666667%}}\n/*# sourceMappingURL=material.min.css.map */\n","/**\n * material-design-lite - Material Design Components in CSS, JS and HTML\n * @version v1.1.3\n * @license Apache-2.0\n * @copyright 2015 Google, Inc.\n * @link https://github.com/google/material-design-lite\n */\n@charset \"UTF-8\";\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Material Design Lite */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/*\n * What follows is the result of much research on cross-browser styling.\n * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,\n * Kroc Camen, and the H5BP dev community and team.\n */\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\nhtml {\n color: rgba(0,0,0, 0.87);\n font-size: 1em;\n line-height: 1.4; }\n\n/*\n * Remove text-shadow in selection highlight:\n * https://twitter.com/miketaylr/status/12228805301\n *\n * These selection rule sets have to be separate.\n * Customize the background color to match your design.\n */\n::-moz-selection {\n background: #b3d4fc;\n text-shadow: none; }\n::selection {\n background: #b3d4fc;\n text-shadow: none; }\n\n/*\n * A better looking default horizontal rule\n */\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0; }\n\n/*\n * Remove the gap between audio, canvas, iframes,\n * images, videos and the bottom of their containers:\n * https://github.com/h5bp/html5-boilerplate/issues/440\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle; }\n\n/*\n * Remove default fieldset styles.\n */\nfieldset {\n border: 0;\n margin: 0;\n padding: 0; }\n\n/*\n * Allow only vertical resizing of textareas.\n */\ntextarea {\n resize: vertical; }\n\n/* ==========================================================================\n Browser Upgrade Prompt\n ========================================================================== */\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0; }\n\n/* ==========================================================================\n Author's custom styles\n ========================================================================== */\n/* ==========================================================================\n Helper classes\n ========================================================================== */\n/*\n * Hide visually and from screen readers:\n */\n.hidden {\n display: none !important; }\n\n/*\n * Hide only visually, but have it available for screen readers:\n * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n */\n.visuallyhidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px; }\n\n/*\n * Extends the .visuallyhidden class to allow the element\n * to be focusable when navigated to via the keyboard:\n * https://www.drupal.org/node/897638\n */\n.visuallyhidden.focusable:active,\n.visuallyhidden.focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto; }\n\n/*\n * Hide visually and from screen readers, but maintain layout\n */\n.invisible {\n visibility: hidden; }\n\n/*\n * Clearfix: contain floats\n *\n * For modern browsers\n * 1. The space content is one way to avoid an Opera bug when the\n * `contenteditable` attribute is included anywhere else in the document.\n * Otherwise it causes space to appear at the top and bottom of elements\n * that receive the `clearfix` class.\n * 2. The use of `table` rather than `block` is only necessary if using\n * `:before` to contain the top-margins of child elements.\n */\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n\n.clearfix:after {\n clear: both; }\n\n/* ==========================================================================\n EXAMPLE Media Queries for Responsive Design.\n These examples override the primary ('mobile first') styles.\n Modify as content requires.\n ========================================================================== */\n/* ==========================================================================\n Print styles.\n Inlined to avoid the additional HTTP request:\n http://www.phpied.com/delay-loading-your-print-css/\n ========================================================================== */\n@media print {\n *,\n *:before,\n *:after,\n *:first-letter {\n background: transparent !important;\n color: #000 !important;\n /* Black prints faster: http://www.sanbeiji.com/archives/953 */\n box-shadow: none !important; }\n a,\n a:visited {\n text-decoration: underline; }\n a[href]:after {\n content: \" (\" attr(href) \")\"; }\n abbr[title]:after {\n content: \" (\" attr(title) \")\"; }\n /*\n * Don't show links that are fragment identifiers,\n * or use the `javascript:` pseudo protocol\n */\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\"; }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid; }\n /*\n * Printing Tables:\n * http://css-discuss.incutio.com/wiki/Printing_Tables\n */\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n img {\n max-width: 100% !important; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Remove the unwanted box around FAB buttons */\n/* More info: http://goo.gl/IPwKi */\na, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,\n.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {\n -webkit-tap-highlight-color: transparent;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }\n\n/*\n * Make html take up the entire screen\n * Then set touch-action to avoid touch delay on mobile IE\n */\nhtml {\n width: 100%;\n height: 100%;\n -ms-touch-action: manipulation;\n touch-action: manipulation; }\n\n/*\n* Make body take up the entire screen\n* Remove body margin so layout containers don't cause extra overflow.\n*/\nbody {\n width: 100%;\n min-height: 100%;\n margin: 0; }\n\n/*\n * Main display reset for IE support.\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\n */\nmain {\n display: block; }\n\n/*\n* Apply no display to elements with the hidden attribute.\n* IE 9 and 10 support.\n*/\n*[hidden] {\n display: none !important; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\nhtml, body {\n font-family: \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px; }\n\nh1, h2, h3, h4, h5, h6, p {\n margin: 0;\n padding: 0; }\n\n/**\n * Styles for HTML elements\n */\nh1 small, h2 small, h3 small, h4 small, h5 small, h6 small {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n opacity: 0.54;\n font-size: 0.6em; }\n\nh1 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n margin-top: 24px;\n margin-bottom: 24px; }\n\nh2 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 45px;\n font-weight: 400;\n line-height: 48px;\n margin-top: 24px;\n margin-bottom: 24px; }\n\nh3 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 34px;\n font-weight: 400;\n line-height: 40px;\n margin-top: 24px;\n margin-bottom: 24px; }\n\nh4 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale;\n margin-top: 24px;\n margin-bottom: 16px; }\n\nh5 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n margin-top: 24px;\n margin-bottom: 16px; }\n\nh6 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n margin-top: 24px;\n margin-bottom: 16px; }\n\np {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n margin-bottom: 16px; }\n\na {\n color: rgb(255,64,129);\n font-weight: 500; }\n\nblockquote {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n position: relative;\n font-size: 24px;\n font-weight: 300;\n font-style: italic;\n line-height: 1.35;\n letter-spacing: 0.08em; }\n blockquote:before {\n position: absolute;\n left: -0.5em;\n content: '“'; }\n blockquote:after {\n content: '”';\n margin-left: -0.05em; }\n\nmark {\n background-color: #f4ff81; }\n\ndt {\n font-weight: 700; }\n\naddress {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n font-style: normal; }\n\nul, ol {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0; }\n\n/**\n * Class Name Styles\n */\n.mdl-typography--display-4 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 112px;\n font-weight: 300;\n line-height: 1;\n letter-spacing: -0.04em; }\n\n.mdl-typography--display-4-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 112px;\n font-weight: 300;\n line-height: 1;\n letter-spacing: -0.04em;\n opacity: 0.54; }\n\n.mdl-typography--display-3 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em; }\n\n.mdl-typography--display-3-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n opacity: 0.54; }\n\n.mdl-typography--display-2 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 45px;\n font-weight: 400;\n line-height: 48px; }\n\n.mdl-typography--display-2-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 45px;\n font-weight: 400;\n line-height: 48px;\n opacity: 0.54; }\n\n.mdl-typography--display-1 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 34px;\n font-weight: 400;\n line-height: 40px; }\n\n.mdl-typography--display-1-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 34px;\n font-weight: 400;\n line-height: 40px;\n opacity: 0.54; }\n\n.mdl-typography--headline {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale; }\n\n.mdl-typography--headline-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale;\n opacity: 0.87; }\n\n.mdl-typography--title {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em; }\n\n.mdl-typography--title-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n opacity: 0.87; }\n\n.mdl-typography--subhead {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em; }\n\n.mdl-typography--subhead-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n opacity: 0.87; }\n\n.mdl-typography--body-2 {\n font-size: 14px;\n font-weight: bold;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-2-color-contrast {\n font-size: 14px;\n font-weight: bold;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--body-1 {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-1-color-contrast {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--body-2-force-preferred-font {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-2-force-preferred-font-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--body-1-force-preferred-font {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-1-force-preferred-font-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--caption {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--caption-force-preferred-font {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--caption-color-contrast {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.54; }\n\n.mdl-typography--caption-force-preferred-font-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.54; }\n\n.mdl-typography--menu {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--menu-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--button {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--button-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--text-left {\n text-align: left; }\n\n.mdl-typography--text-right {\n text-align: right; }\n\n.mdl-typography--text-center {\n text-align: center; }\n\n.mdl-typography--text-justify {\n text-align: justify; }\n\n.mdl-typography--text-nowrap {\n white-space: nowrap; }\n\n.mdl-typography--text-lowercase {\n text-transform: lowercase; }\n\n.mdl-typography--text-uppercase {\n text-transform: uppercase; }\n\n.mdl-typography--text-capitalize {\n text-transform: capitalize; }\n\n.mdl-typography--font-thin {\n font-weight: 200 !important; }\n\n.mdl-typography--font-light {\n font-weight: 300 !important; }\n\n.mdl-typography--font-regular {\n font-weight: 400 !important; }\n\n.mdl-typography--font-medium {\n font-weight: 500 !important; }\n\n.mdl-typography--font-bold {\n font-weight: 700 !important; }\n\n.mdl-typography--font-black {\n font-weight: 900 !important; }\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n word-wrap: normal;\n -moz-font-feature-settings: 'liga';\n font-feature-settings: 'liga';\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-color-text--red {\n color: rgb(244,67,54) !important; }\n\n.mdl-color--red {\n background-color: rgb(244,67,54) !important; }\n\n.mdl-color-text--red-50 {\n color: rgb(255,235,238) !important; }\n\n.mdl-color--red-50 {\n background-color: rgb(255,235,238) !important; }\n\n.mdl-color-text--red-100 {\n color: rgb(255,205,210) !important; }\n\n.mdl-color--red-100 {\n background-color: rgb(255,205,210) !important; }\n\n.mdl-color-text--red-200 {\n color: rgb(239,154,154) !important; }\n\n.mdl-color--red-200 {\n background-color: rgb(239,154,154) !important; }\n\n.mdl-color-text--red-300 {\n color: rgb(229,115,115) !important; }\n\n.mdl-color--red-300 {\n background-color: rgb(229,115,115) !important; }\n\n.mdl-color-text--red-400 {\n color: rgb(239,83,80) !important; }\n\n.mdl-color--red-400 {\n background-color: rgb(239,83,80) !important; }\n\n.mdl-color-text--red-500 {\n color: rgb(244,67,54) !important; }\n\n.mdl-color--red-500 {\n background-color: rgb(244,67,54) !important; }\n\n.mdl-color-text--red-600 {\n color: rgb(229,57,53) !important; }\n\n.mdl-color--red-600 {\n background-color: rgb(229,57,53) !important; }\n\n.mdl-color-text--red-700 {\n color: rgb(211,47,47) !important; }\n\n.mdl-color--red-700 {\n background-color: rgb(211,47,47) !important; }\n\n.mdl-color-text--red-800 {\n color: rgb(198,40,40) !important; }\n\n.mdl-color--red-800 {\n background-color: rgb(198,40,40) !important; }\n\n.mdl-color-text--red-900 {\n color: rgb(183,28,28) !important; }\n\n.mdl-color--red-900 {\n background-color: rgb(183,28,28) !important; }\n\n.mdl-color-text--red-A100 {\n color: rgb(255,138,128) !important; }\n\n.mdl-color--red-A100 {\n background-color: rgb(255,138,128) !important; }\n\n.mdl-color-text--red-A200 {\n color: rgb(255,82,82) !important; }\n\n.mdl-color--red-A200 {\n background-color: rgb(255,82,82) !important; }\n\n.mdl-color-text--red-A400 {\n color: rgb(255,23,68) !important; }\n\n.mdl-color--red-A400 {\n background-color: rgb(255,23,68) !important; }\n\n.mdl-color-text--red-A700 {\n color: rgb(213,0,0) !important; }\n\n.mdl-color--red-A700 {\n background-color: rgb(213,0,0) !important; }\n\n.mdl-color-text--pink {\n color: rgb(233,30,99) !important; }\n\n.mdl-color--pink {\n background-color: rgb(233,30,99) !important; }\n\n.mdl-color-text--pink-50 {\n color: rgb(252,228,236) !important; }\n\n.mdl-color--pink-50 {\n background-color: rgb(252,228,236) !important; }\n\n.mdl-color-text--pink-100 {\n color: rgb(248,187,208) !important; }\n\n.mdl-color--pink-100 {\n background-color: rgb(248,187,208) !important; }\n\n.mdl-color-text--pink-200 {\n color: rgb(244,143,177) !important; }\n\n.mdl-color--pink-200 {\n background-color: rgb(244,143,177) !important; }\n\n.mdl-color-text--pink-300 {\n color: rgb(240,98,146) !important; }\n\n.mdl-color--pink-300 {\n background-color: rgb(240,98,146) !important; }\n\n.mdl-color-text--pink-400 {\n color: rgb(236,64,122) !important; }\n\n.mdl-color--pink-400 {\n background-color: rgb(236,64,122) !important; }\n\n.mdl-color-text--pink-500 {\n color: rgb(233,30,99) !important; }\n\n.mdl-color--pink-500 {\n background-color: rgb(233,30,99) !important; }\n\n.mdl-color-text--pink-600 {\n color: rgb(216,27,96) !important; }\n\n.mdl-color--pink-600 {\n background-color: rgb(216,27,96) !important; }\n\n.mdl-color-text--pink-700 {\n color: rgb(194,24,91) !important; }\n\n.mdl-color--pink-700 {\n background-color: rgb(194,24,91) !important; }\n\n.mdl-color-text--pink-800 {\n color: rgb(173,20,87) !important; }\n\n.mdl-color--pink-800 {\n background-color: rgb(173,20,87) !important; }\n\n.mdl-color-text--pink-900 {\n color: rgb(136,14,79) !important; }\n\n.mdl-color--pink-900 {\n background-color: rgb(136,14,79) !important; }\n\n.mdl-color-text--pink-A100 {\n color: rgb(255,128,171) !important; }\n\n.mdl-color--pink-A100 {\n background-color: rgb(255,128,171) !important; }\n\n.mdl-color-text--pink-A200 {\n color: rgb(255,64,129) !important; }\n\n.mdl-color--pink-A200 {\n background-color: rgb(255,64,129) !important; }\n\n.mdl-color-text--pink-A400 {\n color: rgb(245,0,87) !important; }\n\n.mdl-color--pink-A400 {\n background-color: rgb(245,0,87) !important; }\n\n.mdl-color-text--pink-A700 {\n color: rgb(197,17,98) !important; }\n\n.mdl-color--pink-A700 {\n background-color: rgb(197,17,98) !important; }\n\n.mdl-color-text--purple {\n color: rgb(156,39,176) !important; }\n\n.mdl-color--purple {\n background-color: rgb(156,39,176) !important; }\n\n.mdl-color-text--purple-50 {\n color: rgb(243,229,245) !important; }\n\n.mdl-color--purple-50 {\n background-color: rgb(243,229,245) !important; }\n\n.mdl-color-text--purple-100 {\n color: rgb(225,190,231) !important; }\n\n.mdl-color--purple-100 {\n background-color: rgb(225,190,231) !important; }\n\n.mdl-color-text--purple-200 {\n color: rgb(206,147,216) !important; }\n\n.mdl-color--purple-200 {\n background-color: rgb(206,147,216) !important; }\n\n.mdl-color-text--purple-300 {\n color: rgb(186,104,200) !important; }\n\n.mdl-color--purple-300 {\n background-color: rgb(186,104,200) !important; }\n\n.mdl-color-text--purple-400 {\n color: rgb(171,71,188) !important; }\n\n.mdl-color--purple-400 {\n background-color: rgb(171,71,188) !important; }\n\n.mdl-color-text--purple-500 {\n color: rgb(156,39,176) !important; }\n\n.mdl-color--purple-500 {\n background-color: rgb(156,39,176) !important; }\n\n.mdl-color-text--purple-600 {\n color: rgb(142,36,170) !important; }\n\n.mdl-color--purple-600 {\n background-color: rgb(142,36,170) !important; }\n\n.mdl-color-text--purple-700 {\n color: rgb(123,31,162) !important; }\n\n.mdl-color--purple-700 {\n background-color: rgb(123,31,162) !important; }\n\n.mdl-color-text--purple-800 {\n color: rgb(106,27,154) !important; }\n\n.mdl-color--purple-800 {\n background-color: rgb(106,27,154) !important; }\n\n.mdl-color-text--purple-900 {\n color: rgb(74,20,140) !important; }\n\n.mdl-color--purple-900 {\n background-color: rgb(74,20,140) !important; }\n\n.mdl-color-text--purple-A100 {\n color: rgb(234,128,252) !important; }\n\n.mdl-color--purple-A100 {\n background-color: rgb(234,128,252) !important; }\n\n.mdl-color-text--purple-A200 {\n color: rgb(224,64,251) !important; }\n\n.mdl-color--purple-A200 {\n background-color: rgb(224,64,251) !important; }\n\n.mdl-color-text--purple-A400 {\n color: rgb(213,0,249) !important; }\n\n.mdl-color--purple-A400 {\n background-color: rgb(213,0,249) !important; }\n\n.mdl-color-text--purple-A700 {\n color: rgb(170,0,255) !important; }\n\n.mdl-color--purple-A700 {\n background-color: rgb(170,0,255) !important; }\n\n.mdl-color-text--deep-purple {\n color: rgb(103,58,183) !important; }\n\n.mdl-color--deep-purple {\n background-color: rgb(103,58,183) !important; }\n\n.mdl-color-text--deep-purple-50 {\n color: rgb(237,231,246) !important; }\n\n.mdl-color--deep-purple-50 {\n background-color: rgb(237,231,246) !important; }\n\n.mdl-color-text--deep-purple-100 {\n color: rgb(209,196,233) !important; }\n\n.mdl-color--deep-purple-100 {\n background-color: rgb(209,196,233) !important; }\n\n.mdl-color-text--deep-purple-200 {\n color: rgb(179,157,219) !important; }\n\n.mdl-color--deep-purple-200 {\n background-color: rgb(179,157,219) !important; }\n\n.mdl-color-text--deep-purple-300 {\n color: rgb(149,117,205) !important; }\n\n.mdl-color--deep-purple-300 {\n background-color: rgb(149,117,205) !important; }\n\n.mdl-color-text--deep-purple-400 {\n color: rgb(126,87,194) !important; }\n\n.mdl-color--deep-purple-400 {\n background-color: rgb(126,87,194) !important; }\n\n.mdl-color-text--deep-purple-500 {\n color: rgb(103,58,183) !important; }\n\n.mdl-color--deep-purple-500 {\n background-color: rgb(103,58,183) !important; }\n\n.mdl-color-text--deep-purple-600 {\n color: rgb(94,53,177) !important; }\n\n.mdl-color--deep-purple-600 {\n background-color: rgb(94,53,177) !important; }\n\n.mdl-color-text--deep-purple-700 {\n color: rgb(81,45,168) !important; }\n\n.mdl-color--deep-purple-700 {\n background-color: rgb(81,45,168) !important; }\n\n.mdl-color-text--deep-purple-800 {\n color: rgb(69,39,160) !important; }\n\n.mdl-color--deep-purple-800 {\n background-color: rgb(69,39,160) !important; }\n\n.mdl-color-text--deep-purple-900 {\n color: rgb(49,27,146) !important; }\n\n.mdl-color--deep-purple-900 {\n background-color: rgb(49,27,146) !important; }\n\n.mdl-color-text--deep-purple-A100 {\n color: rgb(179,136,255) !important; }\n\n.mdl-color--deep-purple-A100 {\n background-color: rgb(179,136,255) !important; }\n\n.mdl-color-text--deep-purple-A200 {\n color: rgb(124,77,255) !important; }\n\n.mdl-color--deep-purple-A200 {\n background-color: rgb(124,77,255) !important; }\n\n.mdl-color-text--deep-purple-A400 {\n color: rgb(101,31,255) !important; }\n\n.mdl-color--deep-purple-A400 {\n background-color: rgb(101,31,255) !important; }\n\n.mdl-color-text--deep-purple-A700 {\n color: rgb(98,0,234) !important; }\n\n.mdl-color--deep-purple-A700 {\n background-color: rgb(98,0,234) !important; }\n\n.mdl-color-text--indigo {\n color: rgb(63,81,181) !important; }\n\n.mdl-color--indigo {\n background-color: rgb(63,81,181) !important; }\n\n.mdl-color-text--indigo-50 {\n color: rgb(232,234,246) !important; }\n\n.mdl-color--indigo-50 {\n background-color: rgb(232,234,246) !important; }\n\n.mdl-color-text--indigo-100 {\n color: rgb(197,202,233) !important; }\n\n.mdl-color--indigo-100 {\n background-color: rgb(197,202,233) !important; }\n\n.mdl-color-text--indigo-200 {\n color: rgb(159,168,218) !important; }\n\n.mdl-color--indigo-200 {\n background-color: rgb(159,168,218) !important; }\n\n.mdl-color-text--indigo-300 {\n color: rgb(121,134,203) !important; }\n\n.mdl-color--indigo-300 {\n background-color: rgb(121,134,203) !important; }\n\n.mdl-color-text--indigo-400 {\n color: rgb(92,107,192) !important; }\n\n.mdl-color--indigo-400 {\n background-color: rgb(92,107,192) !important; }\n\n.mdl-color-text--indigo-500 {\n color: rgb(63,81,181) !important; }\n\n.mdl-color--indigo-500 {\n background-color: rgb(63,81,181) !important; }\n\n.mdl-color-text--indigo-600 {\n color: rgb(57,73,171) !important; }\n\n.mdl-color--indigo-600 {\n background-color: rgb(57,73,171) !important; }\n\n.mdl-color-text--indigo-700 {\n color: rgb(48,63,159) !important; }\n\n.mdl-color--indigo-700 {\n background-color: rgb(48,63,159) !important; }\n\n.mdl-color-text--indigo-800 {\n color: rgb(40,53,147) !important; }\n\n.mdl-color--indigo-800 {\n background-color: rgb(40,53,147) !important; }\n\n.mdl-color-text--indigo-900 {\n color: rgb(26,35,126) !important; }\n\n.mdl-color--indigo-900 {\n background-color: rgb(26,35,126) !important; }\n\n.mdl-color-text--indigo-A100 {\n color: rgb(140,158,255) !important; }\n\n.mdl-color--indigo-A100 {\n background-color: rgb(140,158,255) !important; }\n\n.mdl-color-text--indigo-A200 {\n color: rgb(83,109,254) !important; }\n\n.mdl-color--indigo-A200 {\n background-color: rgb(83,109,254) !important; }\n\n.mdl-color-text--indigo-A400 {\n color: rgb(61,90,254) !important; }\n\n.mdl-color--indigo-A400 {\n background-color: rgb(61,90,254) !important; }\n\n.mdl-color-text--indigo-A700 {\n color: rgb(48,79,254) !important; }\n\n.mdl-color--indigo-A700 {\n background-color: rgb(48,79,254) !important; }\n\n.mdl-color-text--blue {\n color: rgb(33,150,243) !important; }\n\n.mdl-color--blue {\n background-color: rgb(33,150,243) !important; }\n\n.mdl-color-text--blue-50 {\n color: rgb(227,242,253) !important; }\n\n.mdl-color--blue-50 {\n background-color: rgb(227,242,253) !important; }\n\n.mdl-color-text--blue-100 {\n color: rgb(187,222,251) !important; }\n\n.mdl-color--blue-100 {\n background-color: rgb(187,222,251) !important; }\n\n.mdl-color-text--blue-200 {\n color: rgb(144,202,249) !important; }\n\n.mdl-color--blue-200 {\n background-color: rgb(144,202,249) !important; }\n\n.mdl-color-text--blue-300 {\n color: rgb(100,181,246) !important; }\n\n.mdl-color--blue-300 {\n background-color: rgb(100,181,246) !important; }\n\n.mdl-color-text--blue-400 {\n color: rgb(66,165,245) !important; }\n\n.mdl-color--blue-400 {\n background-color: rgb(66,165,245) !important; }\n\n.mdl-color-text--blue-500 {\n color: rgb(33,150,243) !important; }\n\n.mdl-color--blue-500 {\n background-color: rgb(33,150,243) !important; }\n\n.mdl-color-text--blue-600 {\n color: rgb(30,136,229) !important; }\n\n.mdl-color--blue-600 {\n background-color: rgb(30,136,229) !important; }\n\n.mdl-color-text--blue-700 {\n color: rgb(25,118,210) !important; }\n\n.mdl-color--blue-700 {\n background-color: rgb(25,118,210) !important; }\n\n.mdl-color-text--blue-800 {\n color: rgb(21,101,192) !important; }\n\n.mdl-color--blue-800 {\n background-color: rgb(21,101,192) !important; }\n\n.mdl-color-text--blue-900 {\n color: rgb(13,71,161) !important; }\n\n.mdl-color--blue-900 {\n background-color: rgb(13,71,161) !important; }\n\n.mdl-color-text--blue-A100 {\n color: rgb(130,177,255) !important; }\n\n.mdl-color--blue-A100 {\n background-color: rgb(130,177,255) !important; }\n\n.mdl-color-text--blue-A200 {\n color: rgb(68,138,255) !important; }\n\n.mdl-color--blue-A200 {\n background-color: rgb(68,138,255) !important; }\n\n.mdl-color-text--blue-A400 {\n color: rgb(41,121,255) !important; }\n\n.mdl-color--blue-A400 {\n background-color: rgb(41,121,255) !important; }\n\n.mdl-color-text--blue-A700 {\n color: rgb(41,98,255) !important; }\n\n.mdl-color--blue-A700 {\n background-color: rgb(41,98,255) !important; }\n\n.mdl-color-text--light-blue {\n color: rgb(3,169,244) !important; }\n\n.mdl-color--light-blue {\n background-color: rgb(3,169,244) !important; }\n\n.mdl-color-text--light-blue-50 {\n color: rgb(225,245,254) !important; }\n\n.mdl-color--light-blue-50 {\n background-color: rgb(225,245,254) !important; }\n\n.mdl-color-text--light-blue-100 {\n color: rgb(179,229,252) !important; }\n\n.mdl-color--light-blue-100 {\n background-color: rgb(179,229,252) !important; }\n\n.mdl-color-text--light-blue-200 {\n color: rgb(129,212,250) !important; }\n\n.mdl-color--light-blue-200 {\n background-color: rgb(129,212,250) !important; }\n\n.mdl-color-text--light-blue-300 {\n color: rgb(79,195,247) !important; }\n\n.mdl-color--light-blue-300 {\n background-color: rgb(79,195,247) !important; }\n\n.mdl-color-text--light-blue-400 {\n color: rgb(41,182,246) !important; }\n\n.mdl-color--light-blue-400 {\n background-color: rgb(41,182,246) !important; }\n\n.mdl-color-text--light-blue-500 {\n color: rgb(3,169,244) !important; }\n\n.mdl-color--light-blue-500 {\n background-color: rgb(3,169,244) !important; }\n\n.mdl-color-text--light-blue-600 {\n color: rgb(3,155,229) !important; }\n\n.mdl-color--light-blue-600 {\n background-color: rgb(3,155,229) !important; }\n\n.mdl-color-text--light-blue-700 {\n color: rgb(2,136,209) !important; }\n\n.mdl-color--light-blue-700 {\n background-color: rgb(2,136,209) !important; }\n\n.mdl-color-text--light-blue-800 {\n color: rgb(2,119,189) !important; }\n\n.mdl-color--light-blue-800 {\n background-color: rgb(2,119,189) !important; }\n\n.mdl-color-text--light-blue-900 {\n color: rgb(1,87,155) !important; }\n\n.mdl-color--light-blue-900 {\n background-color: rgb(1,87,155) !important; }\n\n.mdl-color-text--light-blue-A100 {\n color: rgb(128,216,255) !important; }\n\n.mdl-color--light-blue-A100 {\n background-color: rgb(128,216,255) !important; }\n\n.mdl-color-text--light-blue-A200 {\n color: rgb(64,196,255) !important; }\n\n.mdl-color--light-blue-A200 {\n background-color: rgb(64,196,255) !important; }\n\n.mdl-color-text--light-blue-A400 {\n color: rgb(0,176,255) !important; }\n\n.mdl-color--light-blue-A400 {\n background-color: rgb(0,176,255) !important; }\n\n.mdl-color-text--light-blue-A700 {\n color: rgb(0,145,234) !important; }\n\n.mdl-color--light-blue-A700 {\n background-color: rgb(0,145,234) !important; }\n\n.mdl-color-text--cyan {\n color: rgb(0,188,212) !important; }\n\n.mdl-color--cyan {\n background-color: rgb(0,188,212) !important; }\n\n.mdl-color-text--cyan-50 {\n color: rgb(224,247,250) !important; }\n\n.mdl-color--cyan-50 {\n background-color: rgb(224,247,250) !important; }\n\n.mdl-color-text--cyan-100 {\n color: rgb(178,235,242) !important; }\n\n.mdl-color--cyan-100 {\n background-color: rgb(178,235,242) !important; }\n\n.mdl-color-text--cyan-200 {\n color: rgb(128,222,234) !important; }\n\n.mdl-color--cyan-200 {\n background-color: rgb(128,222,234) !important; }\n\n.mdl-color-text--cyan-300 {\n color: rgb(77,208,225) !important; }\n\n.mdl-color--cyan-300 {\n background-color: rgb(77,208,225) !important; }\n\n.mdl-color-text--cyan-400 {\n color: rgb(38,198,218) !important; }\n\n.mdl-color--cyan-400 {\n background-color: rgb(38,198,218) !important; }\n\n.mdl-color-text--cyan-500 {\n color: rgb(0,188,212) !important; }\n\n.mdl-color--cyan-500 {\n background-color: rgb(0,188,212) !important; }\n\n.mdl-color-text--cyan-600 {\n color: rgb(0,172,193) !important; }\n\n.mdl-color--cyan-600 {\n background-color: rgb(0,172,193) !important; }\n\n.mdl-color-text--cyan-700 {\n color: rgb(0,151,167) !important; }\n\n.mdl-color--cyan-700 {\n background-color: rgb(0,151,167) !important; }\n\n.mdl-color-text--cyan-800 {\n color: rgb(0,131,143) !important; }\n\n.mdl-color--cyan-800 {\n background-color: rgb(0,131,143) !important; }\n\n.mdl-color-text--cyan-900 {\n color: rgb(0,96,100) !important; }\n\n.mdl-color--cyan-900 {\n background-color: rgb(0,96,100) !important; }\n\n.mdl-color-text--cyan-A100 {\n color: rgb(132,255,255) !important; }\n\n.mdl-color--cyan-A100 {\n background-color: rgb(132,255,255) !important; }\n\n.mdl-color-text--cyan-A200 {\n color: rgb(24,255,255) !important; }\n\n.mdl-color--cyan-A200 {\n background-color: rgb(24,255,255) !important; }\n\n.mdl-color-text--cyan-A400 {\n color: rgb(0,229,255) !important; }\n\n.mdl-color--cyan-A400 {\n background-color: rgb(0,229,255) !important; }\n\n.mdl-color-text--cyan-A700 {\n color: rgb(0,184,212) !important; }\n\n.mdl-color--cyan-A700 {\n background-color: rgb(0,184,212) !important; }\n\n.mdl-color-text--teal {\n color: rgb(0,150,136) !important; }\n\n.mdl-color--teal {\n background-color: rgb(0,150,136) !important; }\n\n.mdl-color-text--teal-50 {\n color: rgb(224,242,241) !important; }\n\n.mdl-color--teal-50 {\n background-color: rgb(224,242,241) !important; }\n\n.mdl-color-text--teal-100 {\n color: rgb(178,223,219) !important; }\n\n.mdl-color--teal-100 {\n background-color: rgb(178,223,219) !important; }\n\n.mdl-color-text--teal-200 {\n color: rgb(128,203,196) !important; }\n\n.mdl-color--teal-200 {\n background-color: rgb(128,203,196) !important; }\n\n.mdl-color-text--teal-300 {\n color: rgb(77,182,172) !important; }\n\n.mdl-color--teal-300 {\n background-color: rgb(77,182,172) !important; }\n\n.mdl-color-text--teal-400 {\n color: rgb(38,166,154) !important; }\n\n.mdl-color--teal-400 {\n background-color: rgb(38,166,154) !important; }\n\n.mdl-color-text--teal-500 {\n color: rgb(0,150,136) !important; }\n\n.mdl-color--teal-500 {\n background-color: rgb(0,150,136) !important; }\n\n.mdl-color-text--teal-600 {\n color: rgb(0,137,123) !important; }\n\n.mdl-color--teal-600 {\n background-color: rgb(0,137,123) !important; }\n\n.mdl-color-text--teal-700 {\n color: rgb(0,121,107) !important; }\n\n.mdl-color--teal-700 {\n background-color: rgb(0,121,107) !important; }\n\n.mdl-color-text--teal-800 {\n color: rgb(0,105,92) !important; }\n\n.mdl-color--teal-800 {\n background-color: rgb(0,105,92) !important; }\n\n.mdl-color-text--teal-900 {\n color: rgb(0,77,64) !important; }\n\n.mdl-color--teal-900 {\n background-color: rgb(0,77,64) !important; }\n\n.mdl-color-text--teal-A100 {\n color: rgb(167,255,235) !important; }\n\n.mdl-color--teal-A100 {\n background-color: rgb(167,255,235) !important; }\n\n.mdl-color-text--teal-A200 {\n color: rgb(100,255,218) !important; }\n\n.mdl-color--teal-A200 {\n background-color: rgb(100,255,218) !important; }\n\n.mdl-color-text--teal-A400 {\n color: rgb(29,233,182) !important; }\n\n.mdl-color--teal-A400 {\n background-color: rgb(29,233,182) !important; }\n\n.mdl-color-text--teal-A700 {\n color: rgb(0,191,165) !important; }\n\n.mdl-color--teal-A700 {\n background-color: rgb(0,191,165) !important; }\n\n.mdl-color-text--green {\n color: rgb(76,175,80) !important; }\n\n.mdl-color--green {\n background-color: rgb(76,175,80) !important; }\n\n.mdl-color-text--green-50 {\n color: rgb(232,245,233) !important; }\n\n.mdl-color--green-50 {\n background-color: rgb(232,245,233) !important; }\n\n.mdl-color-text--green-100 {\n color: rgb(200,230,201) !important; }\n\n.mdl-color--green-100 {\n background-color: rgb(200,230,201) !important; }\n\n.mdl-color-text--green-200 {\n color: rgb(165,214,167) !important; }\n\n.mdl-color--green-200 {\n background-color: rgb(165,214,167) !important; }\n\n.mdl-color-text--green-300 {\n color: rgb(129,199,132) !important; }\n\n.mdl-color--green-300 {\n background-color: rgb(129,199,132) !important; }\n\n.mdl-color-text--green-400 {\n color: rgb(102,187,106) !important; }\n\n.mdl-color--green-400 {\n background-color: rgb(102,187,106) !important; }\n\n.mdl-color-text--green-500 {\n color: rgb(76,175,80) !important; }\n\n.mdl-color--green-500 {\n background-color: rgb(76,175,80) !important; }\n\n.mdl-color-text--green-600 {\n color: rgb(67,160,71) !important; }\n\n.mdl-color--green-600 {\n background-color: rgb(67,160,71) !important; }\n\n.mdl-color-text--green-700 {\n color: rgb(56,142,60) !important; }\n\n.mdl-color--green-700 {\n background-color: rgb(56,142,60) !important; }\n\n.mdl-color-text--green-800 {\n color: rgb(46,125,50) !important; }\n\n.mdl-color--green-800 {\n background-color: rgb(46,125,50) !important; }\n\n.mdl-color-text--green-900 {\n color: rgb(27,94,32) !important; }\n\n.mdl-color--green-900 {\n background-color: rgb(27,94,32) !important; }\n\n.mdl-color-text--green-A100 {\n color: rgb(185,246,202) !important; }\n\n.mdl-color--green-A100 {\n background-color: rgb(185,246,202) !important; }\n\n.mdl-color-text--green-A200 {\n color: rgb(105,240,174) !important; }\n\n.mdl-color--green-A200 {\n background-color: rgb(105,240,174) !important; }\n\n.mdl-color-text--green-A400 {\n color: rgb(0,230,118) !important; }\n\n.mdl-color--green-A400 {\n background-color: rgb(0,230,118) !important; }\n\n.mdl-color-text--green-A700 {\n color: rgb(0,200,83) !important; }\n\n.mdl-color--green-A700 {\n background-color: rgb(0,200,83) !important; }\n\n.mdl-color-text--light-green {\n color: rgb(139,195,74) !important; }\n\n.mdl-color--light-green {\n background-color: rgb(139,195,74) !important; }\n\n.mdl-color-text--light-green-50 {\n color: rgb(241,248,233) !important; }\n\n.mdl-color--light-green-50 {\n background-color: rgb(241,248,233) !important; }\n\n.mdl-color-text--light-green-100 {\n color: rgb(220,237,200) !important; }\n\n.mdl-color--light-green-100 {\n background-color: rgb(220,237,200) !important; }\n\n.mdl-color-text--light-green-200 {\n color: rgb(197,225,165) !important; }\n\n.mdl-color--light-green-200 {\n background-color: rgb(197,225,165) !important; }\n\n.mdl-color-text--light-green-300 {\n color: rgb(174,213,129) !important; }\n\n.mdl-color--light-green-300 {\n background-color: rgb(174,213,129) !important; }\n\n.mdl-color-text--light-green-400 {\n color: rgb(156,204,101) !important; }\n\n.mdl-color--light-green-400 {\n background-color: rgb(156,204,101) !important; }\n\n.mdl-color-text--light-green-500 {\n color: rgb(139,195,74) !important; }\n\n.mdl-color--light-green-500 {\n background-color: rgb(139,195,74) !important; }\n\n.mdl-color-text--light-green-600 {\n color: rgb(124,179,66) !important; }\n\n.mdl-color--light-green-600 {\n background-color: rgb(124,179,66) !important; }\n\n.mdl-color-text--light-green-700 {\n color: rgb(104,159,56) !important; }\n\n.mdl-color--light-green-700 {\n background-color: rgb(104,159,56) !important; }\n\n.mdl-color-text--light-green-800 {\n color: rgb(85,139,47) !important; }\n\n.mdl-color--light-green-800 {\n background-color: rgb(85,139,47) !important; }\n\n.mdl-color-text--light-green-900 {\n color: rgb(51,105,30) !important; }\n\n.mdl-color--light-green-900 {\n background-color: rgb(51,105,30) !important; }\n\n.mdl-color-text--light-green-A100 {\n color: rgb(204,255,144) !important; }\n\n.mdl-color--light-green-A100 {\n background-color: rgb(204,255,144) !important; }\n\n.mdl-color-text--light-green-A200 {\n color: rgb(178,255,89) !important; }\n\n.mdl-color--light-green-A200 {\n background-color: rgb(178,255,89) !important; }\n\n.mdl-color-text--light-green-A400 {\n color: rgb(118,255,3) !important; }\n\n.mdl-color--light-green-A400 {\n background-color: rgb(118,255,3) !important; }\n\n.mdl-color-text--light-green-A700 {\n color: rgb(100,221,23) !important; }\n\n.mdl-color--light-green-A700 {\n background-color: rgb(100,221,23) !important; }\n\n.mdl-color-text--lime {\n color: rgb(205,220,57) !important; }\n\n.mdl-color--lime {\n background-color: rgb(205,220,57) !important; }\n\n.mdl-color-text--lime-50 {\n color: rgb(249,251,231) !important; }\n\n.mdl-color--lime-50 {\n background-color: rgb(249,251,231) !important; }\n\n.mdl-color-text--lime-100 {\n color: rgb(240,244,195) !important; }\n\n.mdl-color--lime-100 {\n background-color: rgb(240,244,195) !important; }\n\n.mdl-color-text--lime-200 {\n color: rgb(230,238,156) !important; }\n\n.mdl-color--lime-200 {\n background-color: rgb(230,238,156) !important; }\n\n.mdl-color-text--lime-300 {\n color: rgb(220,231,117) !important; }\n\n.mdl-color--lime-300 {\n background-color: rgb(220,231,117) !important; }\n\n.mdl-color-text--lime-400 {\n color: rgb(212,225,87) !important; }\n\n.mdl-color--lime-400 {\n background-color: rgb(212,225,87) !important; }\n\n.mdl-color-text--lime-500 {\n color: rgb(205,220,57) !important; }\n\n.mdl-color--lime-500 {\n background-color: rgb(205,220,57) !important; }\n\n.mdl-color-text--lime-600 {\n color: rgb(192,202,51) !important; }\n\n.mdl-color--lime-600 {\n background-color: rgb(192,202,51) !important; }\n\n.mdl-color-text--lime-700 {\n color: rgb(175,180,43) !important; }\n\n.mdl-color--lime-700 {\n background-color: rgb(175,180,43) !important; }\n\n.mdl-color-text--lime-800 {\n color: rgb(158,157,36) !important; }\n\n.mdl-color--lime-800 {\n background-color: rgb(158,157,36) !important; }\n\n.mdl-color-text--lime-900 {\n color: rgb(130,119,23) !important; }\n\n.mdl-color--lime-900 {\n background-color: rgb(130,119,23) !important; }\n\n.mdl-color-text--lime-A100 {\n color: rgb(244,255,129) !important; }\n\n.mdl-color--lime-A100 {\n background-color: rgb(244,255,129) !important; }\n\n.mdl-color-text--lime-A200 {\n color: rgb(238,255,65) !important; }\n\n.mdl-color--lime-A200 {\n background-color: rgb(238,255,65) !important; }\n\n.mdl-color-text--lime-A400 {\n color: rgb(198,255,0) !important; }\n\n.mdl-color--lime-A400 {\n background-color: rgb(198,255,0) !important; }\n\n.mdl-color-text--lime-A700 {\n color: rgb(174,234,0) !important; }\n\n.mdl-color--lime-A700 {\n background-color: rgb(174,234,0) !important; }\n\n.mdl-color-text--yellow {\n color: rgb(255,235,59) !important; }\n\n.mdl-color--yellow {\n background-color: rgb(255,235,59) !important; }\n\n.mdl-color-text--yellow-50 {\n color: rgb(255,253,231) !important; }\n\n.mdl-color--yellow-50 {\n background-color: rgb(255,253,231) !important; }\n\n.mdl-color-text--yellow-100 {\n color: rgb(255,249,196) !important; }\n\n.mdl-color--yellow-100 {\n background-color: rgb(255,249,196) !important; }\n\n.mdl-color-text--yellow-200 {\n color: rgb(255,245,157) !important; }\n\n.mdl-color--yellow-200 {\n background-color: rgb(255,245,157) !important; }\n\n.mdl-color-text--yellow-300 {\n color: rgb(255,241,118) !important; }\n\n.mdl-color--yellow-300 {\n background-color: rgb(255,241,118) !important; }\n\n.mdl-color-text--yellow-400 {\n color: rgb(255,238,88) !important; }\n\n.mdl-color--yellow-400 {\n background-color: rgb(255,238,88) !important; }\n\n.mdl-color-text--yellow-500 {\n color: rgb(255,235,59) !important; }\n\n.mdl-color--yellow-500 {\n background-color: rgb(255,235,59) !important; }\n\n.mdl-color-text--yellow-600 {\n color: rgb(253,216,53) !important; }\n\n.mdl-color--yellow-600 {\n background-color: rgb(253,216,53) !important; }\n\n.mdl-color-text--yellow-700 {\n color: rgb(251,192,45) !important; }\n\n.mdl-color--yellow-700 {\n background-color: rgb(251,192,45) !important; }\n\n.mdl-color-text--yellow-800 {\n color: rgb(249,168,37) !important; }\n\n.mdl-color--yellow-800 {\n background-color: rgb(249,168,37) !important; }\n\n.mdl-color-text--yellow-900 {\n color: rgb(245,127,23) !important; }\n\n.mdl-color--yellow-900 {\n background-color: rgb(245,127,23) !important; }\n\n.mdl-color-text--yellow-A100 {\n color: rgb(255,255,141) !important; }\n\n.mdl-color--yellow-A100 {\n background-color: rgb(255,255,141) !important; }\n\n.mdl-color-text--yellow-A200 {\n color: rgb(255,255,0) !important; }\n\n.mdl-color--yellow-A200 {\n background-color: rgb(255,255,0) !important; }\n\n.mdl-color-text--yellow-A400 {\n color: rgb(255,234,0) !important; }\n\n.mdl-color--yellow-A400 {\n background-color: rgb(255,234,0) !important; }\n\n.mdl-color-text--yellow-A700 {\n color: rgb(255,214,0) !important; }\n\n.mdl-color--yellow-A700 {\n background-color: rgb(255,214,0) !important; }\n\n.mdl-color-text--amber {\n color: rgb(255,193,7) !important; }\n\n.mdl-color--amber {\n background-color: rgb(255,193,7) !important; }\n\n.mdl-color-text--amber-50 {\n color: rgb(255,248,225) !important; }\n\n.mdl-color--amber-50 {\n background-color: rgb(255,248,225) !important; }\n\n.mdl-color-text--amber-100 {\n color: rgb(255,236,179) !important; }\n\n.mdl-color--amber-100 {\n background-color: rgb(255,236,179) !important; }\n\n.mdl-color-text--amber-200 {\n color: rgb(255,224,130) !important; }\n\n.mdl-color--amber-200 {\n background-color: rgb(255,224,130) !important; }\n\n.mdl-color-text--amber-300 {\n color: rgb(255,213,79) !important; }\n\n.mdl-color--amber-300 {\n background-color: rgb(255,213,79) !important; }\n\n.mdl-color-text--amber-400 {\n color: rgb(255,202,40) !important; }\n\n.mdl-color--amber-400 {\n background-color: rgb(255,202,40) !important; }\n\n.mdl-color-text--amber-500 {\n color: rgb(255,193,7) !important; }\n\n.mdl-color--amber-500 {\n background-color: rgb(255,193,7) !important; }\n\n.mdl-color-text--amber-600 {\n color: rgb(255,179,0) !important; }\n\n.mdl-color--amber-600 {\n background-color: rgb(255,179,0) !important; }\n\n.mdl-color-text--amber-700 {\n color: rgb(255,160,0) !important; }\n\n.mdl-color--amber-700 {\n background-color: rgb(255,160,0) !important; }\n\n.mdl-color-text--amber-800 {\n color: rgb(255,143,0) !important; }\n\n.mdl-color--amber-800 {\n background-color: rgb(255,143,0) !important; }\n\n.mdl-color-text--amber-900 {\n color: rgb(255,111,0) !important; }\n\n.mdl-color--amber-900 {\n background-color: rgb(255,111,0) !important; }\n\n.mdl-color-text--amber-A100 {\n color: rgb(255,229,127) !important; }\n\n.mdl-color--amber-A100 {\n background-color: rgb(255,229,127) !important; }\n\n.mdl-color-text--amber-A200 {\n color: rgb(255,215,64) !important; }\n\n.mdl-color--amber-A200 {\n background-color: rgb(255,215,64) !important; }\n\n.mdl-color-text--amber-A400 {\n color: rgb(255,196,0) !important; }\n\n.mdl-color--amber-A400 {\n background-color: rgb(255,196,0) !important; }\n\n.mdl-color-text--amber-A700 {\n color: rgb(255,171,0) !important; }\n\n.mdl-color--amber-A700 {\n background-color: rgb(255,171,0) !important; }\n\n.mdl-color-text--orange {\n color: rgb(255,152,0) !important; }\n\n.mdl-color--orange {\n background-color: rgb(255,152,0) !important; }\n\n.mdl-color-text--orange-50 {\n color: rgb(255,243,224) !important; }\n\n.mdl-color--orange-50 {\n background-color: rgb(255,243,224) !important; }\n\n.mdl-color-text--orange-100 {\n color: rgb(255,224,178) !important; }\n\n.mdl-color--orange-100 {\n background-color: rgb(255,224,178) !important; }\n\n.mdl-color-text--orange-200 {\n color: rgb(255,204,128) !important; }\n\n.mdl-color--orange-200 {\n background-color: rgb(255,204,128) !important; }\n\n.mdl-color-text--orange-300 {\n color: rgb(255,183,77) !important; }\n\n.mdl-color--orange-300 {\n background-color: rgb(255,183,77) !important; }\n\n.mdl-color-text--orange-400 {\n color: rgb(255,167,38) !important; }\n\n.mdl-color--orange-400 {\n background-color: rgb(255,167,38) !important; }\n\n.mdl-color-text--orange-500 {\n color: rgb(255,152,0) !important; }\n\n.mdl-color--orange-500 {\n background-color: rgb(255,152,0) !important; }\n\n.mdl-color-text--orange-600 {\n color: rgb(251,140,0) !important; }\n\n.mdl-color--orange-600 {\n background-color: rgb(251,140,0) !important; }\n\n.mdl-color-text--orange-700 {\n color: rgb(245,124,0) !important; }\n\n.mdl-color--orange-700 {\n background-color: rgb(245,124,0) !important; }\n\n.mdl-color-text--orange-800 {\n color: rgb(239,108,0) !important; }\n\n.mdl-color--orange-800 {\n background-color: rgb(239,108,0) !important; }\n\n.mdl-color-text--orange-900 {\n color: rgb(230,81,0) !important; }\n\n.mdl-color--orange-900 {\n background-color: rgb(230,81,0) !important; }\n\n.mdl-color-text--orange-A100 {\n color: rgb(255,209,128) !important; }\n\n.mdl-color--orange-A100 {\n background-color: rgb(255,209,128) !important; }\n\n.mdl-color-text--orange-A200 {\n color: rgb(255,171,64) !important; }\n\n.mdl-color--orange-A200 {\n background-color: rgb(255,171,64) !important; }\n\n.mdl-color-text--orange-A400 {\n color: rgb(255,145,0) !important; }\n\n.mdl-color--orange-A400 {\n background-color: rgb(255,145,0) !important; }\n\n.mdl-color-text--orange-A700 {\n color: rgb(255,109,0) !important; }\n\n.mdl-color--orange-A700 {\n background-color: rgb(255,109,0) !important; }\n\n.mdl-color-text--deep-orange {\n color: rgb(255,87,34) !important; }\n\n.mdl-color--deep-orange {\n background-color: rgb(255,87,34) !important; }\n\n.mdl-color-text--deep-orange-50 {\n color: rgb(251,233,231) !important; }\n\n.mdl-color--deep-orange-50 {\n background-color: rgb(251,233,231) !important; }\n\n.mdl-color-text--deep-orange-100 {\n color: rgb(255,204,188) !important; }\n\n.mdl-color--deep-orange-100 {\n background-color: rgb(255,204,188) !important; }\n\n.mdl-color-text--deep-orange-200 {\n color: rgb(255,171,145) !important; }\n\n.mdl-color--deep-orange-200 {\n background-color: rgb(255,171,145) !important; }\n\n.mdl-color-text--deep-orange-300 {\n color: rgb(255,138,101) !important; }\n\n.mdl-color--deep-orange-300 {\n background-color: rgb(255,138,101) !important; }\n\n.mdl-color-text--deep-orange-400 {\n color: rgb(255,112,67) !important; }\n\n.mdl-color--deep-orange-400 {\n background-color: rgb(255,112,67) !important; }\n\n.mdl-color-text--deep-orange-500 {\n color: rgb(255,87,34) !important; }\n\n.mdl-color--deep-orange-500 {\n background-color: rgb(255,87,34) !important; }\n\n.mdl-color-text--deep-orange-600 {\n color: rgb(244,81,30) !important; }\n\n.mdl-color--deep-orange-600 {\n background-color: rgb(244,81,30) !important; }\n\n.mdl-color-text--deep-orange-700 {\n color: rgb(230,74,25) !important; }\n\n.mdl-color--deep-orange-700 {\n background-color: rgb(230,74,25) !important; }\n\n.mdl-color-text--deep-orange-800 {\n color: rgb(216,67,21) !important; }\n\n.mdl-color--deep-orange-800 {\n background-color: rgb(216,67,21) !important; }\n\n.mdl-color-text--deep-orange-900 {\n color: rgb(191,54,12) !important; }\n\n.mdl-color--deep-orange-900 {\n background-color: rgb(191,54,12) !important; }\n\n.mdl-color-text--deep-orange-A100 {\n color: rgb(255,158,128) !important; }\n\n.mdl-color--deep-orange-A100 {\n background-color: rgb(255,158,128) !important; }\n\n.mdl-color-text--deep-orange-A200 {\n color: rgb(255,110,64) !important; }\n\n.mdl-color--deep-orange-A200 {\n background-color: rgb(255,110,64) !important; }\n\n.mdl-color-text--deep-orange-A400 {\n color: rgb(255,61,0) !important; }\n\n.mdl-color--deep-orange-A400 {\n background-color: rgb(255,61,0) !important; }\n\n.mdl-color-text--deep-orange-A700 {\n color: rgb(221,44,0) !important; }\n\n.mdl-color--deep-orange-A700 {\n background-color: rgb(221,44,0) !important; }\n\n.mdl-color-text--brown {\n color: rgb(121,85,72) !important; }\n\n.mdl-color--brown {\n background-color: rgb(121,85,72) !important; }\n\n.mdl-color-text--brown-50 {\n color: rgb(239,235,233) !important; }\n\n.mdl-color--brown-50 {\n background-color: rgb(239,235,233) !important; }\n\n.mdl-color-text--brown-100 {\n color: rgb(215,204,200) !important; }\n\n.mdl-color--brown-100 {\n background-color: rgb(215,204,200) !important; }\n\n.mdl-color-text--brown-200 {\n color: rgb(188,170,164) !important; }\n\n.mdl-color--brown-200 {\n background-color: rgb(188,170,164) !important; }\n\n.mdl-color-text--brown-300 {\n color: rgb(161,136,127) !important; }\n\n.mdl-color--brown-300 {\n background-color: rgb(161,136,127) !important; }\n\n.mdl-color-text--brown-400 {\n color: rgb(141,110,99) !important; }\n\n.mdl-color--brown-400 {\n background-color: rgb(141,110,99) !important; }\n\n.mdl-color-text--brown-500 {\n color: rgb(121,85,72) !important; }\n\n.mdl-color--brown-500 {\n background-color: rgb(121,85,72) !important; }\n\n.mdl-color-text--brown-600 {\n color: rgb(109,76,65) !important; }\n\n.mdl-color--brown-600 {\n background-color: rgb(109,76,65) !important; }\n\n.mdl-color-text--brown-700 {\n color: rgb(93,64,55) !important; }\n\n.mdl-color--brown-700 {\n background-color: rgb(93,64,55) !important; }\n\n.mdl-color-text--brown-800 {\n color: rgb(78,52,46) !important; }\n\n.mdl-color--brown-800 {\n background-color: rgb(78,52,46) !important; }\n\n.mdl-color-text--brown-900 {\n color: rgb(62,39,35) !important; }\n\n.mdl-color--brown-900 {\n background-color: rgb(62,39,35) !important; }\n\n.mdl-color-text--grey {\n color: rgb(158,158,158) !important; }\n\n.mdl-color--grey {\n background-color: rgb(158,158,158) !important; }\n\n.mdl-color-text--grey-50 {\n color: rgb(250,250,250) !important; }\n\n.mdl-color--grey-50 {\n background-color: rgb(250,250,250) !important; }\n\n.mdl-color-text--grey-100 {\n color: rgb(245,245,245) !important; }\n\n.mdl-color--grey-100 {\n background-color: rgb(245,245,245) !important; }\n\n.mdl-color-text--grey-200 {\n color: rgb(238,238,238) !important; }\n\n.mdl-color--grey-200 {\n background-color: rgb(238,238,238) !important; }\n\n.mdl-color-text--grey-300 {\n color: rgb(224,224,224) !important; }\n\n.mdl-color--grey-300 {\n background-color: rgb(224,224,224) !important; }\n\n.mdl-color-text--grey-400 {\n color: rgb(189,189,189) !important; }\n\n.mdl-color--grey-400 {\n background-color: rgb(189,189,189) !important; }\n\n.mdl-color-text--grey-500 {\n color: rgb(158,158,158) !important; }\n\n.mdl-color--grey-500 {\n background-color: rgb(158,158,158) !important; }\n\n.mdl-color-text--grey-600 {\n color: rgb(117,117,117) !important; }\n\n.mdl-color--grey-600 {\n background-color: rgb(117,117,117) !important; }\n\n.mdl-color-text--grey-700 {\n color: rgb(97,97,97) !important; }\n\n.mdl-color--grey-700 {\n background-color: rgb(97,97,97) !important; }\n\n.mdl-color-text--grey-800 {\n color: rgb(66,66,66) !important; }\n\n.mdl-color--grey-800 {\n background-color: rgb(66,66,66) !important; }\n\n.mdl-color-text--grey-900 {\n color: rgb(33,33,33) !important; }\n\n.mdl-color--grey-900 {\n background-color: rgb(33,33,33) !important; }\n\n.mdl-color-text--blue-grey {\n color: rgb(96,125,139) !important; }\n\n.mdl-color--blue-grey {\n background-color: rgb(96,125,139) !important; }\n\n.mdl-color-text--blue-grey-50 {\n color: rgb(236,239,241) !important; }\n\n.mdl-color--blue-grey-50 {\n background-color: rgb(236,239,241) !important; }\n\n.mdl-color-text--blue-grey-100 {\n color: rgb(207,216,220) !important; }\n\n.mdl-color--blue-grey-100 {\n background-color: rgb(207,216,220) !important; }\n\n.mdl-color-text--blue-grey-200 {\n color: rgb(176,190,197) !important; }\n\n.mdl-color--blue-grey-200 {\n background-color: rgb(176,190,197) !important; }\n\n.mdl-color-text--blue-grey-300 {\n color: rgb(144,164,174) !important; }\n\n.mdl-color--blue-grey-300 {\n background-color: rgb(144,164,174) !important; }\n\n.mdl-color-text--blue-grey-400 {\n color: rgb(120,144,156) !important; }\n\n.mdl-color--blue-grey-400 {\n background-color: rgb(120,144,156) !important; }\n\n.mdl-color-text--blue-grey-500 {\n color: rgb(96,125,139) !important; }\n\n.mdl-color--blue-grey-500 {\n background-color: rgb(96,125,139) !important; }\n\n.mdl-color-text--blue-grey-600 {\n color: rgb(84,110,122) !important; }\n\n.mdl-color--blue-grey-600 {\n background-color: rgb(84,110,122) !important; }\n\n.mdl-color-text--blue-grey-700 {\n color: rgb(69,90,100) !important; }\n\n.mdl-color--blue-grey-700 {\n background-color: rgb(69,90,100) !important; }\n\n.mdl-color-text--blue-grey-800 {\n color: rgb(55,71,79) !important; }\n\n.mdl-color--blue-grey-800 {\n background-color: rgb(55,71,79) !important; }\n\n.mdl-color-text--blue-grey-900 {\n color: rgb(38,50,56) !important; }\n\n.mdl-color--blue-grey-900 {\n background-color: rgb(38,50,56) !important; }\n\n.mdl-color--black {\n background-color: rgb(0,0,0) !important; }\n\n.mdl-color-text--black {\n color: rgb(0,0,0) !important; }\n\n.mdl-color--white {\n background-color: rgb(255,255,255) !important; }\n\n.mdl-color-text--white {\n color: rgb(255,255,255) !important; }\n\n.mdl-color--primary {\n background-color: rgb(63,81,181) !important; }\n\n.mdl-color--primary-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.mdl-color--primary-dark {\n background-color: rgb(48,63,159) !important; }\n\n.mdl-color--accent {\n background-color: rgb(255,64,129) !important; }\n\n.mdl-color--accent-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.mdl-color-text--primary {\n color: rgb(63,81,181) !important; }\n\n.mdl-color-text--primary-contrast {\n color: rgb(255,255,255) !important; }\n\n.mdl-color-text--primary-dark {\n color: rgb(48,63,159) !important; }\n\n.mdl-color-text--accent {\n color: rgb(255,64,129) !important; }\n\n.mdl-color-text--accent-contrast {\n color: rgb(255,255,255) !important; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-ripple {\n background: rgb(0,0,0);\n border-radius: 50%;\n height: 50px;\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: 50px;\n overflow: hidden; }\n .mdl-ripple.is-animating {\n transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);\n transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);\n transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); }\n .mdl-ripple.is-visible {\n opacity: 0.3; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-animation--default {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n\n.mdl-animation--fast-out-slow-in {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n\n.mdl-animation--linear-out-slow-in {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }\n\n.mdl-animation--fast-out-linear-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-badge {\n position: relative;\n white-space: nowrap;\n margin-right: 24px; }\n .mdl-badge:not([data-badge]) {\n margin-right: auto; }\n .mdl-badge[data-badge]:after {\n content: attr(data-badge);\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-align-content: center;\n -ms-flex-line-pack: center;\n align-content: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n position: absolute;\n top: -11px;\n right: -24px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-weight: 600;\n font-size: 12px;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: rgb(255,64,129);\n color: rgb(255,255,255); }\n .mdl-button .mdl-badge[data-badge]:after {\n top: -10px;\n right: -5px; }\n .mdl-badge.mdl-badge--no-background[data-badge]:after {\n color: rgb(255,64,129);\n background: rgba(255,255,255,0.2);\n box-shadow: 0 0 1px gray; }\n .mdl-badge.mdl-badge--overlap {\n margin-right: 10px; }\n .mdl-badge.mdl-badge--overlap:after {\n right: -10px; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-button {\n background: transparent;\n border: none;\n border-radius: 2px;\n color: rgb(0,0,0);\n position: relative;\n height: 36px;\n margin: 0;\n min-width: 64px;\n padding: 0 16px;\n display: inline-block;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow;\n transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: 36px;\n vertical-align: middle; }\n .mdl-button::-moz-focus-inner {\n border: 0; }\n .mdl-button:hover {\n background-color: rgba(158,158,158, 0.20); }\n .mdl-button:focus:not(:active) {\n background-color: rgba(0,0,0, 0.12); }\n .mdl-button:active {\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button.mdl-button--colored {\n color: rgb(63,81,181); }\n .mdl-button.mdl-button--colored:focus:not(:active) {\n background-color: rgba(0,0,0, 0.12); }\n\ninput.mdl-button[type=\"submit\"] {\n -webkit-appearance: none; }\n\n.mdl-button--raised {\n background: rgba(158,158,158, 0.20);\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }\n .mdl-button--raised:active {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--raised:focus:not(:active) {\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--raised.mdl-button--colored {\n background: rgb(63,81,181);\n color: rgb(255,255,255); }\n .mdl-button--raised.mdl-button--colored:hover {\n background-color: rgb(63,81,181); }\n .mdl-button--raised.mdl-button--colored:active {\n background-color: rgb(63,81,181); }\n .mdl-button--raised.mdl-button--colored:focus:not(:active) {\n background-color: rgb(63,81,181); }\n .mdl-button--raised.mdl-button--colored .mdl-ripple {\n background: rgb(255,255,255); }\n\n.mdl-button--fab {\n border-radius: 50%;\n font-size: 24px;\n height: 56px;\n margin: auto;\n min-width: 56px;\n width: 56px;\n padding: 0;\n overflow: hidden;\n background: rgba(158,158,158, 0.20);\n box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);\n position: relative;\n line-height: normal; }\n .mdl-button--fab .material-icons {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-12px, -12px);\n transform: translate(-12px, -12px);\n line-height: 24px;\n width: 24px; }\n .mdl-button--fab.mdl-button--mini-fab {\n height: 40px;\n min-width: 40px;\n width: 40px; }\n .mdl-button--fab .mdl-button__ripple-container {\n border-radius: 50%;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-button--fab:active {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--fab:focus:not(:active) {\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--fab.mdl-button--colored {\n background: rgb(255,64,129);\n color: rgb(255,255,255); }\n .mdl-button--fab.mdl-button--colored:hover {\n background-color: rgb(255,64,129); }\n .mdl-button--fab.mdl-button--colored:focus:not(:active) {\n background-color: rgb(255,64,129); }\n .mdl-button--fab.mdl-button--colored:active {\n background-color: rgb(255,64,129); }\n .mdl-button--fab.mdl-button--colored .mdl-ripple {\n background: rgb(255,255,255); }\n\n.mdl-button--icon {\n border-radius: 50%;\n font-size: 24px;\n height: 32px;\n margin-left: 0;\n margin-right: 0;\n min-width: 32px;\n width: 32px;\n padding: 0;\n overflow: hidden;\n color: inherit;\n line-height: normal; }\n .mdl-button--icon .material-icons {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-12px, -12px);\n transform: translate(-12px, -12px);\n line-height: 24px;\n width: 24px; }\n .mdl-button--icon.mdl-button--mini-icon {\n height: 24px;\n min-width: 24px;\n width: 24px; }\n .mdl-button--icon.mdl-button--mini-icon .material-icons {\n top: 0px;\n left: 0px; }\n .mdl-button--icon .mdl-button__ripple-container {\n border-radius: 50%;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n\n.mdl-button__ripple-container {\n display: block;\n height: 100%;\n left: 0px;\n position: absolute;\n top: 0px;\n width: 100%;\n z-index: 0;\n overflow: hidden; }\n .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,\n .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {\n background-color: transparent; }\n\n.mdl-button--primary.mdl-button--primary {\n color: rgb(63,81,181); }\n .mdl-button--primary.mdl-button--primary .mdl-ripple {\n background: rgb(255,255,255); }\n .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {\n color: rgb(255,255,255);\n background-color: rgb(63,81,181); }\n\n.mdl-button--accent.mdl-button--accent {\n color: rgb(255,64,129); }\n .mdl-button--accent.mdl-button--accent .mdl-ripple {\n background: rgb(255,255,255); }\n .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {\n color: rgb(255,255,255);\n background-color: rgb(255,64,129); }\n\n.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {\n color: rgba(0,0,0, 0.26);\n cursor: default;\n background-color: transparent; }\n\n.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {\n background-color: rgba(0,0,0, 0.12);\n color: rgba(0,0,0, 0.26); }\n\n.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {\n background-color: rgba(0,0,0, 0.12);\n color: rgba(0,0,0, 0.26);\n box-shadow: none; }\n\n.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {\n color: rgba(0,0,0, 0.26); }\n\n.mdl-button .material-icons {\n vertical-align: middle; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-card {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n font-size: 16px;\n font-weight: 400;\n min-height: 200px;\n overflow: hidden;\n width: 330px;\n z-index: 1;\n position: relative;\n background: rgb(255,255,255);\n border-radius: 2px;\n box-sizing: border-box; }\n\n.mdl-card__media {\n background-color: rgb(255,64,129);\n background-repeat: repeat;\n background-position: 50% 50%;\n background-size: cover;\n background-origin: padding-box;\n background-attachment: scroll;\n box-sizing: border-box; }\n\n.mdl-card__title {\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n color: rgb(0,0,0);\n display: block;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-justify-content: stretch;\n -ms-flex-pack: stretch;\n justify-content: stretch;\n line-height: normal;\n padding: 16px 16px;\n -webkit-perspective-origin: 165px 56px;\n perspective-origin: 165px 56px;\n -webkit-transform-origin: 165px 56px;\n transform-origin: 165px 56px;\n box-sizing: border-box; }\n .mdl-card__title.mdl-card--border {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1); }\n\n.mdl-card__title-text {\n -webkit-align-self: flex-end;\n -ms-flex-item-align: end;\n align-self: flex-end;\n color: inherit;\n display: block;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n font-size: 24px;\n font-weight: 300;\n line-height: normal;\n overflow: hidden;\n -webkit-transform-origin: 149px 48px;\n transform-origin: 149px 48px;\n margin: 0; }\n\n.mdl-card__subtitle-text {\n font-size: 14px;\n color: rgba(0,0,0, 0.54);\n margin: 0; }\n\n.mdl-card__supporting-text {\n color: rgba(0,0,0, 0.54);\n font-size: 1rem;\n line-height: 18px;\n overflow: hidden;\n padding: 16px 16px;\n width: 90%; }\n\n.mdl-card__actions {\n font-size: 16px;\n line-height: normal;\n width: 100%;\n background-color: transparent;\n padding: 8px;\n box-sizing: border-box; }\n .mdl-card__actions.mdl-card--border {\n border-top: 1px solid rgba(0, 0, 0, 0.1); }\n\n.mdl-card--expand {\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1; }\n\n.mdl-card__menu {\n position: absolute;\n right: 16px;\n top: 16px; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-checkbox {\n position: relative;\n z-index: 1;\n vertical-align: middle;\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n height: 24px;\n margin: 0;\n padding: 0; }\n .mdl-checkbox.is-upgraded {\n padding-left: 24px; }\n\n.mdl-checkbox__input {\n line-height: 24px; }\n .mdl-checkbox.is-upgraded .mdl-checkbox__input {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-checkbox__box-outline {\n position: absolute;\n top: 3px;\n left: 0;\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n margin: 0;\n cursor: pointer;\n overflow: hidden;\n border: 2px solid rgba(0,0,0, 0.54);\n border-radius: 2px;\n z-index: 2; }\n .mdl-checkbox.is-checked .mdl-checkbox__box-outline {\n border: 2px solid rgb(63,81,181); }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,\n .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {\n border: 2px solid rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-checkbox__focus-helper {\n position: absolute;\n top: 3px;\n left: 0;\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: transparent; }\n .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {\n box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);\n background-color: rgba(0, 0, 0, 0.1); }\n .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {\n box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);\n background-color: rgba(63,81,181, 0.26); }\n\n.mdl-checkbox__tick-outline {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n -webkit-mask: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==\");\n mask: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==\");\n background: transparent;\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: background; }\n .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {\n background: rgb(63,81,181) url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K\"); }\n fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,\n .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {\n background: rgba(0,0,0, 0.26) url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K\"); }\n\n.mdl-checkbox__label {\n position: relative;\n cursor: pointer;\n font-size: 16px;\n line-height: 24px;\n margin: 0; }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,\n .mdl-checkbox.is-disabled .mdl-checkbox__label {\n color: rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-checkbox__ripple-container {\n position: absolute;\n z-index: 2;\n top: -6px;\n left: -10px;\n box-sizing: border-box;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-checkbox__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,\n .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {\n cursor: auto; }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,\n .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {\n background: transparent; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-data-table {\n position: relative;\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-collapse: collapse;\n white-space: nowrap;\n font-size: 13px;\n background-color: rgb(255,255,255); }\n .mdl-data-table thead {\n padding-bottom: 3px; }\n .mdl-data-table thead .mdl-data-table__select {\n margin-top: 0; }\n .mdl-data-table tbody tr {\n position: relative;\n height: 48px;\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: background-color; }\n .mdl-data-table tbody tr.is-selected {\n background-color: #e0e0e0; }\n .mdl-data-table tbody tr:hover {\n background-color: #eeeeee; }\n .mdl-data-table td, .mdl-data-table th {\n padding: 0 18px 12px 18px;\n text-align: right; }\n .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {\n padding-left: 24px; }\n .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {\n padding-right: 24px; }\n .mdl-data-table td {\n position: relative;\n vertical-align: middle;\n height: 48px;\n border-top: 1px solid rgba(0, 0, 0, 0.12);\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n padding-top: 12px;\n box-sizing: border-box; }\n .mdl-data-table td .mdl-data-table__select {\n vertical-align: middle; }\n .mdl-data-table th {\n position: relative;\n vertical-align: bottom;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: bold;\n line-height: 24px;\n letter-spacing: 0;\n height: 48px;\n font-size: 12px;\n color: rgba(0, 0, 0, 0.54);\n padding-bottom: 8px;\n box-sizing: border-box; }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {\n color: rgba(0, 0, 0, 0.87); }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n word-wrap: normal;\n -moz-font-feature-settings: 'liga';\n font-feature-settings: 'liga';\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased;\n font-size: 16px;\n content: \"\\e5d8\";\n margin-right: 5px;\n vertical-align: sub; }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {\n cursor: pointer; }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {\n color: rgba(0, 0, 0, 0.26); }\n .mdl-data-table th.mdl-data-table__header--sorted-descending:before {\n content: \"\\e5db\"; }\n\n.mdl-data-table__select {\n width: 16px; }\n\n.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {\n text-align: left; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-dialog {\n border: none;\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);\n width: 280px; }\n .mdl-dialog__title {\n padding: 24px 24px 0;\n margin: 0;\n font-size: 2.5rem; }\n .mdl-dialog__actions {\n padding: 8px 8px 8px 24px;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row-reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; }\n .mdl-dialog__actions > * {\n margin-right: 8px;\n height: 36px; }\n .mdl-dialog__actions > *:first-child {\n margin-right: 0; }\n .mdl-dialog__actions--full-width {\n padding: 0 0 8px 0; }\n .mdl-dialog__actions--full-width > * {\n height: 48px;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n padding-right: 16px;\n margin-right: 0;\n text-align: right; }\n .mdl-dialog__content {\n padding: 20px 24px 24px 24px;\n color: rgba(0,0,0, 0.54); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-mega-footer {\n padding: 16px 40px;\n color: rgb(158,158,158);\n background-color: rgb(66,66,66); }\n\n.mdl-mega-footer--top-section:after,\n.mdl-mega-footer--middle-section:after,\n.mdl-mega-footer--bottom-section:after,\n.mdl-mega-footer__top-section:after,\n.mdl-mega-footer__middle-section:after,\n.mdl-mega-footer__bottom-section:after {\n content: '';\n display: block;\n clear: both; }\n\n.mdl-mega-footer--left-section,\n.mdl-mega-footer__left-section {\n margin-bottom: 16px; }\n\n.mdl-mega-footer--right-section,\n.mdl-mega-footer__right-section {\n margin-bottom: 16px; }\n\n.mdl-mega-footer--right-section a,\n.mdl-mega-footer__right-section a {\n display: block;\n margin-bottom: 16px;\n color: inherit;\n text-decoration: none; }\n\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--left-section,\n .mdl-mega-footer__left-section {\n float: left; }\n .mdl-mega-footer--right-section,\n .mdl-mega-footer__right-section {\n float: right; }\n .mdl-mega-footer--right-section a,\n .mdl-mega-footer__right-section a {\n display: inline-block;\n margin-left: 16px;\n line-height: 36px;\n vertical-align: middle; } }\n\n.mdl-mega-footer--social-btn,\n.mdl-mega-footer__social-btn {\n width: 36px;\n height: 36px;\n padding: 0;\n margin: 0;\n background-color: rgb(158,158,158);\n border: none; }\n\n.mdl-mega-footer--drop-down-section,\n.mdl-mega-footer__drop-down-section {\n display: block;\n position: relative; }\n\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--drop-down-section,\n .mdl-mega-footer__drop-down-section {\n width: 33%; }\n .mdl-mega-footer--drop-down-section:nth-child(1),\n .mdl-mega-footer--drop-down-section:nth-child(2),\n .mdl-mega-footer__drop-down-section:nth-child(1),\n .mdl-mega-footer__drop-down-section:nth-child(2) {\n float: left; }\n .mdl-mega-footer--drop-down-section:nth-child(3),\n .mdl-mega-footer__drop-down-section:nth-child(3) {\n float: right; }\n .mdl-mega-footer--drop-down-section:nth-child(3):after,\n .mdl-mega-footer__drop-down-section:nth-child(3):after {\n clear: right; }\n .mdl-mega-footer--drop-down-section:nth-child(4),\n .mdl-mega-footer__drop-down-section:nth-child(4) {\n clear: right;\n float: right; }\n .mdl-mega-footer--middle-section:after,\n .mdl-mega-footer__middle-section:after {\n content: '';\n display: block;\n clear: both; }\n .mdl-mega-footer--bottom-section,\n .mdl-mega-footer__bottom-section {\n padding-top: 0; } }\n\n@media screen and (min-width: 1024px) {\n .mdl-mega-footer--drop-down-section,\n .mdl-mega-footer--drop-down-section:nth-child(3),\n .mdl-mega-footer--drop-down-section:nth-child(4),\n .mdl-mega-footer__drop-down-section,\n .mdl-mega-footer__drop-down-section:nth-child(3),\n .mdl-mega-footer__drop-down-section:nth-child(4) {\n width: 24%;\n float: left; } }\n\n.mdl-mega-footer--heading-checkbox,\n.mdl-mega-footer__heading-checkbox {\n position: absolute;\n width: 100%;\n height: 55.8px;\n padding: 32px;\n margin: 0;\n margin-top: -16px;\n cursor: pointer;\n z-index: 1;\n opacity: 0; }\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {\n font-family: 'Material Icons';\n content: '\\E5CE'; }\n\n.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,\n.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {\n display: none; }\n\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {\n font-family: 'Material Icons';\n content: '\\E5CF'; }\n\n.mdl-mega-footer--heading,\n.mdl-mega-footer__heading {\n position: relative;\n width: 100%;\n padding-right: 39.8px;\n margin-bottom: 16px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 23.8px;\n font-weight: 500;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: rgb(224,224,224); }\n\n.mdl-mega-footer--heading:after,\n.mdl-mega-footer__heading:after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n display: block;\n width: 23.8px;\n height: 23.8px;\n background-size: cover; }\n\n.mdl-mega-footer--link-list,\n.mdl-mega-footer__link-list {\n list-style: none;\n margin: 0;\n padding: 0;\n margin-bottom: 32px; }\n .mdl-mega-footer--link-list:after,\n .mdl-mega-footer__link-list:after {\n clear: both;\n display: block;\n content: ''; }\n\n.mdl-mega-footer--link-list li,\n.mdl-mega-footer__link-list li {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n line-height: 20px; }\n\n.mdl-mega-footer--link-list a,\n.mdl-mega-footer__link-list a {\n color: inherit;\n text-decoration: none;\n white-space: nowrap; }\n\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--heading-checkbox,\n .mdl-mega-footer__heading-checkbox {\n display: none; }\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {\n content: ''; }\n .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,\n .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {\n display: block; }\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {\n content: ''; } }\n\n.mdl-mega-footer--bottom-section,\n.mdl-mega-footer__bottom-section {\n padding-top: 16px;\n margin-bottom: 16px; }\n\n.mdl-logo {\n margin-bottom: 16px;\n color: white; }\n\n.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,\n.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {\n float: left;\n margin-bottom: 0;\n margin-right: 16px; }\n\n@media screen and (min-width: 760px) {\n .mdl-logo {\n float: left;\n margin-bottom: 0;\n margin-right: 16px; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-mini-footer {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-flow: row wrap;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-justify-content: space-between;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 32px 16px;\n color: rgb(158,158,158);\n background-color: rgb(66,66,66); }\n .mdl-mini-footer:after {\n content: '';\n display: block; }\n .mdl-mini-footer .mdl-logo {\n line-height: 36px; }\n\n.mdl-mini-footer--link-list,\n.mdl-mini-footer__link-list {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-flow: row nowrap;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n list-style: none;\n margin: 0;\n padding: 0; }\n .mdl-mini-footer--link-list li,\n .mdl-mini-footer__link-list li {\n margin-bottom: 0;\n margin-right: 16px; }\n @media screen and (min-width: 760px) {\n .mdl-mini-footer--link-list li,\n .mdl-mini-footer__link-list li {\n line-height: 36px; } }\n .mdl-mini-footer--link-list a,\n .mdl-mini-footer__link-list a {\n color: inherit;\n text-decoration: none;\n white-space: nowrap; }\n\n.mdl-mini-footer--left-section,\n.mdl-mini-footer__left-section {\n display: inline-block;\n -webkit-order: 0;\n -ms-flex-order: 0;\n order: 0; }\n\n.mdl-mini-footer--right-section,\n.mdl-mini-footer__right-section {\n display: inline-block;\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1; }\n\n.mdl-mini-footer--social-btn,\n.mdl-mini-footer__social-btn {\n width: 36px;\n height: 36px;\n padding: 0;\n margin: 0;\n background-color: rgb(158,158,158);\n border: none; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-icon-toggle {\n position: relative;\n z-index: 1;\n vertical-align: middle;\n display: inline-block;\n height: 32px;\n margin: 0;\n padding: 0; }\n\n.mdl-icon-toggle__input {\n line-height: 32px; }\n .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-icon-toggle__label {\n display: inline-block;\n position: relative;\n cursor: pointer;\n height: 32px;\n width: 32px;\n min-width: 32px;\n color: rgb(97,97,97);\n border-radius: 50%;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: center;\n background-color: transparent;\n will-change: background-color;\n transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-icon-toggle__label.material-icons {\n line-height: 32px;\n font-size: 24px; }\n .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {\n color: rgb(63,81,181); }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {\n color: rgba(0,0,0, 0.26);\n cursor: auto;\n transition: none; }\n .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {\n background-color: rgba(0,0,0, 0.12); }\n .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {\n background-color: rgba(63,81,181, 0.26); }\n\n.mdl-icon-toggle__ripple-container {\n position: absolute;\n z-index: 2;\n top: -2px;\n left: -2px;\n box-sizing: border-box;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: rgb(97,97,97); }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {\n cursor: auto; }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: transparent; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-list {\n display: block;\n padding: 8px 0;\n list-style: none; }\n\n.mdl-list__item {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n line-height: 1;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n min-height: 48px;\n box-sizing: border-box;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-flex-wrap: nowrap;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 16px;\n cursor: default;\n color: rgba(0,0,0, 0.87);\n overflow: hidden; }\n .mdl-list__item .mdl-list__item-primary-content {\n -webkit-order: 0;\n -ms-flex-order: 0;\n order: 0;\n -webkit-flex-grow: 2;\n -ms-flex-positive: 2;\n flex-grow: 2;\n text-decoration: none;\n box-sizing: border-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center; }\n .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {\n margin-right: 32px; }\n .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {\n margin-right: 16px; }\n .mdl-list__item .mdl-list__item-secondary-content {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-flow: column;\n -ms-flex-flow: column;\n flex-flow: column;\n -webkit-align-items: flex-end;\n -ms-flex-align: end;\n align-items: flex-end;\n margin-left: 16px; }\n .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {\n display: inline; }\n .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n color: rgba(0,0,0, 0.54); }\n .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {\n padding: 0 0 0 16px; }\n\n.mdl-list__item-icon,\n.mdl-list__item-icon.material-icons {\n height: 24px;\n width: 24px;\n font-size: 24px;\n box-sizing: border-box;\n color: rgb(117,117,117); }\n\n.mdl-list__item-avatar,\n.mdl-list__item-avatar.material-icons {\n height: 40px;\n width: 40px;\n box-sizing: border-box;\n border-radius: 50%;\n background-color: rgb(117,117,117);\n font-size: 40px;\n color: white; }\n\n.mdl-list__item--two-line {\n height: 72px; }\n .mdl-list__item--two-line .mdl-list__item-primary-content {\n height: 36px;\n line-height: 20px;\n display: block; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {\n float: left; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {\n float: left;\n margin-top: 6px; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {\n height: 36px; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n line-height: 18px;\n color: rgba(0,0,0, 0.54);\n display: block;\n padding: 0; }\n\n.mdl-list__item--three-line {\n height: 88px; }\n .mdl-list__item--three-line .mdl-list__item-primary-content {\n height: 52px;\n line-height: 20px;\n display: block; }\n .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,\n .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {\n float: left; }\n .mdl-list__item--three-line .mdl-list__item-secondary-content {\n height: 52px; }\n .mdl-list__item--three-line .mdl-list__item-text-body {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n line-height: 18px;\n height: 52px;\n color: rgba(0,0,0, 0.54);\n display: block;\n padding: 0; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-menu__container {\n display: block;\n margin: 0;\n padding: 0;\n border: none;\n position: absolute;\n overflow: visible;\n height: 0;\n width: 0;\n visibility: hidden;\n z-index: -1; }\n .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {\n z-index: 999;\n visibility: visible; }\n\n.mdl-menu__outline {\n display: block;\n background: rgb(255,255,255);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: 2px;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n opacity: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n will-change: transform;\n transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: -1; }\n .mdl-menu__container.is-visible .mdl-menu__outline {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n z-index: 999; }\n .mdl-menu__outline.mdl-menu--bottom-right {\n -webkit-transform-origin: 100% 0;\n transform-origin: 100% 0; }\n .mdl-menu__outline.mdl-menu--top-left {\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%; }\n .mdl-menu__outline.mdl-menu--top-right {\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%; }\n\n.mdl-menu {\n position: absolute;\n list-style: none;\n top: 0;\n left: 0;\n height: auto;\n width: auto;\n min-width: 124px;\n padding: 8px 0;\n margin: 0;\n opacity: 0;\n clip: rect(0 0 0 0);\n z-index: -1; }\n .mdl-menu__container.is-visible .mdl-menu {\n opacity: 1;\n z-index: 999; }\n .mdl-menu.is-animating {\n transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-menu.mdl-menu--bottom-right {\n left: auto;\n right: 0; }\n .mdl-menu.mdl-menu--top-left {\n top: auto;\n bottom: 0; }\n .mdl-menu.mdl-menu--top-right {\n top: auto;\n left: auto;\n bottom: 0;\n right: 0; }\n .mdl-menu.mdl-menu--unaligned {\n top: auto;\n left: auto; }\n\n.mdl-menu__item {\n display: block;\n border: none;\n color: rgba(0,0,0, 0.87);\n background-color: transparent;\n text-align: left;\n margin: 0;\n padding: 0 16px;\n outline-color: rgb(189,189,189);\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n text-decoration: none;\n cursor: pointer;\n height: 48px;\n line-height: 48px;\n white-space: nowrap;\n opacity: 0;\n transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .mdl-menu__container.is-visible .mdl-menu__item {\n opacity: 1; }\n .mdl-menu__item::-moz-focus-inner {\n border: 0; }\n .mdl-menu__item--full-bleed-divider {\n border-bottom: 1px solid rgba(0,0,0, 0.12); }\n .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {\n color: rgb(189,189,189);\n background-color: transparent;\n cursor: auto; }\n .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {\n background-color: transparent; }\n .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {\n background-color: transparent; }\n .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {\n background: transparent; }\n .mdl-menu__item:hover {\n background-color: rgb(238,238,238); }\n .mdl-menu__item:focus {\n outline: none;\n background-color: rgb(238,238,238); }\n .mdl-menu__item:active {\n background-color: rgb(224,224,224); }\n\n.mdl-menu__item--ripple-container {\n display: block;\n height: 100%;\n left: 0px;\n position: absolute;\n top: 0px;\n width: 100%;\n z-index: 0;\n overflow: hidden; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-progress {\n display: block;\n position: relative;\n height: 4px;\n width: 500px;\n max-width: 100%; }\n\n.mdl-progress > .bar {\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 0%;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }\n\n.mdl-progress > .progressbar {\n background-color: rgb(63,81,181);\n z-index: 1;\n left: 0; }\n\n.mdl-progress > .bufferbar {\n background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));\n z-index: 0;\n left: 0; }\n\n.mdl-progress > .auxbar {\n right: 0; }\n\n@supports (-webkit-appearance: none) {\n .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,\n .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {\n background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));\n -webkit-mask: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=\");\n mask: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=\"); } }\n\n.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,\n.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {\n background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }\n\n.mdl-progress.mdl-progress--indeterminate > .bar1,\n.mdl-progress.mdl-progress__indeterminate > .bar1 {\n background-color: rgb(63,81,181);\n -webkit-animation-name: indeterminate1;\n animation-name: indeterminate1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear; }\n\n.mdl-progress.mdl-progress--indeterminate > .bar3,\n.mdl-progress.mdl-progress__indeterminate > .bar3 {\n background-image: none;\n background-color: rgb(63,81,181);\n -webkit-animation-name: indeterminate2;\n animation-name: indeterminate2;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear; }\n\n@-webkit-keyframes indeterminate1 {\n 0% {\n left: 0%;\n width: 0%; }\n 50% {\n left: 25%;\n width: 75%; }\n 75% {\n left: 100%;\n width: 0%; } }\n\n@keyframes indeterminate1 {\n 0% {\n left: 0%;\n width: 0%; }\n 50% {\n left: 25%;\n width: 75%; }\n 75% {\n left: 100%;\n width: 0%; } }\n\n@-webkit-keyframes indeterminate2 {\n 0% {\n left: 0%;\n width: 0%; }\n 50% {\n left: 0%;\n width: 0%; }\n 75% {\n left: 0%;\n width: 25%; }\n 100% {\n left: 100%;\n width: 0%; } }\n\n@keyframes indeterminate2 {\n 0% {\n left: 0%;\n width: 0%; }\n 50% {\n left: 0%;\n width: 0%; }\n 75% {\n left: 0%;\n width: 25%; }\n 100% {\n left: 100%;\n width: 0%; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-navigation {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-wrap: nowrap;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n box-sizing: border-box; }\n\n.mdl-navigation__link {\n color: rgb(66,66,66);\n text-decoration: none;\n margin: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n .mdl-navigation__link .material-icons {\n vertical-align: middle; }\n\n.mdl-layout {\n width: 100%;\n height: 100%;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n position: relative;\n -webkit-overflow-scrolling: touch; }\n\n.mdl-layout.is-small-screen .mdl-layout--large-screen-only {\n display: none; }\n\n.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {\n display: none; }\n\n.mdl-layout__container {\n position: absolute;\n width: 100%;\n height: 100%; }\n\n.mdl-layout__title,\n.mdl-layout-title {\n display: block;\n position: relative;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n font-weight: 400;\n box-sizing: border-box; }\n\n.mdl-layout-spacer {\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1; }\n\n.mdl-layout__drawer {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-flex-wrap: nowrap;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n width: 240px;\n height: 100%;\n max-height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n box-sizing: border-box;\n border-right: 1px solid rgb(224,224,224);\n background: rgb(250,250,250);\n -webkit-transform: translateX(-250px);\n transform: translateX(-250px);\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n will-change: transform;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: -webkit-transform;\n transition-property: transform;\n transition-property: transform, -webkit-transform;\n color: rgb(66,66,66);\n overflow: visible;\n overflow-y: auto;\n z-index: 5; }\n .mdl-layout__drawer.is-visible {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {\n overflow: hidden; }\n .mdl-layout__drawer > * {\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n .mdl-layout__drawer > .mdl-layout__title,\n .mdl-layout__drawer > .mdl-layout-title {\n line-height: 64px;\n padding-left: 40px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__drawer > .mdl-layout__title,\n .mdl-layout__drawer > .mdl-layout-title {\n line-height: 56px;\n padding-left: 16px; } }\n .mdl-layout__drawer .mdl-navigation {\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-align-items: stretch;\n -ms-flex-align: stretch;\n -ms-grid-row-align: stretch;\n align-items: stretch;\n padding-top: 16px; }\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {\n display: block;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n padding: 16px 40px;\n margin: 0;\n color: #757575; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {\n padding: 16px 16px; } }\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {\n background-color: rgb(224,224,224); }\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {\n background-color: rgb(0,0,0);\n color: rgb(224,224,224); }\n @media screen and (min-width: 1025px) {\n .mdl-layout--fixed-drawer > .mdl-layout__drawer {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n.mdl-layout__drawer-button {\n display: block;\n position: absolute;\n height: 48px;\n width: 48px;\n border: 0;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n overflow: hidden;\n text-align: center;\n cursor: pointer;\n font-size: 26px;\n line-height: 50px;\n font-family: Helvetica, Arial, sans-serif;\n margin: 10px 12px;\n top: 0;\n left: 0;\n color: rgb(255,255,255);\n z-index: 4; }\n .mdl-layout__header .mdl-layout__drawer-button {\n position: absolute;\n color: rgb(255,255,255);\n background-color: inherit; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header .mdl-layout__drawer-button {\n margin: 4px; } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__drawer-button {\n margin: 4px;\n color: rgba(0, 0, 0, 0.5); } }\n @media screen and (min-width: 1025px) {\n .mdl-layout--fixed-drawer > .mdl-layout__drawer-button {\n display: none; }\n .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button {\n display: none; } }\n .mdl-layout--no-drawer-button .mdl-layout__drawer-button {\n display: none; }\n\n.mdl-layout__header {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-flex-wrap: nowrap;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -webkit-justify-content: flex-start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n box-sizing: border-box;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n width: 100%;\n margin: 0;\n padding: 0;\n border: none;\n min-height: 64px;\n max-height: 1000px;\n z-index: 3;\n background-color: rgb(63,81,181);\n color: rgb(255,255,255);\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: max-height, box-shadow; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header {\n min-height: 56px; } }\n .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {\n margin-left: 240px;\n width: calc(100% - 240px); }\n @media screen and (min-width: 1025px) {\n .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {\n padding-left: 40px; } }\n .mdl-layout__header > .mdl-layout-icon {\n position: absolute;\n left: 40px;\n top: 16px;\n height: 32px;\n width: 32px;\n overflow: hidden;\n z-index: 3;\n display: block; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header > .mdl-layout-icon {\n left: 16px;\n top: 12px; } }\n .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {\n display: none; }\n .mdl-layout__header.is-compact {\n max-height: 64px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header.is-compact {\n max-height: 56px; } }\n .mdl-layout__header.is-compact.has-tabs {\n height: 112px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header.is-compact.has-tabs {\n min-height: 104px; } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header {\n display: none; }\n .mdl-layout--fixed-header > .mdl-layout__header {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex; } }\n\n.mdl-layout__header--transparent.mdl-layout__header--transparent {\n background-color: transparent;\n box-shadow: none; }\n\n.mdl-layout__header--seamed {\n box-shadow: none; }\n\n.mdl-layout__header--scroll {\n box-shadow: none; }\n\n.mdl-layout__header--waterfall {\n box-shadow: none;\n overflow: hidden; }\n .mdl-layout__header--waterfall.is-casting-shadow {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }\n .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {\n -webkit-justify-content: flex-end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n\n.mdl-layout__header-row {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-flex-wrap: nowrap;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n height: 64px;\n margin: 0;\n padding: 0 40px 0 80px; }\n .mdl-layout--no-drawer-button .mdl-layout__header-row {\n padding-left: 40px; }\n @media screen and (min-width: 1025px) {\n .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {\n padding-left: 40px; } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header-row {\n height: 56px;\n padding: 0 16px 0 72px; }\n .mdl-layout--no-drawer-button .mdl-layout__header-row {\n padding-left: 16px; } }\n .mdl-layout__header-row > * {\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n .mdl-layout__header--scroll .mdl-layout__header-row {\n width: 100%; }\n .mdl-layout__header-row .mdl-navigation {\n margin: 0;\n padding: 0;\n height: 64px;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-align-items: center;\n -ms-flex-align: center;\n -ms-grid-row-align: center;\n align-items: center; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header-row .mdl-navigation {\n height: 56px; } }\n .mdl-layout__header-row .mdl-navigation__link {\n display: block;\n color: rgb(255,255,255);\n line-height: 64px;\n padding: 0 24px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header-row .mdl-navigation__link {\n line-height: 56px;\n padding: 0 16px; } }\n\n.mdl-layout__obfuscator {\n background-color: transparent;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 4;\n visibility: hidden;\n transition-property: background-color;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-layout__obfuscator.is-visible {\n background-color: rgba(0, 0, 0, 0.5);\n visibility: visible; }\n @supports (pointer-events: auto) {\n .mdl-layout__obfuscator {\n background-color: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition-property: opacity;\n visibility: visible;\n pointer-events: none; }\n .mdl-layout__obfuscator.is-visible {\n pointer-events: auto;\n opacity: 1; } }\n\n.mdl-layout__content {\n -ms-flex: 0 1 auto;\n position: relative;\n display: inline-block;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n z-index: 1;\n -webkit-overflow-scrolling: touch; }\n .mdl-layout--fixed-drawer > .mdl-layout__content {\n margin-left: 240px; }\n .mdl-layout__container.has-scrolling-header .mdl-layout__content {\n overflow: visible; }\n @media screen and (max-width: 1024px) {\n .mdl-layout--fixed-drawer > .mdl-layout__content {\n margin-left: 0; }\n .mdl-layout__container.has-scrolling-header .mdl-layout__content {\n overflow-y: auto;\n overflow-x: hidden; } }\n\n.mdl-layout__tab-bar {\n height: 96px;\n margin: 0;\n width: calc(100% - 112px);\n padding: 0 0 0 56px;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n background-color: rgb(63,81,181);\n overflow-y: hidden;\n overflow-x: scroll; }\n .mdl-layout__tab-bar::-webkit-scrollbar {\n display: none; }\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar {\n padding-left: 16px;\n width: calc(100% - 32px); }\n @media screen and (min-width: 1025px) {\n .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {\n padding-left: 16px;\n width: calc(100% - 32px); } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__tab-bar {\n width: calc(100% - 60px);\n padding: 0 0 0 60px; }\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar {\n width: calc(100% - 8px);\n padding-left: 4px; } }\n .mdl-layout--fixed-tabs .mdl-layout__tab-bar {\n padding: 0;\n overflow: hidden;\n width: 100%; }\n\n.mdl-layout__tab-bar-container {\n position: relative;\n height: 48px;\n width: 100%;\n border: none;\n margin: 0;\n z-index: 2;\n -webkit-flex-grow: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n overflow: hidden; }\n .mdl-layout__container > .mdl-layout__tab-bar-container {\n position: absolute;\n top: 0;\n left: 0; }\n\n.mdl-layout__tab-bar-button {\n display: inline-block;\n position: absolute;\n top: 0;\n height: 48px;\n width: 56px;\n z-index: 4;\n text-align: center;\n background-color: rgb(63,81,181);\n color: transparent;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {\n width: 16px; }\n .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {\n position: relative;\n left: -4px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__tab-bar-button {\n display: none;\n width: 60px; } }\n .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {\n display: none; }\n .mdl-layout__tab-bar-button .material-icons {\n line-height: 48px; }\n .mdl-layout__tab-bar-button.is-active {\n color: rgb(255,255,255); }\n\n.mdl-layout__tab-bar-left-button {\n left: 0; }\n\n.mdl-layout__tab-bar-right-button {\n right: 0; }\n\n.mdl-layout__tab {\n margin: 0;\n border: none;\n padding: 0 24px 0 24px;\n float: left;\n position: relative;\n display: block;\n -webkit-flex-grow: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n text-decoration: none;\n height: 48px;\n line-height: 48px;\n text-align: center;\n font-weight: 500;\n font-size: 14px;\n text-transform: uppercase;\n color: rgba(255,255,255, 0.6);\n overflow: hidden; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__tab {\n padding: 0 12px 0 12px; } }\n .mdl-layout--fixed-tabs .mdl-layout__tab {\n float: none;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n padding: 0; }\n .mdl-layout.is-upgraded .mdl-layout__tab.is-active {\n color: rgb(255,255,255); }\n .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {\n height: 2px;\n width: 100%;\n display: block;\n content: \" \";\n bottom: 0;\n left: 0;\n position: absolute;\n background: rgb(255,64,129);\n -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;\n animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0, 1, 1); }\n .mdl-layout__tab .mdl-layout__tab-ripple-container {\n display: block;\n position: absolute;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: 1;\n overflow: hidden; }\n .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {\n background-color: rgb(255,255,255); }\n\n.mdl-layout__tab-panel {\n display: block; }\n .mdl-layout.is-upgraded .mdl-layout__tab-panel {\n display: none; }\n .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {\n display: block; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-radio {\n position: relative;\n font-size: 16px;\n line-height: 24px;\n display: inline-block;\n box-sizing: border-box;\n margin: 0;\n padding-left: 0; }\n .mdl-radio.is-upgraded {\n padding-left: 24px; }\n\n.mdl-radio__button {\n line-height: 24px; }\n .mdl-radio.is-upgraded .mdl-radio__button {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-radio__outer-circle {\n position: absolute;\n top: 4px;\n left: 0;\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n margin: 0;\n cursor: pointer;\n border: 2px solid rgba(0,0,0, 0.54);\n border-radius: 50%;\n z-index: 2; }\n .mdl-radio.is-checked .mdl-radio__outer-circle {\n border: 2px solid rgb(63,81,181); }\n .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,\n .mdl-radio.is-disabled .mdl-radio__outer-circle {\n border: 2px solid rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-radio__inner-circle {\n position: absolute;\n z-index: 1;\n margin: 0;\n top: 8px;\n left: 4px;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n cursor: pointer;\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: -webkit-transform;\n transition-property: transform;\n transition-property: transform, -webkit-transform;\n -webkit-transform: scale3d(0, 0, 0);\n transform: scale3d(0, 0, 0);\n border-radius: 50%;\n background: rgb(63,81,181); }\n .mdl-radio.is-checked .mdl-radio__inner-circle {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,\n .mdl-radio.is-disabled .mdl-radio__inner-circle {\n background: rgba(0,0,0, 0.26);\n cursor: auto; }\n .mdl-radio.is-focused .mdl-radio__inner-circle {\n box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }\n\n.mdl-radio__label {\n cursor: pointer; }\n fieldset[disabled] .mdl-radio .mdl-radio__label,\n .mdl-radio.is-disabled .mdl-radio__label {\n color: rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-radio__ripple-container {\n position: absolute;\n z-index: 2;\n top: -9px;\n left: -13px;\n box-sizing: border-box;\n width: 42px;\n height: 42px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-radio__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,\n .mdl-radio.is-disabled .mdl-radio__ripple-container {\n cursor: auto; }\n fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,\n .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {\n background: transparent; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {\n -ms-appearance: none;\n height: 32px;\n margin: 0; }\n\n.mdl-slider {\n width: calc(100% - 40px);\n margin: 0 20px; }\n .mdl-slider.is-upgraded {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: 2px;\n background: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: 0;\n padding: 0;\n color: rgb(63,81,181);\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n z-index: 1;\n cursor: pointer;\n /**************************** Tracks ****************************/\n /**************************** Thumbs ****************************/\n /**************************** 0-value ****************************/\n /**************************** Disabled ****************************/ }\n .mdl-slider.is-upgraded::-moz-focus-outer {\n border: 0; }\n .mdl-slider.is-upgraded::-ms-tooltip {\n display: none; }\n .mdl-slider.is-upgraded::-webkit-slider-runnable-track {\n background: transparent; }\n .mdl-slider.is-upgraded::-moz-range-track {\n background: transparent;\n border: none; }\n .mdl-slider.is-upgraded::-ms-track {\n background: none;\n color: transparent;\n height: 2px;\n width: 100%;\n border: none; }\n .mdl-slider.is-upgraded::-ms-fill-lower {\n padding: 0;\n background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }\n .mdl-slider.is-upgraded::-ms-fill-upper {\n padding: 0;\n background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }\n .mdl-slider.is-upgraded::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n border-radius: 50%;\n background: rgb(63,81,181);\n border: none;\n transition: 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), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);\n 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);\n 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), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-slider.is-upgraded::-moz-range-thumb {\n -moz-appearance: none;\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n border-radius: 50%;\n background-image: none;\n background: rgb(63,81,181);\n border: none; }\n .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }\n .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }\n .mdl-slider.is-upgraded:active::-webkit-slider-thumb {\n background-image: none;\n background: rgb(63,81,181);\n -webkit-transform: scale(1.5);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded:active::-moz-range-thumb {\n background-image: none;\n background: rgb(63,81,181);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded::-ms-thumb {\n width: 32px;\n height: 32px;\n border: none;\n border-radius: 50%;\n background: rgb(63,81,181);\n transform: scale(0.375);\n transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);\n transform: scale(1); }\n .mdl-slider.is-upgraded:active::-ms-thumb {\n background: rgb(63,81,181);\n transform: scale(0.5625); }\n .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {\n border: 2px solid rgba(0,0,0, 0.26);\n background: transparent; }\n .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {\n border: 2px solid rgba(0,0,0, 0.26);\n background: transparent; }\n .mdl-slider.is-upgraded.is-lowest-value +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px; }\n .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);\n background: rgba(0,0,0, 0.12); }\n .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);\n background: rgba(0,0,0, 0.12); }\n .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {\n border: 1.6px solid rgba(0,0,0, 0.26);\n -webkit-transform: scale(1.5);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded.is-lowest-value:active +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 9px; }\n .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {\n border: 1.5px solid rgba(0,0,0, 0.26);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {\n 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%); }\n .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {\n 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%);\n transform: scale(1); }\n .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {\n transform: scale(0.5625);\n 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%); }\n .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {\n background: transparent; }\n .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {\n margin-left: 6px; }\n .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {\n margin-left: 9px; }\n .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 {\n -webkit-transform: scale(0.667);\n transform: scale(0.667);\n background: rgba(0,0,0, 0.26); }\n .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 {\n transform: scale(0.667);\n background: rgba(0,0,0, 0.26); }\n .mdl-slider.is-upgraded:disabled +\n.mdl-slider__background-flex > .mdl-slider__background-lower {\n background-color: rgba(0,0,0, 0.26);\n left: -6px; }\n .mdl-slider.is-upgraded:disabled +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px; }\n .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 {\n border: 3px solid rgba(0,0,0, 0.26);\n background: transparent;\n -webkit-transform: scale(0.667);\n transform: scale(0.667); }\n .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 {\n border: 3px solid rgba(0,0,0, 0.26);\n background: transparent;\n transform: scale(0.667); }\n .mdl-slider.is-upgraded.is-lowest-value:disabled:active +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px; }\n .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {\n transform: scale(0.25);\n background: rgba(0,0,0, 0.26); }\n .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 {\n transform: scale(0.25);\n background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }\n .mdl-slider.is-upgraded:disabled::-ms-fill-lower {\n margin-right: 6px;\n background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }\n .mdl-slider.is-upgraded:disabled::-ms-fill-upper {\n margin-left: 6px; }\n .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {\n margin-left: 6px; }\n\n.mdl-slider__ie-container {\n height: 18px;\n overflow: visible;\n border: none;\n margin: none;\n padding: none; }\n\n.mdl-slider__container {\n height: 18px;\n position: relative;\n background: none;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row; }\n\n.mdl-slider__background-flex {\n background: transparent;\n position: absolute;\n height: 2px;\n width: calc(100% - 52px);\n top: 50%;\n left: 0;\n margin: 0 26px;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n border: 0;\n padding: 0;\n -webkit-transform: translate(0, -1px);\n transform: translate(0, -1px); }\n\n.mdl-slider__background-lower {\n background: rgb(63,81,181);\n -webkit-flex: 0;\n -ms-flex: 0;\n flex: 0;\n position: relative;\n border: 0;\n padding: 0; }\n\n.mdl-slider__background-upper {\n background: rgba(0,0,0, 0.26);\n -webkit-flex: 0;\n -ms-flex: 0;\n flex: 0;\n position: relative;\n border: 0;\n padding: 0;\n transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-snackbar {\n position: fixed;\n bottom: 0;\n left: 50%;\n cursor: default;\n background-color: #323232;\n z-index: 3;\n display: block;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-justify-content: space-between;\n -ms-flex-pack: justify;\n justify-content: space-between;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n will-change: transform;\n -webkit-transform: translate(0, 80px);\n transform: translate(0, 80px);\n transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);\n transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);\n transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);\n pointer-events: none; }\n @media (max-width: 479px) {\n .mdl-snackbar {\n width: 100%;\n left: 0;\n min-height: 48px;\n max-height: 80px; } }\n @media (min-width: 480px) {\n .mdl-snackbar {\n min-width: 288px;\n max-width: 568px;\n border-radius: 2px;\n -webkit-transform: translate(-50%, 80px);\n transform: translate(-50%, 80px); } }\n .mdl-snackbar--active {\n -webkit-transform: translate(0, 0);\n transform: translate(0, 0);\n pointer-events: auto;\n transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);\n transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);\n transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }\n @media (min-width: 480px) {\n .mdl-snackbar--active {\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0); } }\n .mdl-snackbar__text {\n padding: 14px 12px 14px 24px;\n vertical-align: middle;\n color: white;\n float: left; }\n .mdl-snackbar__action {\n background: transparent;\n border: none;\n color: rgb(255,64,129);\n float: right;\n text-transform: uppercase;\n padding: 14px 24px 14px 12px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n outline: none;\n opacity: 0;\n pointer-events: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center; }\n .mdl-snackbar__action::-moz-focus-inner {\n border: 0; }\n .mdl-snackbar__action:not([aria-hidden]) {\n opacity: 1;\n pointer-events: auto; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-spinner {\n display: inline-block;\n position: relative;\n width: 28px;\n height: 28px; }\n .mdl-spinner:not(.is-upgraded).is-active:after {\n content: \"Loading...\"; }\n .mdl-spinner.is-upgraded.is-active {\n -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;\n animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }\n\n@-webkit-keyframes mdl-spinner__container-rotate {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes mdl-spinner__container-rotate {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n.mdl-spinner__layer {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0; }\n\n.mdl-spinner__layer-1 {\n border-color: rgb(66,165,245); }\n .mdl-spinner--single-color .mdl-spinner__layer-1 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-1 {\n -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;\n 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; }\n\n.mdl-spinner__layer-2 {\n border-color: rgb(244,67,54); }\n .mdl-spinner--single-color .mdl-spinner__layer-2 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-2 {\n -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;\n 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; }\n\n.mdl-spinner__layer-3 {\n border-color: rgb(253,216,53); }\n .mdl-spinner--single-color .mdl-spinner__layer-3 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-3 {\n -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;\n 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; }\n\n.mdl-spinner__layer-4 {\n border-color: rgb(76,175,80); }\n .mdl-spinner--single-color .mdl-spinner__layer-4 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-4 {\n -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;\n 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; }\n\n@-webkit-keyframes mdl-spinner__fill-unfill-rotate {\n 12.5% {\n -webkit-transform: rotate(135deg);\n transform: rotate(135deg); }\n 25% {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg); }\n 37.5% {\n -webkit-transform: rotate(405deg);\n transform: rotate(405deg); }\n 50% {\n -webkit-transform: rotate(540deg);\n transform: rotate(540deg); }\n 62.5% {\n -webkit-transform: rotate(675deg);\n transform: rotate(675deg); }\n 75% {\n -webkit-transform: rotate(810deg);\n transform: rotate(810deg); }\n 87.5% {\n -webkit-transform: rotate(945deg);\n transform: rotate(945deg); }\n to {\n -webkit-transform: rotate(1080deg);\n transform: rotate(1080deg); } }\n\n@keyframes mdl-spinner__fill-unfill-rotate {\n 12.5% {\n -webkit-transform: rotate(135deg);\n transform: rotate(135deg); }\n 25% {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg); }\n 37.5% {\n -webkit-transform: rotate(405deg);\n transform: rotate(405deg); }\n 50% {\n -webkit-transform: rotate(540deg);\n transform: rotate(540deg); }\n 62.5% {\n -webkit-transform: rotate(675deg);\n transform: rotate(675deg); }\n 75% {\n -webkit-transform: rotate(810deg);\n transform: rotate(810deg); }\n 87.5% {\n -webkit-transform: rotate(945deg);\n transform: rotate(945deg); }\n to {\n -webkit-transform: rotate(1080deg);\n transform: rotate(1080deg); } }\n\n/**\n* HACK: Even though the intention is to have the current .mdl-spinner__layer-N\n* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome\n* to do proper subpixel rendering for the elements being animated. This is\n* especially visible in Chrome 39 on Ubuntu 14.04. See:\n*\n* - https://github.com/Polymer/paper-spinner/issues/9\n* - https://code.google.com/p/chromium/issues/detail?id=436255\n*/\n@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {\n from {\n opacity: 0.99; }\n 25% {\n opacity: 0.99; }\n 26% {\n opacity: 0; }\n 89% {\n opacity: 0; }\n 90% {\n opacity: 0.99; }\n 100% {\n opacity: 0.99; } }\n@keyframes mdl-spinner__layer-1-fade-in-out {\n from {\n opacity: 0.99; }\n 25% {\n opacity: 0.99; }\n 26% {\n opacity: 0; }\n 89% {\n opacity: 0; }\n 90% {\n opacity: 0.99; }\n 100% {\n opacity: 0.99; } }\n\n@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {\n from {\n opacity: 0; }\n 15% {\n opacity: 0; }\n 25% {\n opacity: 0.99; }\n 50% {\n opacity: 0.99; }\n 51% {\n opacity: 0; } }\n\n@keyframes mdl-spinner__layer-2-fade-in-out {\n from {\n opacity: 0; }\n 15% {\n opacity: 0; }\n 25% {\n opacity: 0.99; }\n 50% {\n opacity: 0.99; }\n 51% {\n opacity: 0; } }\n\n@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {\n from {\n opacity: 0; }\n 40% {\n opacity: 0; }\n 50% {\n opacity: 0.99; }\n 75% {\n opacity: 0.99; }\n 76% {\n opacity: 0; } }\n\n@keyframes mdl-spinner__layer-3-fade-in-out {\n from {\n opacity: 0; }\n 40% {\n opacity: 0; }\n 50% {\n opacity: 0.99; }\n 75% {\n opacity: 0.99; }\n 76% {\n opacity: 0; } }\n\n@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {\n from {\n opacity: 0; }\n 65% {\n opacity: 0; }\n 75% {\n opacity: 0.99; }\n 90% {\n opacity: 0.99; }\n 100% {\n opacity: 0; } }\n\n@keyframes mdl-spinner__layer-4-fade-in-out {\n from {\n opacity: 0; }\n 65% {\n opacity: 0; }\n 75% {\n opacity: 0.99; }\n 90% {\n opacity: 0.99; }\n 100% {\n opacity: 0; } }\n\n/**\n* Patch the gap that appear between the two adjacent\n* div.mdl-spinner__circle-clipper while the spinner is rotating\n* (appears on Chrome 38, Safari 7.1, and IE 11).\n*\n* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's\n* opacity is 0.99, but still does on Safari and IE.\n*/\n.mdl-spinner__gap-patch {\n position: absolute;\n box-sizing: border-box;\n top: 0;\n left: 45%;\n width: 10%;\n height: 100%;\n overflow: hidden;\n border-color: inherit; }\n .mdl-spinner__gap-patch .mdl-spinner__circle {\n width: 1000%;\n left: -450%; }\n\n.mdl-spinner__circle-clipper {\n display: inline-block;\n position: relative;\n width: 50%;\n height: 100%;\n overflow: hidden;\n border-color: inherit; }\n .mdl-spinner__circle-clipper .mdl-spinner__circle {\n width: 200%; }\n\n.mdl-spinner__circle {\n box-sizing: border-box;\n height: 100%;\n border-width: 3px;\n border-style: solid;\n border-color: inherit;\n border-bottom-color: transparent !important;\n border-radius: 50%;\n -webkit-animation: none;\n animation: none;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0; }\n .mdl-spinner__left .mdl-spinner__circle {\n border-right-color: transparent !important;\n -webkit-transform: rotate(129deg);\n transform: rotate(129deg); }\n .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {\n -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }\n .mdl-spinner__right .mdl-spinner__circle {\n left: -100%;\n border-left-color: transparent !important;\n -webkit-transform: rotate(-129deg);\n transform: rotate(-129deg); }\n .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {\n -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }\n\n@-webkit-keyframes mdl-spinner__left-spin {\n from {\n -webkit-transform: rotate(130deg);\n transform: rotate(130deg); }\n 50% {\n -webkit-transform: rotate(-5deg);\n transform: rotate(-5deg); }\n to {\n -webkit-transform: rotate(130deg);\n transform: rotate(130deg); } }\n\n@keyframes mdl-spinner__left-spin {\n from {\n -webkit-transform: rotate(130deg);\n transform: rotate(130deg); }\n 50% {\n -webkit-transform: rotate(-5deg);\n transform: rotate(-5deg); }\n to {\n -webkit-transform: rotate(130deg);\n transform: rotate(130deg); } }\n\n@-webkit-keyframes mdl-spinner__right-spin {\n from {\n -webkit-transform: rotate(-130deg);\n transform: rotate(-130deg); }\n 50% {\n -webkit-transform: rotate(5deg);\n transform: rotate(5deg); }\n to {\n -webkit-transform: rotate(-130deg);\n transform: rotate(-130deg); } }\n\n@keyframes mdl-spinner__right-spin {\n from {\n -webkit-transform: rotate(-130deg);\n transform: rotate(-130deg); }\n 50% {\n -webkit-transform: rotate(5deg);\n transform: rotate(5deg); }\n to {\n -webkit-transform: rotate(-130deg);\n transform: rotate(-130deg); } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-switch {\n position: relative;\n z-index: 1;\n vertical-align: middle;\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n height: 24px;\n margin: 0;\n padding: 0;\n overflow: visible;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .mdl-switch.is-upgraded {\n padding-left: 28px; }\n\n.mdl-switch__input {\n line-height: 24px; }\n .mdl-switch.is-upgraded .mdl-switch__input {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-switch__track {\n background: rgba(0,0,0, 0.26);\n position: absolute;\n left: 0;\n top: 5px;\n height: 14px;\n width: 36px;\n border-radius: 14px;\n cursor: pointer; }\n .mdl-switch.is-checked .mdl-switch__track {\n background: rgba(63,81,181, 0.5); }\n .mdl-switch__track fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__track {\n background: rgba(0,0,0, 0.12);\n cursor: auto; }\n\n.mdl-switch__thumb {\n background: rgb(250,250,250);\n position: absolute;\n left: 0;\n top: 2px;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: left; }\n .mdl-switch.is-checked .mdl-switch__thumb {\n background: rgb(63,81,181);\n left: 16px;\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }\n .mdl-switch__thumb fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__thumb {\n background: rgb(189,189,189);\n cursor: auto; }\n\n.mdl-switch__focus-helper {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-4px, -4px);\n transform: translate(-4px, -4px);\n display: inline-block;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: transparent; }\n .mdl-switch.is-focused .mdl-switch__focus-helper {\n box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);\n background-color: rgba(0, 0, 0, 0.1); }\n .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {\n box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);\n background-color: rgba(63,81,181, 0.26); }\n\n.mdl-switch__label {\n position: relative;\n cursor: pointer;\n font-size: 16px;\n line-height: 24px;\n margin: 0;\n left: 24px; }\n .mdl-switch__label fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__label {\n color: rgb(189,189,189);\n cursor: auto; }\n\n.mdl-switch__ripple-container {\n position: absolute;\n z-index: 2;\n top: -12px;\n left: -14px;\n box-sizing: border-box;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n transition-duration: 0.40s;\n transition-timing-function: step-end;\n transition-property: left; }\n .mdl-switch__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__ripple-container {\n cursor: auto; }\n fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,\n .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {\n background: transparent; }\n .mdl-switch.is-checked .mdl-switch__ripple-container {\n left: 2px; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-tabs {\n display: block;\n width: 100%; }\n\n.mdl-tabs__tab-bar {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-align-content: space-between;\n -ms-flex-line-pack: justify;\n align-content: space-between;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n height: 48px;\n padding: 0 0 0 0;\n margin: 0;\n border-bottom: 1px solid rgb(224,224,224); }\n\n.mdl-tabs__tab {\n margin: 0;\n border: none;\n padding: 0 24px 0 24px;\n float: left;\n position: relative;\n display: block;\n text-decoration: none;\n height: 48px;\n line-height: 48px;\n text-align: center;\n font-weight: 500;\n font-size: 14px;\n text-transform: uppercase;\n color: rgba(0,0,0, 0.54);\n overflow: hidden; }\n .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {\n color: rgba(0,0,0, 0.87); }\n .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {\n height: 2px;\n width: 100%;\n display: block;\n content: \" \";\n bottom: 0px;\n left: 0px;\n position: absolute;\n background: rgb(63,81,181);\n -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;\n animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0, 1, 1); }\n .mdl-tabs__tab .mdl-tabs__ripple-container {\n display: block;\n position: absolute;\n height: 100%;\n width: 100%;\n left: 0px;\n top: 0px;\n z-index: 1;\n overflow: hidden; }\n .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n\n.mdl-tabs__panel {\n display: block; }\n .mdl-tabs.is-upgraded .mdl-tabs__panel {\n display: none; }\n .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {\n display: block; }\n\n@-webkit-keyframes border-expand {\n 0% {\n opacity: 0;\n width: 0; }\n 100% {\n opacity: 1;\n width: 100%; } }\n\n@keyframes border-expand {\n 0% {\n opacity: 0;\n width: 0; }\n 100% {\n opacity: 1;\n width: 100%; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-textfield {\n position: relative;\n font-size: 16px;\n display: inline-block;\n box-sizing: border-box;\n width: 300px;\n max-width: 100%;\n margin: 0;\n padding: 20px 0; }\n .mdl-textfield .mdl-button {\n position: absolute;\n bottom: 20px; }\n\n.mdl-textfield--align-right {\n text-align: right; }\n\n.mdl-textfield--full-width {\n width: 100%; }\n\n.mdl-textfield--expandable {\n min-width: 32px;\n width: auto;\n min-height: 32px; }\n\n.mdl-textfield__input {\n border: none;\n border-bottom: 1px solid rgba(0,0,0, 0.12);\n display: block;\n font-size: 16px;\n font-family: \"Helvetica\", \"Arial\", sans-serif;\n margin: 0;\n padding: 4px 0;\n width: 100%;\n background: none;\n text-align: left;\n color: inherit; }\n .mdl-textfield__input[type=\"number\"] {\n -moz-appearance: textfield; }\n .mdl-textfield__input[type=\"number\"]::-webkit-inner-spin-button, .mdl-textfield__input[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n .mdl-textfield.is-focused .mdl-textfield__input {\n outline: none; }\n .mdl-textfield.is-invalid .mdl-textfield__input {\n border-color: rgb(213,0,0);\n box-shadow: none; }\n fieldset[disabled] .mdl-textfield .mdl-textfield__input,\n .mdl-textfield.is-disabled .mdl-textfield__input {\n background-color: transparent;\n border-bottom: 1px dotted rgba(0,0,0, 0.12);\n color: rgba(0,0,0, 0.26); }\n\n.mdl-textfield textarea.mdl-textfield__input {\n display: block; }\n\n.mdl-textfield__label {\n bottom: 0;\n color: rgba(0,0,0, 0.26);\n font-size: 16px;\n left: 0;\n right: 0;\n pointer-events: none;\n position: absolute;\n display: block;\n top: 24px;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-align: left; }\n .mdl-textfield.is-dirty .mdl-textfield__label,\n .mdl-textfield.has-placeholder .mdl-textfield__label {\n visibility: hidden; }\n .mdl-textfield--floating-label .mdl-textfield__label {\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {\n transition: none; }\n fieldset[disabled] .mdl-textfield .mdl-textfield__label,\n .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {\n color: rgba(0,0,0, 0.26); }\n .mdl-textfield--floating-label.is-focused .mdl-textfield__label,\n .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {\n color: rgb(63,81,181);\n font-size: 12px;\n top: 4px;\n visibility: visible; }\n .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,\n .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {\n top: -16px; }\n .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {\n color: rgb(213,0,0);\n font-size: 12px; }\n .mdl-textfield__label:after {\n background-color: rgb(63,81,181);\n bottom: 20px;\n content: '';\n height: 2px;\n left: 45%;\n position: absolute;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n visibility: hidden;\n width: 10px; }\n .mdl-textfield.is-focused .mdl-textfield__label:after {\n left: 0;\n visibility: visible;\n width: 100%; }\n .mdl-textfield.is-invalid .mdl-textfield__label:after {\n background-color: rgb(213,0,0); }\n\n.mdl-textfield__error {\n color: rgb(213,0,0);\n position: absolute;\n font-size: 12px;\n margin-top: 3px;\n visibility: hidden;\n display: block; }\n .mdl-textfield.is-invalid .mdl-textfield__error {\n visibility: visible; }\n\n.mdl-textfield__expandable-holder {\n display: inline-block;\n position: relative;\n margin-left: 32px;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n max-width: 0.1px; }\n .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {\n max-width: 600px; }\n .mdl-textfield__expandable-holder .mdl-textfield__label:after {\n bottom: 0; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-tooltip {\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: top center;\n transform-origin: top center;\n will-change: transform;\n z-index: 999;\n background: rgba(97,97,97, 0.9);\n border-radius: 2px;\n color: rgb(255,255,255);\n display: inline-block;\n font-size: 10px;\n font-weight: 500;\n line-height: 14px;\n max-width: 170px;\n position: fixed;\n top: -500px;\n left: -500px;\n padding: 8px;\n text-align: center; }\n\n.mdl-tooltip.is-active {\n -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;\n animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }\n\n.mdl-tooltip--large {\n line-height: 14px;\n font-size: 14px;\n padding: 16px; }\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0; }\n 50% {\n -webkit-transform: scale(0.99);\n transform: scale(0.99); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n visibility: visible; } }\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0; }\n 50% {\n -webkit-transform: scale(0.99);\n transform: scale(0.99); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n visibility: visible; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-shadow--2dp {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }\n\n.mdl-shadow--3dp {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }\n\n.mdl-shadow--4dp {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--6dp {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--8dp {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--16dp {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--24dp {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*\n* NOTE: Some rules here are applied using duplicate selectors.\n* This is on purpose to increase their specificity when applied.\n* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`\n*/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-grid {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-flow: row wrap;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin: 0 auto 0 auto;\n -webkit-align-items: stretch;\n -ms-flex-align: stretch;\n align-items: stretch; }\n .mdl-grid.mdl-grid--no-spacing {\n padding: 0; }\n\n.mdl-cell {\n box-sizing: border-box; }\n\n.mdl-cell--top {\n -webkit-align-self: flex-start;\n -ms-flex-item-align: start;\n align-self: flex-start; }\n\n.mdl-cell--middle {\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center; }\n\n.mdl-cell--bottom {\n -webkit-align-self: flex-end;\n -ms-flex-item-align: end;\n align-self: flex-end; }\n\n.mdl-cell--stretch {\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch; }\n\n.mdl-grid.mdl-grid--no-spacing > .mdl-cell {\n margin: 0; }\n\n.mdl-cell--order-1 {\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1; }\n\n.mdl-cell--order-2 {\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2; }\n\n.mdl-cell--order-3 {\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3; }\n\n.mdl-cell--order-4 {\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4; }\n\n.mdl-cell--order-5 {\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5; }\n\n.mdl-cell--order-6 {\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6; }\n\n.mdl-cell--order-7 {\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7; }\n\n.mdl-cell--order-8 {\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8; }\n\n.mdl-cell--order-9 {\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9; }\n\n.mdl-cell--order-10 {\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10; }\n\n.mdl-cell--order-11 {\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11; }\n\n.mdl-cell--order-12 {\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12; }\n\n@media (max-width: 479px) {\n .mdl-grid {\n padding: 8px; }\n .mdl-cell {\n margin: 8px;\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell {\n width: 100%; }\n .mdl-cell--hide-phone {\n display: none !important; }\n .mdl-cell--order-1-phone.mdl-cell--order-1-phone {\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1; }\n .mdl-cell--order-2-phone.mdl-cell--order-2-phone {\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2; }\n .mdl-cell--order-3-phone.mdl-cell--order-3-phone {\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3; }\n .mdl-cell--order-4-phone.mdl-cell--order-4-phone {\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4; }\n .mdl-cell--order-5-phone.mdl-cell--order-5-phone {\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5; }\n .mdl-cell--order-6-phone.mdl-cell--order-6-phone {\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6; }\n .mdl-cell--order-7-phone.mdl-cell--order-7-phone {\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7; }\n .mdl-cell--order-8-phone.mdl-cell--order-8-phone {\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8; }\n .mdl-cell--order-9-phone.mdl-cell--order-9-phone {\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9; }\n .mdl-cell--order-10-phone.mdl-cell--order-10-phone {\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10; }\n .mdl-cell--order-11-phone.mdl-cell--order-11-phone {\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11; }\n .mdl-cell--order-12-phone.mdl-cell--order-12-phone {\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12; }\n .mdl-cell--1-col,\n .mdl-cell--1-col-phone.mdl-cell--1-col-phone {\n width: calc(25% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >\n .mdl-cell--1-col-phone.mdl-cell--1-col-phone {\n width: 25%; }\n .mdl-cell--2-col,\n .mdl-cell--2-col-phone.mdl-cell--2-col-phone {\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >\n .mdl-cell--2-col-phone.mdl-cell--2-col-phone {\n width: 50%; }\n .mdl-cell--3-col,\n .mdl-cell--3-col-phone.mdl-cell--3-col-phone {\n width: calc(75% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >\n .mdl-cell--3-col-phone.mdl-cell--3-col-phone {\n width: 75%; }\n .mdl-cell--4-col,\n .mdl-cell--4-col-phone.mdl-cell--4-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >\n .mdl-cell--4-col-phone.mdl-cell--4-col-phone {\n width: 100%; }\n .mdl-cell--5-col,\n .mdl-cell--5-col-phone.mdl-cell--5-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >\n .mdl-cell--5-col-phone.mdl-cell--5-col-phone {\n width: 100%; }\n .mdl-cell--6-col,\n .mdl-cell--6-col-phone.mdl-cell--6-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >\n .mdl-cell--6-col-phone.mdl-cell--6-col-phone {\n width: 100%; }\n .mdl-cell--7-col,\n .mdl-cell--7-col-phone.mdl-cell--7-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >\n .mdl-cell--7-col-phone.mdl-cell--7-col-phone {\n width: 100%; }\n .mdl-cell--8-col,\n .mdl-cell--8-col-phone.mdl-cell--8-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >\n .mdl-cell--8-col-phone.mdl-cell--8-col-phone {\n width: 100%; }\n .mdl-cell--9-col,\n .mdl-cell--9-col-phone.mdl-cell--9-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >\n .mdl-cell--9-col-phone.mdl-cell--9-col-phone {\n width: 100%; }\n .mdl-cell--10-col,\n .mdl-cell--10-col-phone.mdl-cell--10-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >\n .mdl-cell--10-col-phone.mdl-cell--10-col-phone {\n width: 100%; }\n .mdl-cell--11-col,\n .mdl-cell--11-col-phone.mdl-cell--11-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >\n .mdl-cell--11-col-phone.mdl-cell--11-col-phone {\n width: 100%; }\n .mdl-cell--12-col,\n .mdl-cell--12-col-phone.mdl-cell--12-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >\n .mdl-cell--12-col-phone.mdl-cell--12-col-phone {\n width: 100%; }\n .mdl-cell--1-offset,\n .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {\n margin-left: calc(25% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {\n margin-left: 25%; }\n .mdl-cell--2-offset,\n .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {\n margin-left: calc(50% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {\n margin-left: 50%; }\n .mdl-cell--3-offset,\n .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {\n margin-left: calc(75% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {\n margin-left: 75%; } }\n\n@media (min-width: 480px) and (max-width: 839px) {\n .mdl-grid {\n padding: 8px; }\n .mdl-cell {\n margin: 8px;\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell {\n width: 50%; }\n .mdl-cell--hide-tablet {\n display: none !important; }\n .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1; }\n .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2; }\n .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3; }\n .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4; }\n .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5; }\n .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6; }\n .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7; }\n .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8; }\n .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9; }\n .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10; }\n .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11; }\n .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12; }\n .mdl-cell--1-col,\n .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {\n width: calc(12.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >\n .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {\n width: 12.5%; }\n .mdl-cell--2-col,\n .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {\n width: calc(25% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >\n .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {\n width: 25%; }\n .mdl-cell--3-col,\n .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {\n width: calc(37.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >\n .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {\n width: 37.5%; }\n .mdl-cell--4-col,\n .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >\n .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {\n width: 50%; }\n .mdl-cell--5-col,\n .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {\n width: calc(62.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >\n .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {\n width: 62.5%; }\n .mdl-cell--6-col,\n .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {\n width: calc(75% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >\n .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {\n width: 75%; }\n .mdl-cell--7-col,\n .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {\n width: calc(87.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >\n .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {\n width: 87.5%; }\n .mdl-cell--8-col,\n .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >\n .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {\n width: 100%; }\n .mdl-cell--9-col,\n .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >\n .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {\n width: 100%; }\n .mdl-cell--10-col,\n .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >\n .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {\n width: 100%; }\n .mdl-cell--11-col,\n .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >\n .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {\n width: 100%; }\n .mdl-cell--12-col,\n .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >\n .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {\n width: 100%; }\n .mdl-cell--1-offset,\n .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {\n margin-left: calc(12.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {\n margin-left: 12.5%; }\n .mdl-cell--2-offset,\n .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {\n margin-left: calc(25% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {\n margin-left: 25%; }\n .mdl-cell--3-offset,\n .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {\n margin-left: calc(37.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {\n margin-left: 37.5%; }\n .mdl-cell--4-offset,\n .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {\n margin-left: calc(50% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {\n margin-left: 50%; }\n .mdl-cell--5-offset,\n .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {\n margin-left: calc(62.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {\n margin-left: 62.5%; }\n .mdl-cell--6-offset,\n .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {\n margin-left: calc(75% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {\n margin-left: 75%; }\n .mdl-cell--7-offset,\n .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {\n margin-left: calc(87.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {\n margin-left: 87.5%; } }\n\n@media (min-width: 840px) {\n .mdl-grid {\n padding: 8px; }\n .mdl-cell {\n margin: 8px;\n width: calc(33.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell {\n width: 33.3333333333%; }\n .mdl-cell--hide-desktop {\n display: none !important; }\n .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1; }\n .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2; }\n .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3; }\n .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4; }\n .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5; }\n .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6; }\n .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7; }\n .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8; }\n .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9; }\n .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10; }\n .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11; }\n .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12; }\n .mdl-cell--1-col,\n .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {\n width: calc(8.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >\n .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {\n width: 8.3333333333%; }\n .mdl-cell--2-col,\n .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {\n width: calc(16.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >\n .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {\n width: 16.6666666667%; }\n .mdl-cell--3-col,\n .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {\n width: calc(25% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >\n .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {\n width: 25%; }\n .mdl-cell--4-col,\n .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {\n width: calc(33.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >\n .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {\n width: 33.3333333333%; }\n .mdl-cell--5-col,\n .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {\n width: calc(41.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >\n .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {\n width: 41.6666666667%; }\n .mdl-cell--6-col,\n .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >\n .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {\n width: 50%; }\n .mdl-cell--7-col,\n .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {\n width: calc(58.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >\n .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {\n width: 58.3333333333%; }\n .mdl-cell--8-col,\n .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {\n width: calc(66.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >\n .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {\n width: 66.6666666667%; }\n .mdl-cell--9-col,\n .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {\n width: calc(75% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >\n .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {\n width: 75%; }\n .mdl-cell--10-col,\n .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {\n width: calc(83.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >\n .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {\n width: 83.3333333333%; }\n .mdl-cell--11-col,\n .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {\n width: calc(91.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >\n .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {\n width: 91.6666666667%; }\n .mdl-cell--12-col,\n .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >\n .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {\n width: 100%; }\n .mdl-cell--1-offset,\n .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {\n margin-left: calc(8.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {\n margin-left: 8.3333333333%; }\n .mdl-cell--2-offset,\n .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {\n margin-left: calc(16.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {\n margin-left: 16.6666666667%; }\n .mdl-cell--3-offset,\n .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {\n margin-left: calc(25% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {\n margin-left: 25%; }\n .mdl-cell--4-offset,\n .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {\n margin-left: calc(33.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {\n margin-left: 33.3333333333%; }\n .mdl-cell--5-offset,\n .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {\n margin-left: calc(41.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {\n margin-left: 41.6666666667%; }\n .mdl-cell--6-offset,\n .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {\n margin-left: calc(50% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {\n margin-left: 50%; }\n .mdl-cell--7-offset,\n .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {\n margin-left: calc(58.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {\n margin-left: 58.3333333333%; }\n .mdl-cell--8-offset,\n .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {\n margin-left: calc(66.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {\n margin-left: 66.6666666667%; }\n .mdl-cell--9-offset,\n .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {\n margin-left: calc(75% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {\n margin-left: 75%; }\n .mdl-cell--10-offset,\n .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {\n margin-left: calc(83.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {\n margin-left: 83.3333333333%; }\n .mdl-cell--11-offset,\n .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {\n margin-left: calc(91.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {\n margin-left: 91.6666666667%; } }\n","@charset \"UTF-8\";\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Material Design Lite */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/*\n * What follows is the result of much research on cross-browser styling.\n * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,\n * Kroc Camen, and the H5BP dev community and team.\n */\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\nhtml {\n color: rgba(0,0,0, 0.87);\n font-size: 1em;\n line-height: 1.4; }\n\n/*\n * Remove text-shadow in selection highlight:\n * https://twitter.com/miketaylr/status/12228805301\n *\n * These selection rule sets have to be separate.\n * Customize the background color to match your design.\n */\n::selection {\n background: #b3d4fc;\n text-shadow: none; }\n\n/*\n * A better looking default horizontal rule\n */\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0; }\n\n/*\n * Remove the gap between audio, canvas, iframes,\n * images, videos and the bottom of their containers:\n * https://github.com/h5bp/html5-boilerplate/issues/440\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle; }\n\n/*\n * Remove default fieldset styles.\n */\nfieldset {\n border: 0;\n margin: 0;\n padding: 0; }\n\n/*\n * Allow only vertical resizing of textareas.\n */\ntextarea {\n resize: vertical; }\n\n/* ==========================================================================\n Browser Upgrade Prompt\n ========================================================================== */\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0; }\n\n/* ==========================================================================\n Author's custom styles\n ========================================================================== */\n/* ==========================================================================\n Helper classes\n ========================================================================== */\n/*\n * Hide visually and from screen readers:\n */\n.hidden {\n display: none !important; }\n\n/*\n * Hide only visually, but have it available for screen readers:\n * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n */\n.visuallyhidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px; }\n\n/*\n * Extends the .visuallyhidden class to allow the element\n * to be focusable when navigated to via the keyboard:\n * https://www.drupal.org/node/897638\n */\n.visuallyhidden.focusable:active,\n.visuallyhidden.focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto; }\n\n/*\n * Hide visually and from screen readers, but maintain layout\n */\n.invisible {\n visibility: hidden; }\n\n/*\n * Clearfix: contain floats\n *\n * For modern browsers\n * 1. The space content is one way to avoid an Opera bug when the\n * `contenteditable` attribute is included anywhere else in the document.\n * Otherwise it causes space to appear at the top and bottom of elements\n * that receive the `clearfix` class.\n * 2. The use of `table` rather than `block` is only necessary if using\n * `:before` to contain the top-margins of child elements.\n */\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n\n.clearfix:after {\n clear: both; }\n\n/* ==========================================================================\n EXAMPLE Media Queries for Responsive Design.\n These examples override the primary ('mobile first') styles.\n Modify as content requires.\n ========================================================================== */\n/* ==========================================================================\n Print styles.\n Inlined to avoid the additional HTTP request:\n http://www.phpied.com/delay-loading-your-print-css/\n ========================================================================== */\n@media print {\n *,\n *:before,\n *:after,\n *:first-letter {\n background: transparent !important;\n color: #000 !important;\n /* Black prints faster: http://www.sanbeiji.com/archives/953 */\n box-shadow: none !important; }\n a,\n a:visited {\n text-decoration: underline; }\n a[href]:after {\n content: \" (\" attr(href) \")\"; }\n abbr[title]:after {\n content: \" (\" attr(title) \")\"; }\n /*\n * Don't show links that are fragment identifiers,\n * or use the `javascript:` pseudo protocol\n */\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\"; }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid; }\n /*\n * Printing Tables:\n * http://css-discuss.incutio.com/wiki/Printing_Tables\n */\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n img {\n max-width: 100% !important; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Remove the unwanted box around FAB buttons */\n/* More info: http://goo.gl/IPwKi */\na, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,\n.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {\n -webkit-tap-highlight-color: transparent;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }\n\n/*\n * Make html take up the entire screen\n * Then set touch-action to avoid touch delay on mobile IE\n */\nhtml {\n width: 100%;\n height: 100%;\n -ms-touch-action: manipulation;\n touch-action: manipulation; }\n\n/*\n* Make body take up the entire screen\n* Remove body margin so layout containers don't cause extra overflow.\n*/\nbody {\n width: 100%;\n min-height: 100%;\n margin: 0; }\n\n/*\n * Main display reset for IE support.\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\n */\nmain {\n display: block; }\n\n/*\n* Apply no display to elements with the hidden attribute.\n* IE 9 and 10 support.\n*/\n*[hidden] {\n display: none !important; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\nhtml, body {\n font-family: \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px; }\n\nh1, h2, h3, h4, h5, h6, p {\n margin: 0;\n padding: 0; }\n\n/**\n * Styles for HTML elements\n */\nh1 small, h2 small, h3 small, h4 small, h5 small, h6 small {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n opacity: 0.54;\n font-size: 0.6em; }\n\nh1 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n margin-top: 24px;\n margin-bottom: 24px; }\n\nh2 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 45px;\n font-weight: 400;\n line-height: 48px;\n margin-top: 24px;\n margin-bottom: 24px; }\n\nh3 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 34px;\n font-weight: 400;\n line-height: 40px;\n margin-top: 24px;\n margin-bottom: 24px; }\n\nh4 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale;\n margin-top: 24px;\n margin-bottom: 16px; }\n\nh5 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n margin-top: 24px;\n margin-bottom: 16px; }\n\nh6 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n margin-top: 24px;\n margin-bottom: 16px; }\n\np {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n margin-bottom: 16px; }\n\na {\n color: rgb(255,64,129);\n font-weight: 500; }\n\nblockquote {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n position: relative;\n font-size: 24px;\n font-weight: 300;\n font-style: italic;\n line-height: 1.35;\n letter-spacing: 0.08em; }\n blockquote:before {\n position: absolute;\n left: -0.5em;\n content: '“'; }\n blockquote:after {\n content: '”';\n margin-left: -0.05em; }\n\nmark {\n background-color: #f4ff81; }\n\ndt {\n font-weight: 700; }\n\naddress {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n font-style: normal; }\n\nul, ol {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0; }\n\n/**\n * Class Name Styles\n */\n.mdl-typography--display-4 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 112px;\n font-weight: 300;\n line-height: 1;\n letter-spacing: -0.04em; }\n\n.mdl-typography--display-4-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 112px;\n font-weight: 300;\n line-height: 1;\n letter-spacing: -0.04em;\n opacity: 0.54; }\n\n.mdl-typography--display-3 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em; }\n\n.mdl-typography--display-3-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n opacity: 0.54; }\n\n.mdl-typography--display-2 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 45px;\n font-weight: 400;\n line-height: 48px; }\n\n.mdl-typography--display-2-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 45px;\n font-weight: 400;\n line-height: 48px;\n opacity: 0.54; }\n\n.mdl-typography--display-1 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 34px;\n font-weight: 400;\n line-height: 40px; }\n\n.mdl-typography--display-1-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 34px;\n font-weight: 400;\n line-height: 40px;\n opacity: 0.54; }\n\n.mdl-typography--headline {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale; }\n\n.mdl-typography--headline-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale;\n opacity: 0.87; }\n\n.mdl-typography--title {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em; }\n\n.mdl-typography--title-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n opacity: 0.87; }\n\n.mdl-typography--subhead {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em; }\n\n.mdl-typography--subhead-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n opacity: 0.87; }\n\n.mdl-typography--body-2 {\n font-size: 14px;\n font-weight: bold;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-2-color-contrast {\n font-size: 14px;\n font-weight: bold;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--body-1 {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-1-color-contrast {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--body-2-force-preferred-font {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-2-force-preferred-font-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--body-1-force-preferred-font {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0; }\n\n.mdl-typography--body-1-force-preferred-font-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--caption {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--caption-force-preferred-font {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--caption-color-contrast {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.54; }\n\n.mdl-typography--caption-force-preferred-font-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.54; }\n\n.mdl-typography--menu {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--menu-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--button {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0; }\n\n.mdl-typography--button-color-contrast {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n opacity: 0.87; }\n\n.mdl-typography--text-left {\n text-align: left; }\n\n.mdl-typography--text-right {\n text-align: right; }\n\n.mdl-typography--text-center {\n text-align: center; }\n\n.mdl-typography--text-justify {\n text-align: justify; }\n\n.mdl-typography--text-nowrap {\n white-space: nowrap; }\n\n.mdl-typography--text-lowercase {\n text-transform: lowercase; }\n\n.mdl-typography--text-uppercase {\n text-transform: uppercase; }\n\n.mdl-typography--text-capitalize {\n text-transform: capitalize; }\n\n.mdl-typography--font-thin {\n font-weight: 200 !important; }\n\n.mdl-typography--font-light {\n font-weight: 300 !important; }\n\n.mdl-typography--font-regular {\n font-weight: 400 !important; }\n\n.mdl-typography--font-medium {\n font-weight: 500 !important; }\n\n.mdl-typography--font-bold {\n font-weight: 700 !important; }\n\n.mdl-typography--font-black {\n font-weight: 900 !important; }\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n word-wrap: normal;\n font-feature-settings: 'liga';\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-color-text--red {\n color: rgb(244,67,54) !important; }\n\n.mdl-color--red {\n background-color: rgb(244,67,54) !important; }\n\n.mdl-color-text--red-50 {\n color: rgb(255,235,238) !important; }\n\n.mdl-color--red-50 {\n background-color: rgb(255,235,238) !important; }\n\n.mdl-color-text--red-100 {\n color: rgb(255,205,210) !important; }\n\n.mdl-color--red-100 {\n background-color: rgb(255,205,210) !important; }\n\n.mdl-color-text--red-200 {\n color: rgb(239,154,154) !important; }\n\n.mdl-color--red-200 {\n background-color: rgb(239,154,154) !important; }\n\n.mdl-color-text--red-300 {\n color: rgb(229,115,115) !important; }\n\n.mdl-color--red-300 {\n background-color: rgb(229,115,115) !important; }\n\n.mdl-color-text--red-400 {\n color: rgb(239,83,80) !important; }\n\n.mdl-color--red-400 {\n background-color: rgb(239,83,80) !important; }\n\n.mdl-color-text--red-500 {\n color: rgb(244,67,54) !important; }\n\n.mdl-color--red-500 {\n background-color: rgb(244,67,54) !important; }\n\n.mdl-color-text--red-600 {\n color: rgb(229,57,53) !important; }\n\n.mdl-color--red-600 {\n background-color: rgb(229,57,53) !important; }\n\n.mdl-color-text--red-700 {\n color: rgb(211,47,47) !important; }\n\n.mdl-color--red-700 {\n background-color: rgb(211,47,47) !important; }\n\n.mdl-color-text--red-800 {\n color: rgb(198,40,40) !important; }\n\n.mdl-color--red-800 {\n background-color: rgb(198,40,40) !important; }\n\n.mdl-color-text--red-900 {\n color: rgb(183,28,28) !important; }\n\n.mdl-color--red-900 {\n background-color: rgb(183,28,28) !important; }\n\n.mdl-color-text--red-A100 {\n color: rgb(255,138,128) !important; }\n\n.mdl-color--red-A100 {\n background-color: rgb(255,138,128) !important; }\n\n.mdl-color-text--red-A200 {\n color: rgb(255,82,82) !important; }\n\n.mdl-color--red-A200 {\n background-color: rgb(255,82,82) !important; }\n\n.mdl-color-text--red-A400 {\n color: rgb(255,23,68) !important; }\n\n.mdl-color--red-A400 {\n background-color: rgb(255,23,68) !important; }\n\n.mdl-color-text--red-A700 {\n color: rgb(213,0,0) !important; }\n\n.mdl-color--red-A700 {\n background-color: rgb(213,0,0) !important; }\n\n.mdl-color-text--pink {\n color: rgb(233,30,99) !important; }\n\n.mdl-color--pink {\n background-color: rgb(233,30,99) !important; }\n\n.mdl-color-text--pink-50 {\n color: rgb(252,228,236) !important; }\n\n.mdl-color--pink-50 {\n background-color: rgb(252,228,236) !important; }\n\n.mdl-color-text--pink-100 {\n color: rgb(248,187,208) !important; }\n\n.mdl-color--pink-100 {\n background-color: rgb(248,187,208) !important; }\n\n.mdl-color-text--pink-200 {\n color: rgb(244,143,177) !important; }\n\n.mdl-color--pink-200 {\n background-color: rgb(244,143,177) !important; }\n\n.mdl-color-text--pink-300 {\n color: rgb(240,98,146) !important; }\n\n.mdl-color--pink-300 {\n background-color: rgb(240,98,146) !important; }\n\n.mdl-color-text--pink-400 {\n color: rgb(236,64,122) !important; }\n\n.mdl-color--pink-400 {\n background-color: rgb(236,64,122) !important; }\n\n.mdl-color-text--pink-500 {\n color: rgb(233,30,99) !important; }\n\n.mdl-color--pink-500 {\n background-color: rgb(233,30,99) !important; }\n\n.mdl-color-text--pink-600 {\n color: rgb(216,27,96) !important; }\n\n.mdl-color--pink-600 {\n background-color: rgb(216,27,96) !important; }\n\n.mdl-color-text--pink-700 {\n color: rgb(194,24,91) !important; }\n\n.mdl-color--pink-700 {\n background-color: rgb(194,24,91) !important; }\n\n.mdl-color-text--pink-800 {\n color: rgb(173,20,87) !important; }\n\n.mdl-color--pink-800 {\n background-color: rgb(173,20,87) !important; }\n\n.mdl-color-text--pink-900 {\n color: rgb(136,14,79) !important; }\n\n.mdl-color--pink-900 {\n background-color: rgb(136,14,79) !important; }\n\n.mdl-color-text--pink-A100 {\n color: rgb(255,128,171) !important; }\n\n.mdl-color--pink-A100 {\n background-color: rgb(255,128,171) !important; }\n\n.mdl-color-text--pink-A200 {\n color: rgb(255,64,129) !important; }\n\n.mdl-color--pink-A200 {\n background-color: rgb(255,64,129) !important; }\n\n.mdl-color-text--pink-A400 {\n color: rgb(245,0,87) !important; }\n\n.mdl-color--pink-A400 {\n background-color: rgb(245,0,87) !important; }\n\n.mdl-color-text--pink-A700 {\n color: rgb(197,17,98) !important; }\n\n.mdl-color--pink-A700 {\n background-color: rgb(197,17,98) !important; }\n\n.mdl-color-text--purple {\n color: rgb(156,39,176) !important; }\n\n.mdl-color--purple {\n background-color: rgb(156,39,176) !important; }\n\n.mdl-color-text--purple-50 {\n color: rgb(243,229,245) !important; }\n\n.mdl-color--purple-50 {\n background-color: rgb(243,229,245) !important; }\n\n.mdl-color-text--purple-100 {\n color: rgb(225,190,231) !important; }\n\n.mdl-color--purple-100 {\n background-color: rgb(225,190,231) !important; }\n\n.mdl-color-text--purple-200 {\n color: rgb(206,147,216) !important; }\n\n.mdl-color--purple-200 {\n background-color: rgb(206,147,216) !important; }\n\n.mdl-color-text--purple-300 {\n color: rgb(186,104,200) !important; }\n\n.mdl-color--purple-300 {\n background-color: rgb(186,104,200) !important; }\n\n.mdl-color-text--purple-400 {\n color: rgb(171,71,188) !important; }\n\n.mdl-color--purple-400 {\n background-color: rgb(171,71,188) !important; }\n\n.mdl-color-text--purple-500 {\n color: rgb(156,39,176) !important; }\n\n.mdl-color--purple-500 {\n background-color: rgb(156,39,176) !important; }\n\n.mdl-color-text--purple-600 {\n color: rgb(142,36,170) !important; }\n\n.mdl-color--purple-600 {\n background-color: rgb(142,36,170) !important; }\n\n.mdl-color-text--purple-700 {\n color: rgb(123,31,162) !important; }\n\n.mdl-color--purple-700 {\n background-color: rgb(123,31,162) !important; }\n\n.mdl-color-text--purple-800 {\n color: rgb(106,27,154) !important; }\n\n.mdl-color--purple-800 {\n background-color: rgb(106,27,154) !important; }\n\n.mdl-color-text--purple-900 {\n color: rgb(74,20,140) !important; }\n\n.mdl-color--purple-900 {\n background-color: rgb(74,20,140) !important; }\n\n.mdl-color-text--purple-A100 {\n color: rgb(234,128,252) !important; }\n\n.mdl-color--purple-A100 {\n background-color: rgb(234,128,252) !important; }\n\n.mdl-color-text--purple-A200 {\n color: rgb(224,64,251) !important; }\n\n.mdl-color--purple-A200 {\n background-color: rgb(224,64,251) !important; }\n\n.mdl-color-text--purple-A400 {\n color: rgb(213,0,249) !important; }\n\n.mdl-color--purple-A400 {\n background-color: rgb(213,0,249) !important; }\n\n.mdl-color-text--purple-A700 {\n color: rgb(170,0,255) !important; }\n\n.mdl-color--purple-A700 {\n background-color: rgb(170,0,255) !important; }\n\n.mdl-color-text--deep-purple {\n color: rgb(103,58,183) !important; }\n\n.mdl-color--deep-purple {\n background-color: rgb(103,58,183) !important; }\n\n.mdl-color-text--deep-purple-50 {\n color: rgb(237,231,246) !important; }\n\n.mdl-color--deep-purple-50 {\n background-color: rgb(237,231,246) !important; }\n\n.mdl-color-text--deep-purple-100 {\n color: rgb(209,196,233) !important; }\n\n.mdl-color--deep-purple-100 {\n background-color: rgb(209,196,233) !important; }\n\n.mdl-color-text--deep-purple-200 {\n color: rgb(179,157,219) !important; }\n\n.mdl-color--deep-purple-200 {\n background-color: rgb(179,157,219) !important; }\n\n.mdl-color-text--deep-purple-300 {\n color: rgb(149,117,205) !important; }\n\n.mdl-color--deep-purple-300 {\n background-color: rgb(149,117,205) !important; }\n\n.mdl-color-text--deep-purple-400 {\n color: rgb(126,87,194) !important; }\n\n.mdl-color--deep-purple-400 {\n background-color: rgb(126,87,194) !important; }\n\n.mdl-color-text--deep-purple-500 {\n color: rgb(103,58,183) !important; }\n\n.mdl-color--deep-purple-500 {\n background-color: rgb(103,58,183) !important; }\n\n.mdl-color-text--deep-purple-600 {\n color: rgb(94,53,177) !important; }\n\n.mdl-color--deep-purple-600 {\n background-color: rgb(94,53,177) !important; }\n\n.mdl-color-text--deep-purple-700 {\n color: rgb(81,45,168) !important; }\n\n.mdl-color--deep-purple-700 {\n background-color: rgb(81,45,168) !important; }\n\n.mdl-color-text--deep-purple-800 {\n color: rgb(69,39,160) !important; }\n\n.mdl-color--deep-purple-800 {\n background-color: rgb(69,39,160) !important; }\n\n.mdl-color-text--deep-purple-900 {\n color: rgb(49,27,146) !important; }\n\n.mdl-color--deep-purple-900 {\n background-color: rgb(49,27,146) !important; }\n\n.mdl-color-text--deep-purple-A100 {\n color: rgb(179,136,255) !important; }\n\n.mdl-color--deep-purple-A100 {\n background-color: rgb(179,136,255) !important; }\n\n.mdl-color-text--deep-purple-A200 {\n color: rgb(124,77,255) !important; }\n\n.mdl-color--deep-purple-A200 {\n background-color: rgb(124,77,255) !important; }\n\n.mdl-color-text--deep-purple-A400 {\n color: rgb(101,31,255) !important; }\n\n.mdl-color--deep-purple-A400 {\n background-color: rgb(101,31,255) !important; }\n\n.mdl-color-text--deep-purple-A700 {\n color: rgb(98,0,234) !important; }\n\n.mdl-color--deep-purple-A700 {\n background-color: rgb(98,0,234) !important; }\n\n.mdl-color-text--indigo {\n color: rgb(63,81,181) !important; }\n\n.mdl-color--indigo {\n background-color: rgb(63,81,181) !important; }\n\n.mdl-color-text--indigo-50 {\n color: rgb(232,234,246) !important; }\n\n.mdl-color--indigo-50 {\n background-color: rgb(232,234,246) !important; }\n\n.mdl-color-text--indigo-100 {\n color: rgb(197,202,233) !important; }\n\n.mdl-color--indigo-100 {\n background-color: rgb(197,202,233) !important; }\n\n.mdl-color-text--indigo-200 {\n color: rgb(159,168,218) !important; }\n\n.mdl-color--indigo-200 {\n background-color: rgb(159,168,218) !important; }\n\n.mdl-color-text--indigo-300 {\n color: rgb(121,134,203) !important; }\n\n.mdl-color--indigo-300 {\n background-color: rgb(121,134,203) !important; }\n\n.mdl-color-text--indigo-400 {\n color: rgb(92,107,192) !important; }\n\n.mdl-color--indigo-400 {\n background-color: rgb(92,107,192) !important; }\n\n.mdl-color-text--indigo-500 {\n color: rgb(63,81,181) !important; }\n\n.mdl-color--indigo-500 {\n background-color: rgb(63,81,181) !important; }\n\n.mdl-color-text--indigo-600 {\n color: rgb(57,73,171) !important; }\n\n.mdl-color--indigo-600 {\n background-color: rgb(57,73,171) !important; }\n\n.mdl-color-text--indigo-700 {\n color: rgb(48,63,159) !important; }\n\n.mdl-color--indigo-700 {\n background-color: rgb(48,63,159) !important; }\n\n.mdl-color-text--indigo-800 {\n color: rgb(40,53,147) !important; }\n\n.mdl-color--indigo-800 {\n background-color: rgb(40,53,147) !important; }\n\n.mdl-color-text--indigo-900 {\n color: rgb(26,35,126) !important; }\n\n.mdl-color--indigo-900 {\n background-color: rgb(26,35,126) !important; }\n\n.mdl-color-text--indigo-A100 {\n color: rgb(140,158,255) !important; }\n\n.mdl-color--indigo-A100 {\n background-color: rgb(140,158,255) !important; }\n\n.mdl-color-text--indigo-A200 {\n color: rgb(83,109,254) !important; }\n\n.mdl-color--indigo-A200 {\n background-color: rgb(83,109,254) !important; }\n\n.mdl-color-text--indigo-A400 {\n color: rgb(61,90,254) !important; }\n\n.mdl-color--indigo-A400 {\n background-color: rgb(61,90,254) !important; }\n\n.mdl-color-text--indigo-A700 {\n color: rgb(48,79,254) !important; }\n\n.mdl-color--indigo-A700 {\n background-color: rgb(48,79,254) !important; }\n\n.mdl-color-text--blue {\n color: rgb(33,150,243) !important; }\n\n.mdl-color--blue {\n background-color: rgb(33,150,243) !important; }\n\n.mdl-color-text--blue-50 {\n color: rgb(227,242,253) !important; }\n\n.mdl-color--blue-50 {\n background-color: rgb(227,242,253) !important; }\n\n.mdl-color-text--blue-100 {\n color: rgb(187,222,251) !important; }\n\n.mdl-color--blue-100 {\n background-color: rgb(187,222,251) !important; }\n\n.mdl-color-text--blue-200 {\n color: rgb(144,202,249) !important; }\n\n.mdl-color--blue-200 {\n background-color: rgb(144,202,249) !important; }\n\n.mdl-color-text--blue-300 {\n color: rgb(100,181,246) !important; }\n\n.mdl-color--blue-300 {\n background-color: rgb(100,181,246) !important; }\n\n.mdl-color-text--blue-400 {\n color: rgb(66,165,245) !important; }\n\n.mdl-color--blue-400 {\n background-color: rgb(66,165,245) !important; }\n\n.mdl-color-text--blue-500 {\n color: rgb(33,150,243) !important; }\n\n.mdl-color--blue-500 {\n background-color: rgb(33,150,243) !important; }\n\n.mdl-color-text--blue-600 {\n color: rgb(30,136,229) !important; }\n\n.mdl-color--blue-600 {\n background-color: rgb(30,136,229) !important; }\n\n.mdl-color-text--blue-700 {\n color: rgb(25,118,210) !important; }\n\n.mdl-color--blue-700 {\n background-color: rgb(25,118,210) !important; }\n\n.mdl-color-text--blue-800 {\n color: rgb(21,101,192) !important; }\n\n.mdl-color--blue-800 {\n background-color: rgb(21,101,192) !important; }\n\n.mdl-color-text--blue-900 {\n color: rgb(13,71,161) !important; }\n\n.mdl-color--blue-900 {\n background-color: rgb(13,71,161) !important; }\n\n.mdl-color-text--blue-A100 {\n color: rgb(130,177,255) !important; }\n\n.mdl-color--blue-A100 {\n background-color: rgb(130,177,255) !important; }\n\n.mdl-color-text--blue-A200 {\n color: rgb(68,138,255) !important; }\n\n.mdl-color--blue-A200 {\n background-color: rgb(68,138,255) !important; }\n\n.mdl-color-text--blue-A400 {\n color: rgb(41,121,255) !important; }\n\n.mdl-color--blue-A400 {\n background-color: rgb(41,121,255) !important; }\n\n.mdl-color-text--blue-A700 {\n color: rgb(41,98,255) !important; }\n\n.mdl-color--blue-A700 {\n background-color: rgb(41,98,255) !important; }\n\n.mdl-color-text--light-blue {\n color: rgb(3,169,244) !important; }\n\n.mdl-color--light-blue {\n background-color: rgb(3,169,244) !important; }\n\n.mdl-color-text--light-blue-50 {\n color: rgb(225,245,254) !important; }\n\n.mdl-color--light-blue-50 {\n background-color: rgb(225,245,254) !important; }\n\n.mdl-color-text--light-blue-100 {\n color: rgb(179,229,252) !important; }\n\n.mdl-color--light-blue-100 {\n background-color: rgb(179,229,252) !important; }\n\n.mdl-color-text--light-blue-200 {\n color: rgb(129,212,250) !important; }\n\n.mdl-color--light-blue-200 {\n background-color: rgb(129,212,250) !important; }\n\n.mdl-color-text--light-blue-300 {\n color: rgb(79,195,247) !important; }\n\n.mdl-color--light-blue-300 {\n background-color: rgb(79,195,247) !important; }\n\n.mdl-color-text--light-blue-400 {\n color: rgb(41,182,246) !important; }\n\n.mdl-color--light-blue-400 {\n background-color: rgb(41,182,246) !important; }\n\n.mdl-color-text--light-blue-500 {\n color: rgb(3,169,244) !important; }\n\n.mdl-color--light-blue-500 {\n background-color: rgb(3,169,244) !important; }\n\n.mdl-color-text--light-blue-600 {\n color: rgb(3,155,229) !important; }\n\n.mdl-color--light-blue-600 {\n background-color: rgb(3,155,229) !important; }\n\n.mdl-color-text--light-blue-700 {\n color: rgb(2,136,209) !important; }\n\n.mdl-color--light-blue-700 {\n background-color: rgb(2,136,209) !important; }\n\n.mdl-color-text--light-blue-800 {\n color: rgb(2,119,189) !important; }\n\n.mdl-color--light-blue-800 {\n background-color: rgb(2,119,189) !important; }\n\n.mdl-color-text--light-blue-900 {\n color: rgb(1,87,155) !important; }\n\n.mdl-color--light-blue-900 {\n background-color: rgb(1,87,155) !important; }\n\n.mdl-color-text--light-blue-A100 {\n color: rgb(128,216,255) !important; }\n\n.mdl-color--light-blue-A100 {\n background-color: rgb(128,216,255) !important; }\n\n.mdl-color-text--light-blue-A200 {\n color: rgb(64,196,255) !important; }\n\n.mdl-color--light-blue-A200 {\n background-color: rgb(64,196,255) !important; }\n\n.mdl-color-text--light-blue-A400 {\n color: rgb(0,176,255) !important; }\n\n.mdl-color--light-blue-A400 {\n background-color: rgb(0,176,255) !important; }\n\n.mdl-color-text--light-blue-A700 {\n color: rgb(0,145,234) !important; }\n\n.mdl-color--light-blue-A700 {\n background-color: rgb(0,145,234) !important; }\n\n.mdl-color-text--cyan {\n color: rgb(0,188,212) !important; }\n\n.mdl-color--cyan {\n background-color: rgb(0,188,212) !important; }\n\n.mdl-color-text--cyan-50 {\n color: rgb(224,247,250) !important; }\n\n.mdl-color--cyan-50 {\n background-color: rgb(224,247,250) !important; }\n\n.mdl-color-text--cyan-100 {\n color: rgb(178,235,242) !important; }\n\n.mdl-color--cyan-100 {\n background-color: rgb(178,235,242) !important; }\n\n.mdl-color-text--cyan-200 {\n color: rgb(128,222,234) !important; }\n\n.mdl-color--cyan-200 {\n background-color: rgb(128,222,234) !important; }\n\n.mdl-color-text--cyan-300 {\n color: rgb(77,208,225) !important; }\n\n.mdl-color--cyan-300 {\n background-color: rgb(77,208,225) !important; }\n\n.mdl-color-text--cyan-400 {\n color: rgb(38,198,218) !important; }\n\n.mdl-color--cyan-400 {\n background-color: rgb(38,198,218) !important; }\n\n.mdl-color-text--cyan-500 {\n color: rgb(0,188,212) !important; }\n\n.mdl-color--cyan-500 {\n background-color: rgb(0,188,212) !important; }\n\n.mdl-color-text--cyan-600 {\n color: rgb(0,172,193) !important; }\n\n.mdl-color--cyan-600 {\n background-color: rgb(0,172,193) !important; }\n\n.mdl-color-text--cyan-700 {\n color: rgb(0,151,167) !important; }\n\n.mdl-color--cyan-700 {\n background-color: rgb(0,151,167) !important; }\n\n.mdl-color-text--cyan-800 {\n color: rgb(0,131,143) !important; }\n\n.mdl-color--cyan-800 {\n background-color: rgb(0,131,143) !important; }\n\n.mdl-color-text--cyan-900 {\n color: rgb(0,96,100) !important; }\n\n.mdl-color--cyan-900 {\n background-color: rgb(0,96,100) !important; }\n\n.mdl-color-text--cyan-A100 {\n color: rgb(132,255,255) !important; }\n\n.mdl-color--cyan-A100 {\n background-color: rgb(132,255,255) !important; }\n\n.mdl-color-text--cyan-A200 {\n color: rgb(24,255,255) !important; }\n\n.mdl-color--cyan-A200 {\n background-color: rgb(24,255,255) !important; }\n\n.mdl-color-text--cyan-A400 {\n color: rgb(0,229,255) !important; }\n\n.mdl-color--cyan-A400 {\n background-color: rgb(0,229,255) !important; }\n\n.mdl-color-text--cyan-A700 {\n color: rgb(0,184,212) !important; }\n\n.mdl-color--cyan-A700 {\n background-color: rgb(0,184,212) !important; }\n\n.mdl-color-text--teal {\n color: rgb(0,150,136) !important; }\n\n.mdl-color--teal {\n background-color: rgb(0,150,136) !important; }\n\n.mdl-color-text--teal-50 {\n color: rgb(224,242,241) !important; }\n\n.mdl-color--teal-50 {\n background-color: rgb(224,242,241) !important; }\n\n.mdl-color-text--teal-100 {\n color: rgb(178,223,219) !important; }\n\n.mdl-color--teal-100 {\n background-color: rgb(178,223,219) !important; }\n\n.mdl-color-text--teal-200 {\n color: rgb(128,203,196) !important; }\n\n.mdl-color--teal-200 {\n background-color: rgb(128,203,196) !important; }\n\n.mdl-color-text--teal-300 {\n color: rgb(77,182,172) !important; }\n\n.mdl-color--teal-300 {\n background-color: rgb(77,182,172) !important; }\n\n.mdl-color-text--teal-400 {\n color: rgb(38,166,154) !important; }\n\n.mdl-color--teal-400 {\n background-color: rgb(38,166,154) !important; }\n\n.mdl-color-text--teal-500 {\n color: rgb(0,150,136) !important; }\n\n.mdl-color--teal-500 {\n background-color: rgb(0,150,136) !important; }\n\n.mdl-color-text--teal-600 {\n color: rgb(0,137,123) !important; }\n\n.mdl-color--teal-600 {\n background-color: rgb(0,137,123) !important; }\n\n.mdl-color-text--teal-700 {\n color: rgb(0,121,107) !important; }\n\n.mdl-color--teal-700 {\n background-color: rgb(0,121,107) !important; }\n\n.mdl-color-text--teal-800 {\n color: rgb(0,105,92) !important; }\n\n.mdl-color--teal-800 {\n background-color: rgb(0,105,92) !important; }\n\n.mdl-color-text--teal-900 {\n color: rgb(0,77,64) !important; }\n\n.mdl-color--teal-900 {\n background-color: rgb(0,77,64) !important; }\n\n.mdl-color-text--teal-A100 {\n color: rgb(167,255,235) !important; }\n\n.mdl-color--teal-A100 {\n background-color: rgb(167,255,235) !important; }\n\n.mdl-color-text--teal-A200 {\n color: rgb(100,255,218) !important; }\n\n.mdl-color--teal-A200 {\n background-color: rgb(100,255,218) !important; }\n\n.mdl-color-text--teal-A400 {\n color: rgb(29,233,182) !important; }\n\n.mdl-color--teal-A400 {\n background-color: rgb(29,233,182) !important; }\n\n.mdl-color-text--teal-A700 {\n color: rgb(0,191,165) !important; }\n\n.mdl-color--teal-A700 {\n background-color: rgb(0,191,165) !important; }\n\n.mdl-color-text--green {\n color: rgb(76,175,80) !important; }\n\n.mdl-color--green {\n background-color: rgb(76,175,80) !important; }\n\n.mdl-color-text--green-50 {\n color: rgb(232,245,233) !important; }\n\n.mdl-color--green-50 {\n background-color: rgb(232,245,233) !important; }\n\n.mdl-color-text--green-100 {\n color: rgb(200,230,201) !important; }\n\n.mdl-color--green-100 {\n background-color: rgb(200,230,201) !important; }\n\n.mdl-color-text--green-200 {\n color: rgb(165,214,167) !important; }\n\n.mdl-color--green-200 {\n background-color: rgb(165,214,167) !important; }\n\n.mdl-color-text--green-300 {\n color: rgb(129,199,132) !important; }\n\n.mdl-color--green-300 {\n background-color: rgb(129,199,132) !important; }\n\n.mdl-color-text--green-400 {\n color: rgb(102,187,106) !important; }\n\n.mdl-color--green-400 {\n background-color: rgb(102,187,106) !important; }\n\n.mdl-color-text--green-500 {\n color: rgb(76,175,80) !important; }\n\n.mdl-color--green-500 {\n background-color: rgb(76,175,80) !important; }\n\n.mdl-color-text--green-600 {\n color: rgb(67,160,71) !important; }\n\n.mdl-color--green-600 {\n background-color: rgb(67,160,71) !important; }\n\n.mdl-color-text--green-700 {\n color: rgb(56,142,60) !important; }\n\n.mdl-color--green-700 {\n background-color: rgb(56,142,60) !important; }\n\n.mdl-color-text--green-800 {\n color: rgb(46,125,50) !important; }\n\n.mdl-color--green-800 {\n background-color: rgb(46,125,50) !important; }\n\n.mdl-color-text--green-900 {\n color: rgb(27,94,32) !important; }\n\n.mdl-color--green-900 {\n background-color: rgb(27,94,32) !important; }\n\n.mdl-color-text--green-A100 {\n color: rgb(185,246,202) !important; }\n\n.mdl-color--green-A100 {\n background-color: rgb(185,246,202) !important; }\n\n.mdl-color-text--green-A200 {\n color: rgb(105,240,174) !important; }\n\n.mdl-color--green-A200 {\n background-color: rgb(105,240,174) !important; }\n\n.mdl-color-text--green-A400 {\n color: rgb(0,230,118) !important; }\n\n.mdl-color--green-A400 {\n background-color: rgb(0,230,118) !important; }\n\n.mdl-color-text--green-A700 {\n color: rgb(0,200,83) !important; }\n\n.mdl-color--green-A700 {\n background-color: rgb(0,200,83) !important; }\n\n.mdl-color-text--light-green {\n color: rgb(139,195,74) !important; }\n\n.mdl-color--light-green {\n background-color: rgb(139,195,74) !important; }\n\n.mdl-color-text--light-green-50 {\n color: rgb(241,248,233) !important; }\n\n.mdl-color--light-green-50 {\n background-color: rgb(241,248,233) !important; }\n\n.mdl-color-text--light-green-100 {\n color: rgb(220,237,200) !important; }\n\n.mdl-color--light-green-100 {\n background-color: rgb(220,237,200) !important; }\n\n.mdl-color-text--light-green-200 {\n color: rgb(197,225,165) !important; }\n\n.mdl-color--light-green-200 {\n background-color: rgb(197,225,165) !important; }\n\n.mdl-color-text--light-green-300 {\n color: rgb(174,213,129) !important; }\n\n.mdl-color--light-green-300 {\n background-color: rgb(174,213,129) !important; }\n\n.mdl-color-text--light-green-400 {\n color: rgb(156,204,101) !important; }\n\n.mdl-color--light-green-400 {\n background-color: rgb(156,204,101) !important; }\n\n.mdl-color-text--light-green-500 {\n color: rgb(139,195,74) !important; }\n\n.mdl-color--light-green-500 {\n background-color: rgb(139,195,74) !important; }\n\n.mdl-color-text--light-green-600 {\n color: rgb(124,179,66) !important; }\n\n.mdl-color--light-green-600 {\n background-color: rgb(124,179,66) !important; }\n\n.mdl-color-text--light-green-700 {\n color: rgb(104,159,56) !important; }\n\n.mdl-color--light-green-700 {\n background-color: rgb(104,159,56) !important; }\n\n.mdl-color-text--light-green-800 {\n color: rgb(85,139,47) !important; }\n\n.mdl-color--light-green-800 {\n background-color: rgb(85,139,47) !important; }\n\n.mdl-color-text--light-green-900 {\n color: rgb(51,105,30) !important; }\n\n.mdl-color--light-green-900 {\n background-color: rgb(51,105,30) !important; }\n\n.mdl-color-text--light-green-A100 {\n color: rgb(204,255,144) !important; }\n\n.mdl-color--light-green-A100 {\n background-color: rgb(204,255,144) !important; }\n\n.mdl-color-text--light-green-A200 {\n color: rgb(178,255,89) !important; }\n\n.mdl-color--light-green-A200 {\n background-color: rgb(178,255,89) !important; }\n\n.mdl-color-text--light-green-A400 {\n color: rgb(118,255,3) !important; }\n\n.mdl-color--light-green-A400 {\n background-color: rgb(118,255,3) !important; }\n\n.mdl-color-text--light-green-A700 {\n color: rgb(100,221,23) !important; }\n\n.mdl-color--light-green-A700 {\n background-color: rgb(100,221,23) !important; }\n\n.mdl-color-text--lime {\n color: rgb(205,220,57) !important; }\n\n.mdl-color--lime {\n background-color: rgb(205,220,57) !important; }\n\n.mdl-color-text--lime-50 {\n color: rgb(249,251,231) !important; }\n\n.mdl-color--lime-50 {\n background-color: rgb(249,251,231) !important; }\n\n.mdl-color-text--lime-100 {\n color: rgb(240,244,195) !important; }\n\n.mdl-color--lime-100 {\n background-color: rgb(240,244,195) !important; }\n\n.mdl-color-text--lime-200 {\n color: rgb(230,238,156) !important; }\n\n.mdl-color--lime-200 {\n background-color: rgb(230,238,156) !important; }\n\n.mdl-color-text--lime-300 {\n color: rgb(220,231,117) !important; }\n\n.mdl-color--lime-300 {\n background-color: rgb(220,231,117) !important; }\n\n.mdl-color-text--lime-400 {\n color: rgb(212,225,87) !important; }\n\n.mdl-color--lime-400 {\n background-color: rgb(212,225,87) !important; }\n\n.mdl-color-text--lime-500 {\n color: rgb(205,220,57) !important; }\n\n.mdl-color--lime-500 {\n background-color: rgb(205,220,57) !important; }\n\n.mdl-color-text--lime-600 {\n color: rgb(192,202,51) !important; }\n\n.mdl-color--lime-600 {\n background-color: rgb(192,202,51) !important; }\n\n.mdl-color-text--lime-700 {\n color: rgb(175,180,43) !important; }\n\n.mdl-color--lime-700 {\n background-color: rgb(175,180,43) !important; }\n\n.mdl-color-text--lime-800 {\n color: rgb(158,157,36) !important; }\n\n.mdl-color--lime-800 {\n background-color: rgb(158,157,36) !important; }\n\n.mdl-color-text--lime-900 {\n color: rgb(130,119,23) !important; }\n\n.mdl-color--lime-900 {\n background-color: rgb(130,119,23) !important; }\n\n.mdl-color-text--lime-A100 {\n color: rgb(244,255,129) !important; }\n\n.mdl-color--lime-A100 {\n background-color: rgb(244,255,129) !important; }\n\n.mdl-color-text--lime-A200 {\n color: rgb(238,255,65) !important; }\n\n.mdl-color--lime-A200 {\n background-color: rgb(238,255,65) !important; }\n\n.mdl-color-text--lime-A400 {\n color: rgb(198,255,0) !important; }\n\n.mdl-color--lime-A400 {\n background-color: rgb(198,255,0) !important; }\n\n.mdl-color-text--lime-A700 {\n color: rgb(174,234,0) !important; }\n\n.mdl-color--lime-A700 {\n background-color: rgb(174,234,0) !important; }\n\n.mdl-color-text--yellow {\n color: rgb(255,235,59) !important; }\n\n.mdl-color--yellow {\n background-color: rgb(255,235,59) !important; }\n\n.mdl-color-text--yellow-50 {\n color: rgb(255,253,231) !important; }\n\n.mdl-color--yellow-50 {\n background-color: rgb(255,253,231) !important; }\n\n.mdl-color-text--yellow-100 {\n color: rgb(255,249,196) !important; }\n\n.mdl-color--yellow-100 {\n background-color: rgb(255,249,196) !important; }\n\n.mdl-color-text--yellow-200 {\n color: rgb(255,245,157) !important; }\n\n.mdl-color--yellow-200 {\n background-color: rgb(255,245,157) !important; }\n\n.mdl-color-text--yellow-300 {\n color: rgb(255,241,118) !important; }\n\n.mdl-color--yellow-300 {\n background-color: rgb(255,241,118) !important; }\n\n.mdl-color-text--yellow-400 {\n color: rgb(255,238,88) !important; }\n\n.mdl-color--yellow-400 {\n background-color: rgb(255,238,88) !important; }\n\n.mdl-color-text--yellow-500 {\n color: rgb(255,235,59) !important; }\n\n.mdl-color--yellow-500 {\n background-color: rgb(255,235,59) !important; }\n\n.mdl-color-text--yellow-600 {\n color: rgb(253,216,53) !important; }\n\n.mdl-color--yellow-600 {\n background-color: rgb(253,216,53) !important; }\n\n.mdl-color-text--yellow-700 {\n color: rgb(251,192,45) !important; }\n\n.mdl-color--yellow-700 {\n background-color: rgb(251,192,45) !important; }\n\n.mdl-color-text--yellow-800 {\n color: rgb(249,168,37) !important; }\n\n.mdl-color--yellow-800 {\n background-color: rgb(249,168,37) !important; }\n\n.mdl-color-text--yellow-900 {\n color: rgb(245,127,23) !important; }\n\n.mdl-color--yellow-900 {\n background-color: rgb(245,127,23) !important; }\n\n.mdl-color-text--yellow-A100 {\n color: rgb(255,255,141) !important; }\n\n.mdl-color--yellow-A100 {\n background-color: rgb(255,255,141) !important; }\n\n.mdl-color-text--yellow-A200 {\n color: rgb(255,255,0) !important; }\n\n.mdl-color--yellow-A200 {\n background-color: rgb(255,255,0) !important; }\n\n.mdl-color-text--yellow-A400 {\n color: rgb(255,234,0) !important; }\n\n.mdl-color--yellow-A400 {\n background-color: rgb(255,234,0) !important; }\n\n.mdl-color-text--yellow-A700 {\n color: rgb(255,214,0) !important; }\n\n.mdl-color--yellow-A700 {\n background-color: rgb(255,214,0) !important; }\n\n.mdl-color-text--amber {\n color: rgb(255,193,7) !important; }\n\n.mdl-color--amber {\n background-color: rgb(255,193,7) !important; }\n\n.mdl-color-text--amber-50 {\n color: rgb(255,248,225) !important; }\n\n.mdl-color--amber-50 {\n background-color: rgb(255,248,225) !important; }\n\n.mdl-color-text--amber-100 {\n color: rgb(255,236,179) !important; }\n\n.mdl-color--amber-100 {\n background-color: rgb(255,236,179) !important; }\n\n.mdl-color-text--amber-200 {\n color: rgb(255,224,130) !important; }\n\n.mdl-color--amber-200 {\n background-color: rgb(255,224,130) !important; }\n\n.mdl-color-text--amber-300 {\n color: rgb(255,213,79) !important; }\n\n.mdl-color--amber-300 {\n background-color: rgb(255,213,79) !important; }\n\n.mdl-color-text--amber-400 {\n color: rgb(255,202,40) !important; }\n\n.mdl-color--amber-400 {\n background-color: rgb(255,202,40) !important; }\n\n.mdl-color-text--amber-500 {\n color: rgb(255,193,7) !important; }\n\n.mdl-color--amber-500 {\n background-color: rgb(255,193,7) !important; }\n\n.mdl-color-text--amber-600 {\n color: rgb(255,179,0) !important; }\n\n.mdl-color--amber-600 {\n background-color: rgb(255,179,0) !important; }\n\n.mdl-color-text--amber-700 {\n color: rgb(255,160,0) !important; }\n\n.mdl-color--amber-700 {\n background-color: rgb(255,160,0) !important; }\n\n.mdl-color-text--amber-800 {\n color: rgb(255,143,0) !important; }\n\n.mdl-color--amber-800 {\n background-color: rgb(255,143,0) !important; }\n\n.mdl-color-text--amber-900 {\n color: rgb(255,111,0) !important; }\n\n.mdl-color--amber-900 {\n background-color: rgb(255,111,0) !important; }\n\n.mdl-color-text--amber-A100 {\n color: rgb(255,229,127) !important; }\n\n.mdl-color--amber-A100 {\n background-color: rgb(255,229,127) !important; }\n\n.mdl-color-text--amber-A200 {\n color: rgb(255,215,64) !important; }\n\n.mdl-color--amber-A200 {\n background-color: rgb(255,215,64) !important; }\n\n.mdl-color-text--amber-A400 {\n color: rgb(255,196,0) !important; }\n\n.mdl-color--amber-A400 {\n background-color: rgb(255,196,0) !important; }\n\n.mdl-color-text--amber-A700 {\n color: rgb(255,171,0) !important; }\n\n.mdl-color--amber-A700 {\n background-color: rgb(255,171,0) !important; }\n\n.mdl-color-text--orange {\n color: rgb(255,152,0) !important; }\n\n.mdl-color--orange {\n background-color: rgb(255,152,0) !important; }\n\n.mdl-color-text--orange-50 {\n color: rgb(255,243,224) !important; }\n\n.mdl-color--orange-50 {\n background-color: rgb(255,243,224) !important; }\n\n.mdl-color-text--orange-100 {\n color: rgb(255,224,178) !important; }\n\n.mdl-color--orange-100 {\n background-color: rgb(255,224,178) !important; }\n\n.mdl-color-text--orange-200 {\n color: rgb(255,204,128) !important; }\n\n.mdl-color--orange-200 {\n background-color: rgb(255,204,128) !important; }\n\n.mdl-color-text--orange-300 {\n color: rgb(255,183,77) !important; }\n\n.mdl-color--orange-300 {\n background-color: rgb(255,183,77) !important; }\n\n.mdl-color-text--orange-400 {\n color: rgb(255,167,38) !important; }\n\n.mdl-color--orange-400 {\n background-color: rgb(255,167,38) !important; }\n\n.mdl-color-text--orange-500 {\n color: rgb(255,152,0) !important; }\n\n.mdl-color--orange-500 {\n background-color: rgb(255,152,0) !important; }\n\n.mdl-color-text--orange-600 {\n color: rgb(251,140,0) !important; }\n\n.mdl-color--orange-600 {\n background-color: rgb(251,140,0) !important; }\n\n.mdl-color-text--orange-700 {\n color: rgb(245,124,0) !important; }\n\n.mdl-color--orange-700 {\n background-color: rgb(245,124,0) !important; }\n\n.mdl-color-text--orange-800 {\n color: rgb(239,108,0) !important; }\n\n.mdl-color--orange-800 {\n background-color: rgb(239,108,0) !important; }\n\n.mdl-color-text--orange-900 {\n color: rgb(230,81,0) !important; }\n\n.mdl-color--orange-900 {\n background-color: rgb(230,81,0) !important; }\n\n.mdl-color-text--orange-A100 {\n color: rgb(255,209,128) !important; }\n\n.mdl-color--orange-A100 {\n background-color: rgb(255,209,128) !important; }\n\n.mdl-color-text--orange-A200 {\n color: rgb(255,171,64) !important; }\n\n.mdl-color--orange-A200 {\n background-color: rgb(255,171,64) !important; }\n\n.mdl-color-text--orange-A400 {\n color: rgb(255,145,0) !important; }\n\n.mdl-color--orange-A400 {\n background-color: rgb(255,145,0) !important; }\n\n.mdl-color-text--orange-A700 {\n color: rgb(255,109,0) !important; }\n\n.mdl-color--orange-A700 {\n background-color: rgb(255,109,0) !important; }\n\n.mdl-color-text--deep-orange {\n color: rgb(255,87,34) !important; }\n\n.mdl-color--deep-orange {\n background-color: rgb(255,87,34) !important; }\n\n.mdl-color-text--deep-orange-50 {\n color: rgb(251,233,231) !important; }\n\n.mdl-color--deep-orange-50 {\n background-color: rgb(251,233,231) !important; }\n\n.mdl-color-text--deep-orange-100 {\n color: rgb(255,204,188) !important; }\n\n.mdl-color--deep-orange-100 {\n background-color: rgb(255,204,188) !important; }\n\n.mdl-color-text--deep-orange-200 {\n color: rgb(255,171,145) !important; }\n\n.mdl-color--deep-orange-200 {\n background-color: rgb(255,171,145) !important; }\n\n.mdl-color-text--deep-orange-300 {\n color: rgb(255,138,101) !important; }\n\n.mdl-color--deep-orange-300 {\n background-color: rgb(255,138,101) !important; }\n\n.mdl-color-text--deep-orange-400 {\n color: rgb(255,112,67) !important; }\n\n.mdl-color--deep-orange-400 {\n background-color: rgb(255,112,67) !important; }\n\n.mdl-color-text--deep-orange-500 {\n color: rgb(255,87,34) !important; }\n\n.mdl-color--deep-orange-500 {\n background-color: rgb(255,87,34) !important; }\n\n.mdl-color-text--deep-orange-600 {\n color: rgb(244,81,30) !important; }\n\n.mdl-color--deep-orange-600 {\n background-color: rgb(244,81,30) !important; }\n\n.mdl-color-text--deep-orange-700 {\n color: rgb(230,74,25) !important; }\n\n.mdl-color--deep-orange-700 {\n background-color: rgb(230,74,25) !important; }\n\n.mdl-color-text--deep-orange-800 {\n color: rgb(216,67,21) !important; }\n\n.mdl-color--deep-orange-800 {\n background-color: rgb(216,67,21) !important; }\n\n.mdl-color-text--deep-orange-900 {\n color: rgb(191,54,12) !important; }\n\n.mdl-color--deep-orange-900 {\n background-color: rgb(191,54,12) !important; }\n\n.mdl-color-text--deep-orange-A100 {\n color: rgb(255,158,128) !important; }\n\n.mdl-color--deep-orange-A100 {\n background-color: rgb(255,158,128) !important; }\n\n.mdl-color-text--deep-orange-A200 {\n color: rgb(255,110,64) !important; }\n\n.mdl-color--deep-orange-A200 {\n background-color: rgb(255,110,64) !important; }\n\n.mdl-color-text--deep-orange-A400 {\n color: rgb(255,61,0) !important; }\n\n.mdl-color--deep-orange-A400 {\n background-color: rgb(255,61,0) !important; }\n\n.mdl-color-text--deep-orange-A700 {\n color: rgb(221,44,0) !important; }\n\n.mdl-color--deep-orange-A700 {\n background-color: rgb(221,44,0) !important; }\n\n.mdl-color-text--brown {\n color: rgb(121,85,72) !important; }\n\n.mdl-color--brown {\n background-color: rgb(121,85,72) !important; }\n\n.mdl-color-text--brown-50 {\n color: rgb(239,235,233) !important; }\n\n.mdl-color--brown-50 {\n background-color: rgb(239,235,233) !important; }\n\n.mdl-color-text--brown-100 {\n color: rgb(215,204,200) !important; }\n\n.mdl-color--brown-100 {\n background-color: rgb(215,204,200) !important; }\n\n.mdl-color-text--brown-200 {\n color: rgb(188,170,164) !important; }\n\n.mdl-color--brown-200 {\n background-color: rgb(188,170,164) !important; }\n\n.mdl-color-text--brown-300 {\n color: rgb(161,136,127) !important; }\n\n.mdl-color--brown-300 {\n background-color: rgb(161,136,127) !important; }\n\n.mdl-color-text--brown-400 {\n color: rgb(141,110,99) !important; }\n\n.mdl-color--brown-400 {\n background-color: rgb(141,110,99) !important; }\n\n.mdl-color-text--brown-500 {\n color: rgb(121,85,72) !important; }\n\n.mdl-color--brown-500 {\n background-color: rgb(121,85,72) !important; }\n\n.mdl-color-text--brown-600 {\n color: rgb(109,76,65) !important; }\n\n.mdl-color--brown-600 {\n background-color: rgb(109,76,65) !important; }\n\n.mdl-color-text--brown-700 {\n color: rgb(93,64,55) !important; }\n\n.mdl-color--brown-700 {\n background-color: rgb(93,64,55) !important; }\n\n.mdl-color-text--brown-800 {\n color: rgb(78,52,46) !important; }\n\n.mdl-color--brown-800 {\n background-color: rgb(78,52,46) !important; }\n\n.mdl-color-text--brown-900 {\n color: rgb(62,39,35) !important; }\n\n.mdl-color--brown-900 {\n background-color: rgb(62,39,35) !important; }\n\n.mdl-color-text--grey {\n color: rgb(158,158,158) !important; }\n\n.mdl-color--grey {\n background-color: rgb(158,158,158) !important; }\n\n.mdl-color-text--grey-50 {\n color: rgb(250,250,250) !important; }\n\n.mdl-color--grey-50 {\n background-color: rgb(250,250,250) !important; }\n\n.mdl-color-text--grey-100 {\n color: rgb(245,245,245) !important; }\n\n.mdl-color--grey-100 {\n background-color: rgb(245,245,245) !important; }\n\n.mdl-color-text--grey-200 {\n color: rgb(238,238,238) !important; }\n\n.mdl-color--grey-200 {\n background-color: rgb(238,238,238) !important; }\n\n.mdl-color-text--grey-300 {\n color: rgb(224,224,224) !important; }\n\n.mdl-color--grey-300 {\n background-color: rgb(224,224,224) !important; }\n\n.mdl-color-text--grey-400 {\n color: rgb(189,189,189) !important; }\n\n.mdl-color--grey-400 {\n background-color: rgb(189,189,189) !important; }\n\n.mdl-color-text--grey-500 {\n color: rgb(158,158,158) !important; }\n\n.mdl-color--grey-500 {\n background-color: rgb(158,158,158) !important; }\n\n.mdl-color-text--grey-600 {\n color: rgb(117,117,117) !important; }\n\n.mdl-color--grey-600 {\n background-color: rgb(117,117,117) !important; }\n\n.mdl-color-text--grey-700 {\n color: rgb(97,97,97) !important; }\n\n.mdl-color--grey-700 {\n background-color: rgb(97,97,97) !important; }\n\n.mdl-color-text--grey-800 {\n color: rgb(66,66,66) !important; }\n\n.mdl-color--grey-800 {\n background-color: rgb(66,66,66) !important; }\n\n.mdl-color-text--grey-900 {\n color: rgb(33,33,33) !important; }\n\n.mdl-color--grey-900 {\n background-color: rgb(33,33,33) !important; }\n\n.mdl-color-text--blue-grey {\n color: rgb(96,125,139) !important; }\n\n.mdl-color--blue-grey {\n background-color: rgb(96,125,139) !important; }\n\n.mdl-color-text--blue-grey-50 {\n color: rgb(236,239,241) !important; }\n\n.mdl-color--blue-grey-50 {\n background-color: rgb(236,239,241) !important; }\n\n.mdl-color-text--blue-grey-100 {\n color: rgb(207,216,220) !important; }\n\n.mdl-color--blue-grey-100 {\n background-color: rgb(207,216,220) !important; }\n\n.mdl-color-text--blue-grey-200 {\n color: rgb(176,190,197) !important; }\n\n.mdl-color--blue-grey-200 {\n background-color: rgb(176,190,197) !important; }\n\n.mdl-color-text--blue-grey-300 {\n color: rgb(144,164,174) !important; }\n\n.mdl-color--blue-grey-300 {\n background-color: rgb(144,164,174) !important; }\n\n.mdl-color-text--blue-grey-400 {\n color: rgb(120,144,156) !important; }\n\n.mdl-color--blue-grey-400 {\n background-color: rgb(120,144,156) !important; }\n\n.mdl-color-text--blue-grey-500 {\n color: rgb(96,125,139) !important; }\n\n.mdl-color--blue-grey-500 {\n background-color: rgb(96,125,139) !important; }\n\n.mdl-color-text--blue-grey-600 {\n color: rgb(84,110,122) !important; }\n\n.mdl-color--blue-grey-600 {\n background-color: rgb(84,110,122) !important; }\n\n.mdl-color-text--blue-grey-700 {\n color: rgb(69,90,100) !important; }\n\n.mdl-color--blue-grey-700 {\n background-color: rgb(69,90,100) !important; }\n\n.mdl-color-text--blue-grey-800 {\n color: rgb(55,71,79) !important; }\n\n.mdl-color--blue-grey-800 {\n background-color: rgb(55,71,79) !important; }\n\n.mdl-color-text--blue-grey-900 {\n color: rgb(38,50,56) !important; }\n\n.mdl-color--blue-grey-900 {\n background-color: rgb(38,50,56) !important; }\n\n.mdl-color--black {\n background-color: rgb(0,0,0) !important; }\n\n.mdl-color-text--black {\n color: rgb(0,0,0) !important; }\n\n.mdl-color--white {\n background-color: rgb(255,255,255) !important; }\n\n.mdl-color-text--white {\n color: rgb(255,255,255) !important; }\n\n.mdl-color--primary {\n background-color: rgb(63,81,181) !important; }\n\n.mdl-color--primary-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.mdl-color--primary-dark {\n background-color: rgb(48,63,159) !important; }\n\n.mdl-color--accent {\n background-color: rgb(255,64,129) !important; }\n\n.mdl-color--accent-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.mdl-color-text--primary {\n color: rgb(63,81,181) !important; }\n\n.mdl-color-text--primary-contrast {\n color: rgb(255,255,255) !important; }\n\n.mdl-color-text--primary-dark {\n color: rgb(48,63,159) !important; }\n\n.mdl-color-text--accent {\n color: rgb(255,64,129) !important; }\n\n.mdl-color-text--accent-contrast {\n color: rgb(255,255,255) !important; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-ripple {\n background: rgb(0,0,0);\n border-radius: 50%;\n height: 50px;\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n transform: translate(-50%, -50%);\n width: 50px;\n overflow: hidden; }\n .mdl-ripple.is-animating {\n transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); }\n .mdl-ripple.is-visible {\n opacity: 0.3; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-animation--default {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n\n.mdl-animation--fast-out-slow-in {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n\n.mdl-animation--linear-out-slow-in {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }\n\n.mdl-animation--fast-out-linear-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-badge {\n position: relative;\n white-space: nowrap;\n margin-right: 24px; }\n .mdl-badge:not([data-badge]) {\n margin-right: auto; }\n .mdl-badge[data-badge]:after {\n content: attr(data-badge);\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n position: absolute;\n top: -11px;\n right: -24px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-weight: 600;\n font-size: 12px;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: rgb(255,64,129);\n color: rgb(255,255,255); }\n .mdl-button .mdl-badge[data-badge]:after {\n top: -10px;\n right: -5px; }\n .mdl-badge.mdl-badge--no-background[data-badge]:after {\n color: rgb(255,64,129);\n background: rgba(255,255,255,0.2);\n box-shadow: 0 0 1px gray; }\n .mdl-badge.mdl-badge--overlap {\n margin-right: 10px; }\n .mdl-badge.mdl-badge--overlap:after {\n right: -10px; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-button {\n background: transparent;\n border: none;\n border-radius: 2px;\n color: rgb(0,0,0);\n position: relative;\n height: 36px;\n margin: 0;\n min-width: 64px;\n padding: 0 16px;\n display: inline-block;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow;\n transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: 36px;\n vertical-align: middle; }\n .mdl-button::-moz-focus-inner {\n border: 0; }\n .mdl-button:hover {\n background-color: rgba(158,158,158, 0.20); }\n .mdl-button:focus:not(:active) {\n background-color: rgba(0,0,0, 0.12); }\n .mdl-button:active {\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button.mdl-button--colored {\n color: rgb(63,81,181); }\n .mdl-button.mdl-button--colored:focus:not(:active) {\n background-color: rgba(0,0,0, 0.12); }\n\ninput.mdl-button[type=\"submit\"] {\n -webkit-appearance: none; }\n\n.mdl-button--raised {\n background: rgba(158,158,158, 0.20);\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }\n .mdl-button--raised:active {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--raised:focus:not(:active) {\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--raised.mdl-button--colored {\n background: rgb(63,81,181);\n color: rgb(255,255,255); }\n .mdl-button--raised.mdl-button--colored:hover {\n background-color: rgb(63,81,181); }\n .mdl-button--raised.mdl-button--colored:active {\n background-color: rgb(63,81,181); }\n .mdl-button--raised.mdl-button--colored:focus:not(:active) {\n background-color: rgb(63,81,181); }\n .mdl-button--raised.mdl-button--colored .mdl-ripple {\n background: rgb(255,255,255); }\n\n.mdl-button--fab {\n border-radius: 50%;\n font-size: 24px;\n height: 56px;\n margin: auto;\n min-width: 56px;\n width: 56px;\n padding: 0;\n overflow: hidden;\n background: rgba(158,158,158, 0.20);\n box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);\n position: relative;\n line-height: normal; }\n .mdl-button--fab .material-icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-12px, -12px);\n line-height: 24px;\n width: 24px; }\n .mdl-button--fab.mdl-button--mini-fab {\n height: 40px;\n min-width: 40px;\n width: 40px; }\n .mdl-button--fab .mdl-button__ripple-container {\n border-radius: 50%;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-button--fab:active {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--fab:focus:not(:active) {\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);\n background-color: rgba(158,158,158, 0.40); }\n .mdl-button--fab.mdl-button--colored {\n background: rgb(255,64,129);\n color: rgb(255,255,255); }\n .mdl-button--fab.mdl-button--colored:hover {\n background-color: rgb(255,64,129); }\n .mdl-button--fab.mdl-button--colored:focus:not(:active) {\n background-color: rgb(255,64,129); }\n .mdl-button--fab.mdl-button--colored:active {\n background-color: rgb(255,64,129); }\n .mdl-button--fab.mdl-button--colored .mdl-ripple {\n background: rgb(255,255,255); }\n\n.mdl-button--icon {\n border-radius: 50%;\n font-size: 24px;\n height: 32px;\n margin-left: 0;\n margin-right: 0;\n min-width: 32px;\n width: 32px;\n padding: 0;\n overflow: hidden;\n color: inherit;\n line-height: normal; }\n .mdl-button--icon .material-icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-12px, -12px);\n line-height: 24px;\n width: 24px; }\n .mdl-button--icon.mdl-button--mini-icon {\n height: 24px;\n min-width: 24px;\n width: 24px; }\n .mdl-button--icon.mdl-button--mini-icon .material-icons {\n top: 0px;\n left: 0px; }\n .mdl-button--icon .mdl-button__ripple-container {\n border-radius: 50%;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n\n.mdl-button__ripple-container {\n display: block;\n height: 100%;\n left: 0px;\n position: absolute;\n top: 0px;\n width: 100%;\n z-index: 0;\n overflow: hidden; }\n .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,\n .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {\n background-color: transparent; }\n\n.mdl-button--primary.mdl-button--primary {\n color: rgb(63,81,181); }\n .mdl-button--primary.mdl-button--primary .mdl-ripple {\n background: rgb(255,255,255); }\n .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {\n color: rgb(255,255,255);\n background-color: rgb(63,81,181); }\n\n.mdl-button--accent.mdl-button--accent {\n color: rgb(255,64,129); }\n .mdl-button--accent.mdl-button--accent .mdl-ripple {\n background: rgb(255,255,255); }\n .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {\n color: rgb(255,255,255);\n background-color: rgb(255,64,129); }\n\n.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {\n color: rgba(0,0,0, 0.26);\n cursor: default;\n background-color: transparent; }\n\n.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {\n background-color: rgba(0,0,0, 0.12);\n color: rgba(0,0,0, 0.26); }\n\n.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {\n background-color: rgba(0,0,0, 0.12);\n color: rgba(0,0,0, 0.26);\n box-shadow: none; }\n\n.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {\n color: rgba(0,0,0, 0.26); }\n\n.mdl-button .material-icons {\n vertical-align: middle; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-card {\n display: flex;\n flex-direction: column;\n font-size: 16px;\n font-weight: 400;\n min-height: 200px;\n overflow: hidden;\n width: 330px;\n z-index: 1;\n position: relative;\n background: rgb(255,255,255);\n border-radius: 2px;\n box-sizing: border-box; }\n\n.mdl-card__media {\n background-color: rgb(255,64,129);\n background-repeat: repeat;\n background-position: 50% 50%;\n background-size: cover;\n background-origin: padding-box;\n background-attachment: scroll;\n box-sizing: border-box; }\n\n.mdl-card__title {\n align-items: center;\n color: rgb(0,0,0);\n display: block;\n display: flex;\n justify-content: stretch;\n line-height: normal;\n padding: 16px 16px;\n perspective-origin: 165px 56px;\n transform-origin: 165px 56px;\n box-sizing: border-box; }\n .mdl-card__title.mdl-card--border {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1); }\n\n.mdl-card__title-text {\n align-self: flex-end;\n color: inherit;\n display: block;\n display: flex;\n font-size: 24px;\n font-weight: 300;\n line-height: normal;\n overflow: hidden;\n transform-origin: 149px 48px;\n margin: 0; }\n\n.mdl-card__subtitle-text {\n font-size: 14px;\n color: rgba(0,0,0, 0.54);\n margin: 0; }\n\n.mdl-card__supporting-text {\n color: rgba(0,0,0, 0.54);\n font-size: 1rem;\n line-height: 18px;\n overflow: hidden;\n padding: 16px 16px;\n width: 90%; }\n\n.mdl-card__actions {\n font-size: 16px;\n line-height: normal;\n width: 100%;\n background-color: transparent;\n padding: 8px;\n box-sizing: border-box; }\n .mdl-card__actions.mdl-card--border {\n border-top: 1px solid rgba(0, 0, 0, 0.1); }\n\n.mdl-card--expand {\n flex-grow: 1; }\n\n.mdl-card__menu {\n position: absolute;\n right: 16px;\n top: 16px; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-checkbox {\n position: relative;\n z-index: 1;\n vertical-align: middle;\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n height: 24px;\n margin: 0;\n padding: 0; }\n .mdl-checkbox.is-upgraded {\n padding-left: 24px; }\n\n.mdl-checkbox__input {\n line-height: 24px; }\n .mdl-checkbox.is-upgraded .mdl-checkbox__input {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-checkbox__box-outline {\n position: absolute;\n top: 3px;\n left: 0;\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n margin: 0;\n cursor: pointer;\n overflow: hidden;\n border: 2px solid rgba(0,0,0, 0.54);\n border-radius: 2px;\n z-index: 2; }\n .mdl-checkbox.is-checked .mdl-checkbox__box-outline {\n border: 2px solid rgb(63,81,181); }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,\n .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {\n border: 2px solid rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-checkbox__focus-helper {\n position: absolute;\n top: 3px;\n left: 0;\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: transparent; }\n .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {\n box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);\n background-color: rgba(0, 0, 0, 0.1); }\n .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {\n box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);\n background-color: rgba(63,81,181, 0.26); }\n\n.mdl-checkbox__tick-outline {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n mask: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==\");\n background: transparent;\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: background; }\n .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {\n background: rgb(63,81,181) url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K\"); }\n fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,\n .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {\n background: rgba(0,0,0, 0.26) url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K\"); }\n\n.mdl-checkbox__label {\n position: relative;\n cursor: pointer;\n font-size: 16px;\n line-height: 24px;\n margin: 0; }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,\n .mdl-checkbox.is-disabled .mdl-checkbox__label {\n color: rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-checkbox__ripple-container {\n position: absolute;\n z-index: 2;\n top: -6px;\n left: -10px;\n box-sizing: border-box;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-checkbox__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,\n .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {\n cursor: auto; }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,\n .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {\n background: transparent; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-data-table {\n position: relative;\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-collapse: collapse;\n white-space: nowrap;\n font-size: 13px;\n background-color: rgb(255,255,255); }\n .mdl-data-table thead {\n padding-bottom: 3px; }\n .mdl-data-table thead .mdl-data-table__select {\n margin-top: 0; }\n .mdl-data-table tbody tr {\n position: relative;\n height: 48px;\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: background-color; }\n .mdl-data-table tbody tr.is-selected {\n background-color: #e0e0e0; }\n .mdl-data-table tbody tr:hover {\n background-color: #eeeeee; }\n .mdl-data-table td, .mdl-data-table th {\n padding: 0 18px 12px 18px;\n text-align: right; }\n .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {\n padding-left: 24px; }\n .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {\n padding-right: 24px; }\n .mdl-data-table td {\n position: relative;\n vertical-align: middle;\n height: 48px;\n border-top: 1px solid rgba(0, 0, 0, 0.12);\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n padding-top: 12px;\n box-sizing: border-box; }\n .mdl-data-table td .mdl-data-table__select {\n vertical-align: middle; }\n .mdl-data-table th {\n position: relative;\n vertical-align: bottom;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: bold;\n line-height: 24px;\n letter-spacing: 0;\n height: 48px;\n font-size: 12px;\n color: rgba(0, 0, 0, 0.54);\n padding-bottom: 8px;\n box-sizing: border-box; }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {\n color: rgba(0, 0, 0, 0.87); }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n word-wrap: normal;\n font-feature-settings: 'liga';\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased;\n font-size: 16px;\n content: \"\\e5d8\";\n margin-right: 5px;\n vertical-align: sub; }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {\n cursor: pointer; }\n .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {\n color: rgba(0, 0, 0, 0.26); }\n .mdl-data-table th.mdl-data-table__header--sorted-descending:before {\n content: \"\\e5db\"; }\n\n.mdl-data-table__select {\n width: 16px; }\n\n.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {\n text-align: left; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-dialog {\n border: none;\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);\n width: 280px; }\n .mdl-dialog__title {\n padding: 24px 24px 0;\n margin: 0;\n font-size: 2.5rem; }\n .mdl-dialog__actions {\n padding: 8px 8px 8px 24px;\n display: flex;\n flex-direction: row-reverse;\n flex-wrap: wrap; }\n .mdl-dialog__actions > * {\n margin-right: 8px;\n height: 36px; }\n .mdl-dialog__actions > *:first-child {\n margin-right: 0; }\n .mdl-dialog__actions--full-width {\n padding: 0 0 8px 0; }\n .mdl-dialog__actions--full-width > * {\n height: 48px;\n flex: 0 0 100%;\n padding-right: 16px;\n margin-right: 0;\n text-align: right; }\n .mdl-dialog__content {\n padding: 20px 24px 24px 24px;\n color: rgba(0,0,0, 0.54); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-mega-footer {\n padding: 16px 40px;\n color: rgb(158,158,158);\n background-color: rgb(66,66,66); }\n\n.mdl-mega-footer--top-section:after,\n.mdl-mega-footer--middle-section:after,\n.mdl-mega-footer--bottom-section:after,\n.mdl-mega-footer__top-section:after,\n.mdl-mega-footer__middle-section:after,\n.mdl-mega-footer__bottom-section:after {\n content: '';\n display: block;\n clear: both; }\n\n.mdl-mega-footer--left-section,\n.mdl-mega-footer__left-section {\n margin-bottom: 16px; }\n\n.mdl-mega-footer--right-section,\n.mdl-mega-footer__right-section {\n margin-bottom: 16px; }\n\n.mdl-mega-footer--right-section a,\n.mdl-mega-footer__right-section a {\n display: block;\n margin-bottom: 16px;\n color: inherit;\n text-decoration: none; }\n\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--left-section,\n .mdl-mega-footer__left-section {\n float: left; }\n .mdl-mega-footer--right-section,\n .mdl-mega-footer__right-section {\n float: right; }\n .mdl-mega-footer--right-section a,\n .mdl-mega-footer__right-section a {\n display: inline-block;\n margin-left: 16px;\n line-height: 36px;\n vertical-align: middle; } }\n\n.mdl-mega-footer--social-btn,\n.mdl-mega-footer__social-btn {\n width: 36px;\n height: 36px;\n padding: 0;\n margin: 0;\n background-color: rgb(158,158,158);\n border: none; }\n\n.mdl-mega-footer--drop-down-section,\n.mdl-mega-footer__drop-down-section {\n display: block;\n position: relative; }\n\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--drop-down-section,\n .mdl-mega-footer__drop-down-section {\n width: 33%; }\n .mdl-mega-footer--drop-down-section:nth-child(1),\n .mdl-mega-footer--drop-down-section:nth-child(2),\n .mdl-mega-footer__drop-down-section:nth-child(1),\n .mdl-mega-footer__drop-down-section:nth-child(2) {\n float: left; }\n .mdl-mega-footer--drop-down-section:nth-child(3),\n .mdl-mega-footer__drop-down-section:nth-child(3) {\n float: right; }\n .mdl-mega-footer--drop-down-section:nth-child(3):after,\n .mdl-mega-footer__drop-down-section:nth-child(3):after {\n clear: right; }\n .mdl-mega-footer--drop-down-section:nth-child(4),\n .mdl-mega-footer__drop-down-section:nth-child(4) {\n clear: right;\n float: right; }\n .mdl-mega-footer--middle-section:after,\n .mdl-mega-footer__middle-section:after {\n content: '';\n display: block;\n clear: both; }\n .mdl-mega-footer--bottom-section,\n .mdl-mega-footer__bottom-section {\n padding-top: 0; } }\n\n@media screen and (min-width: 1024px) {\n .mdl-mega-footer--drop-down-section,\n .mdl-mega-footer--drop-down-section:nth-child(3),\n .mdl-mega-footer--drop-down-section:nth-child(4),\n .mdl-mega-footer__drop-down-section,\n .mdl-mega-footer__drop-down-section:nth-child(3),\n .mdl-mega-footer__drop-down-section:nth-child(4) {\n width: 24%;\n float: left; } }\n\n.mdl-mega-footer--heading-checkbox,\n.mdl-mega-footer__heading-checkbox {\n position: absolute;\n width: 100%;\n height: 55.8px;\n padding: 32px;\n margin: 0;\n margin-top: -16px;\n cursor: pointer;\n z-index: 1;\n opacity: 0; }\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {\n font-family: 'Material Icons';\n content: '\\E5CE'; }\n\n.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,\n.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {\n display: none; }\n\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,\n.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,\n.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {\n font-family: 'Material Icons';\n content: '\\E5CF'; }\n\n.mdl-mega-footer--heading,\n.mdl-mega-footer__heading {\n position: relative;\n width: 100%;\n padding-right: 39.8px;\n margin-bottom: 16px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 23.8px;\n font-weight: 500;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: rgb(224,224,224); }\n\n.mdl-mega-footer--heading:after,\n.mdl-mega-footer__heading:after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n display: block;\n width: 23.8px;\n height: 23.8px;\n background-size: cover; }\n\n.mdl-mega-footer--link-list,\n.mdl-mega-footer__link-list {\n list-style: none;\n margin: 0;\n padding: 0;\n margin-bottom: 32px; }\n .mdl-mega-footer--link-list:after,\n .mdl-mega-footer__link-list:after {\n clear: both;\n display: block;\n content: ''; }\n\n.mdl-mega-footer--link-list li,\n.mdl-mega-footer__link-list li {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n line-height: 20px; }\n\n.mdl-mega-footer--link-list a,\n.mdl-mega-footer__link-list a {\n color: inherit;\n text-decoration: none;\n white-space: nowrap; }\n\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--heading-checkbox,\n .mdl-mega-footer__heading-checkbox {\n display: none; }\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,\n .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {\n content: ''; }\n .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,\n .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,\n .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {\n display: block; }\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,\n .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,\n .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {\n content: ''; } }\n\n.mdl-mega-footer--bottom-section,\n.mdl-mega-footer__bottom-section {\n padding-top: 16px;\n margin-bottom: 16px; }\n\n.mdl-logo {\n margin-bottom: 16px;\n color: white; }\n\n.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,\n.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {\n float: left;\n margin-bottom: 0;\n margin-right: 16px; }\n\n@media screen and (min-width: 760px) {\n .mdl-logo {\n float: left;\n margin-bottom: 0;\n margin-right: 16px; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-mini-footer {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n padding: 32px 16px;\n color: rgb(158,158,158);\n background-color: rgb(66,66,66); }\n .mdl-mini-footer:after {\n content: '';\n display: block; }\n .mdl-mini-footer .mdl-logo {\n line-height: 36px; }\n\n.mdl-mini-footer--link-list,\n.mdl-mini-footer__link-list {\n display: flex;\n flex-flow: row nowrap;\n list-style: none;\n margin: 0;\n padding: 0; }\n .mdl-mini-footer--link-list li,\n .mdl-mini-footer__link-list li {\n margin-bottom: 0;\n margin-right: 16px; }\n @media screen and (min-width: 760px) {\n .mdl-mini-footer--link-list li,\n .mdl-mini-footer__link-list li {\n line-height: 36px; } }\n .mdl-mini-footer--link-list a,\n .mdl-mini-footer__link-list a {\n color: inherit;\n text-decoration: none;\n white-space: nowrap; }\n\n.mdl-mini-footer--left-section,\n.mdl-mini-footer__left-section {\n display: inline-block;\n order: 0; }\n\n.mdl-mini-footer--right-section,\n.mdl-mini-footer__right-section {\n display: inline-block;\n order: 1; }\n\n.mdl-mini-footer--social-btn,\n.mdl-mini-footer__social-btn {\n width: 36px;\n height: 36px;\n padding: 0;\n margin: 0;\n background-color: rgb(158,158,158);\n border: none; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-icon-toggle {\n position: relative;\n z-index: 1;\n vertical-align: middle;\n display: inline-block;\n height: 32px;\n margin: 0;\n padding: 0; }\n\n.mdl-icon-toggle__input {\n line-height: 32px; }\n .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-icon-toggle__label {\n display: inline-block;\n position: relative;\n cursor: pointer;\n height: 32px;\n width: 32px;\n min-width: 32px;\n color: rgb(97,97,97);\n border-radius: 50%;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: center;\n background-color: transparent;\n will-change: background-color;\n transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-icon-toggle__label.material-icons {\n line-height: 32px;\n font-size: 24px; }\n .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {\n color: rgb(63,81,181); }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {\n color: rgba(0,0,0, 0.26);\n cursor: auto;\n transition: none; }\n .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {\n background-color: rgba(0,0,0, 0.12); }\n .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {\n background-color: rgba(63,81,181, 0.26); }\n\n.mdl-icon-toggle__ripple-container {\n position: absolute;\n z-index: 2;\n top: -2px;\n left: -2px;\n box-sizing: border-box;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: rgb(97,97,97); }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {\n cursor: auto; }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: transparent; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-list {\n display: block;\n padding: 8px 0;\n list-style: none; }\n\n.mdl-list__item {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n line-height: 1;\n display: flex;\n min-height: 48px;\n box-sizing: border-box;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n padding: 16px;\n cursor: default;\n color: rgba(0,0,0, 0.87);\n overflow: hidden; }\n .mdl-list__item .mdl-list__item-primary-content {\n order: 0;\n flex-grow: 2;\n text-decoration: none;\n box-sizing: border-box;\n display: flex;\n align-items: center; }\n .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {\n margin-right: 32px; }\n .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {\n margin-right: 16px; }\n .mdl-list__item .mdl-list__item-secondary-content {\n display: flex;\n flex-flow: column;\n align-items: flex-end;\n margin-left: 16px; }\n .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {\n display: inline; }\n .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n color: rgba(0,0,0, 0.54); }\n .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {\n padding: 0 0 0 16px; }\n\n.mdl-list__item-icon,\n.mdl-list__item-icon.material-icons {\n height: 24px;\n width: 24px;\n font-size: 24px;\n box-sizing: border-box;\n color: rgb(117,117,117); }\n\n.mdl-list__item-avatar,\n.mdl-list__item-avatar.material-icons {\n height: 40px;\n width: 40px;\n box-sizing: border-box;\n border-radius: 50%;\n background-color: rgb(117,117,117);\n font-size: 40px;\n color: white; }\n\n.mdl-list__item--two-line {\n height: 72px; }\n .mdl-list__item--two-line .mdl-list__item-primary-content {\n height: 36px;\n line-height: 20px;\n display: block; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {\n float: left; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {\n float: left;\n margin-top: 6px; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {\n height: 36px; }\n .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n line-height: 18px;\n color: rgba(0,0,0, 0.54);\n display: block;\n padding: 0; }\n\n.mdl-list__item--three-line {\n height: 88px; }\n .mdl-list__item--three-line .mdl-list__item-primary-content {\n height: 52px;\n line-height: 20px;\n display: block; }\n .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,\n .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {\n float: left; }\n .mdl-list__item--three-line .mdl-list__item-secondary-content {\n height: 52px; }\n .mdl-list__item--three-line .mdl-list__item-text-body {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n line-height: 18px;\n height: 52px;\n color: rgba(0,0,0, 0.54);\n display: block;\n padding: 0; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-menu__container {\n display: block;\n margin: 0;\n padding: 0;\n border: none;\n position: absolute;\n overflow: visible;\n height: 0;\n width: 0;\n visibility: hidden;\n z-index: -1; }\n .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {\n z-index: 999;\n visibility: visible; }\n\n.mdl-menu__outline {\n display: block;\n background: rgb(255,255,255);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: 2px;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n opacity: 0;\n transform: scale(0);\n transform-origin: 0 0;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n will-change: transform;\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: -1; }\n .mdl-menu__container.is-visible .mdl-menu__outline {\n opacity: 1;\n transform: scale(1);\n z-index: 999; }\n .mdl-menu__outline.mdl-menu--bottom-right {\n transform-origin: 100% 0; }\n .mdl-menu__outline.mdl-menu--top-left {\n transform-origin: 0 100%; }\n .mdl-menu__outline.mdl-menu--top-right {\n transform-origin: 100% 100%; }\n\n.mdl-menu {\n position: absolute;\n list-style: none;\n top: 0;\n left: 0;\n height: auto;\n width: auto;\n min-width: 124px;\n padding: 8px 0;\n margin: 0;\n opacity: 0;\n clip: rect(0 0 0 0);\n z-index: -1; }\n .mdl-menu__container.is-visible .mdl-menu {\n opacity: 1;\n z-index: 999; }\n .mdl-menu.is-animating {\n transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-menu.mdl-menu--bottom-right {\n left: auto;\n right: 0; }\n .mdl-menu.mdl-menu--top-left {\n top: auto;\n bottom: 0; }\n .mdl-menu.mdl-menu--top-right {\n top: auto;\n left: auto;\n bottom: 0;\n right: 0; }\n .mdl-menu.mdl-menu--unaligned {\n top: auto;\n left: auto; }\n\n.mdl-menu__item {\n display: block;\n border: none;\n color: rgba(0,0,0, 0.87);\n background-color: transparent;\n text-align: left;\n margin: 0;\n padding: 0 16px;\n outline-color: rgb(189,189,189);\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n text-decoration: none;\n cursor: pointer;\n height: 48px;\n line-height: 48px;\n white-space: nowrap;\n opacity: 0;\n transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n user-select: none; }\n .mdl-menu__container.is-visible .mdl-menu__item {\n opacity: 1; }\n .mdl-menu__item::-moz-focus-inner {\n border: 0; }\n .mdl-menu__item--full-bleed-divider {\n border-bottom: 1px solid rgba(0,0,0, 0.12); }\n .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {\n color: rgb(189,189,189);\n background-color: transparent;\n cursor: auto; }\n .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {\n background-color: transparent; }\n .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {\n background-color: transparent; }\n .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {\n background: transparent; }\n .mdl-menu__item:hover {\n background-color: rgb(238,238,238); }\n .mdl-menu__item:focus {\n outline: none;\n background-color: rgb(238,238,238); }\n .mdl-menu__item:active {\n background-color: rgb(224,224,224); }\n\n.mdl-menu__item--ripple-container {\n display: block;\n height: 100%;\n left: 0px;\n position: absolute;\n top: 0px;\n width: 100%;\n z-index: 0;\n overflow: hidden; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-progress {\n display: block;\n position: relative;\n height: 4px;\n width: 500px;\n max-width: 100%; }\n\n.mdl-progress > .bar {\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 0%;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }\n\n.mdl-progress > .progressbar {\n background-color: rgb(63,81,181);\n z-index: 1;\n left: 0; }\n\n.mdl-progress > .bufferbar {\n background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));\n z-index: 0;\n left: 0; }\n\n.mdl-progress > .auxbar {\n right: 0; }\n\n@supports (-webkit-appearance: none) {\n .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,\n .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {\n background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));\n mask: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=\"); } }\n\n.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,\n.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {\n background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }\n\n.mdl-progress.mdl-progress--indeterminate > .bar1,\n.mdl-progress.mdl-progress__indeterminate > .bar1 {\n background-color: rgb(63,81,181);\n animation-name: indeterminate1;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear; }\n\n.mdl-progress.mdl-progress--indeterminate > .bar3,\n.mdl-progress.mdl-progress__indeterminate > .bar3 {\n background-image: none;\n background-color: rgb(63,81,181);\n animation-name: indeterminate2;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear; }\n\n@keyframes indeterminate1 {\n 0% {\n left: 0%;\n width: 0%; }\n 50% {\n left: 25%;\n width: 75%; }\n 75% {\n left: 100%;\n width: 0%; } }\n\n@keyframes indeterminate2 {\n 0% {\n left: 0%;\n width: 0%; }\n 50% {\n left: 0%;\n width: 0%; }\n 75% {\n left: 0%;\n width: 25%; }\n 100% {\n left: 100%;\n width: 0%; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-navigation {\n display: flex;\n flex-wrap: nowrap;\n box-sizing: border-box; }\n\n.mdl-navigation__link {\n color: rgb(66,66,66);\n text-decoration: none;\n margin: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n opacity: 0.87; }\n .mdl-navigation__link .material-icons {\n vertical-align: middle; }\n\n.mdl-layout {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n position: relative;\n -webkit-overflow-scrolling: touch; }\n\n.mdl-layout.is-small-screen .mdl-layout--large-screen-only {\n display: none; }\n\n.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {\n display: none; }\n\n.mdl-layout__container {\n position: absolute;\n width: 100%;\n height: 100%; }\n\n.mdl-layout__title,\n.mdl-layout-title {\n display: block;\n position: relative;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n font-weight: 400;\n box-sizing: border-box; }\n\n.mdl-layout-spacer {\n flex-grow: 1; }\n\n.mdl-layout__drawer {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 240px;\n height: 100%;\n max-height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n box-sizing: border-box;\n border-right: 1px solid rgb(224,224,224);\n background: rgb(250,250,250);\n transform: translateX(-250px);\n transform-style: preserve-3d;\n will-change: transform;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: transform;\n color: rgb(66,66,66);\n overflow: visible;\n overflow-y: auto;\n z-index: 5; }\n .mdl-layout__drawer.is-visible {\n transform: translateX(0); }\n .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {\n overflow: hidden; }\n .mdl-layout__drawer > * {\n flex-shrink: 0; }\n .mdl-layout__drawer > .mdl-layout__title,\n .mdl-layout__drawer > .mdl-layout-title {\n line-height: 64px;\n padding-left: 40px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__drawer > .mdl-layout__title,\n .mdl-layout__drawer > .mdl-layout-title {\n line-height: 56px;\n padding-left: 16px; } }\n .mdl-layout__drawer .mdl-navigation {\n flex-direction: column;\n align-items: stretch;\n padding-top: 16px; }\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {\n display: block;\n flex-shrink: 0;\n padding: 16px 40px;\n margin: 0;\n color: #757575; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {\n padding: 16px 16px; } }\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {\n background-color: rgb(224,224,224); }\n .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {\n background-color: rgb(0,0,0);\n color: rgb(224,224,224); }\n @media screen and (min-width: 1025px) {\n .mdl-layout--fixed-drawer > .mdl-layout__drawer {\n transform: translateX(0); } }\n\n.mdl-layout__drawer-button {\n display: block;\n position: absolute;\n height: 48px;\n width: 48px;\n border: 0;\n flex-shrink: 0;\n overflow: hidden;\n text-align: center;\n cursor: pointer;\n font-size: 26px;\n line-height: 50px;\n font-family: Helvetica, Arial, sans-serif;\n margin: 10px 12px;\n top: 0;\n left: 0;\n color: rgb(255,255,255);\n z-index: 4; }\n .mdl-layout__header .mdl-layout__drawer-button {\n position: absolute;\n color: rgb(255,255,255);\n background-color: inherit; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header .mdl-layout__drawer-button {\n margin: 4px; } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__drawer-button {\n margin: 4px;\n color: rgba(0, 0, 0, 0.5); } }\n @media screen and (min-width: 1025px) {\n .mdl-layout--fixed-drawer > .mdl-layout__drawer-button {\n display: none; }\n .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button {\n display: none; } }\n .mdl-layout--no-drawer-button .mdl-layout__drawer-button {\n display: none; }\n\n.mdl-layout__header {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n box-sizing: border-box;\n flex-shrink: 0;\n width: 100%;\n margin: 0;\n padding: 0;\n border: none;\n min-height: 64px;\n max-height: 1000px;\n z-index: 3;\n background-color: rgb(63,81,181);\n color: rgb(255,255,255);\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: max-height, box-shadow; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header {\n min-height: 56px; } }\n .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {\n margin-left: 240px;\n width: calc(100% - 240px); }\n @media screen and (min-width: 1025px) {\n .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {\n padding-left: 40px; } }\n .mdl-layout__header > .mdl-layout-icon {\n position: absolute;\n left: 40px;\n top: 16px;\n height: 32px;\n width: 32px;\n overflow: hidden;\n z-index: 3;\n display: block; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header > .mdl-layout-icon {\n left: 16px;\n top: 12px; } }\n .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {\n display: none; }\n .mdl-layout__header.is-compact {\n max-height: 64px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header.is-compact {\n max-height: 56px; } }\n .mdl-layout__header.is-compact.has-tabs {\n height: 112px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header.is-compact.has-tabs {\n min-height: 104px; } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header {\n display: none; }\n .mdl-layout--fixed-header > .mdl-layout__header {\n display: flex; } }\n\n.mdl-layout__header--transparent.mdl-layout__header--transparent {\n background-color: transparent;\n box-shadow: none; }\n\n.mdl-layout__header--seamed {\n box-shadow: none; }\n\n.mdl-layout__header--scroll {\n box-shadow: none; }\n\n.mdl-layout__header--waterfall {\n box-shadow: none;\n overflow: hidden; }\n .mdl-layout__header--waterfall.is-casting-shadow {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }\n .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {\n justify-content: flex-end; }\n\n.mdl-layout__header-row {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n flex-shrink: 0;\n box-sizing: border-box;\n align-self: stretch;\n align-items: center;\n height: 64px;\n margin: 0;\n padding: 0 40px 0 80px; }\n .mdl-layout--no-drawer-button .mdl-layout__header-row {\n padding-left: 40px; }\n @media screen and (min-width: 1025px) {\n .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {\n padding-left: 40px; } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header-row {\n height: 56px;\n padding: 0 16px 0 72px; }\n .mdl-layout--no-drawer-button .mdl-layout__header-row {\n padding-left: 16px; } }\n .mdl-layout__header-row > * {\n flex-shrink: 0; }\n .mdl-layout__header--scroll .mdl-layout__header-row {\n width: 100%; }\n .mdl-layout__header-row .mdl-navigation {\n margin: 0;\n padding: 0;\n height: 64px;\n flex-direction: row;\n align-items: center; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header-row .mdl-navigation {\n height: 56px; } }\n .mdl-layout__header-row .mdl-navigation__link {\n display: block;\n color: rgb(255,255,255);\n line-height: 64px;\n padding: 0 24px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__header-row .mdl-navigation__link {\n line-height: 56px;\n padding: 0 16px; } }\n\n.mdl-layout__obfuscator {\n background-color: transparent;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 4;\n visibility: hidden;\n transition-property: background-color;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-layout__obfuscator.is-visible {\n background-color: rgba(0, 0, 0, 0.5);\n visibility: visible; }\n @supports (pointer-events: auto) {\n .mdl-layout__obfuscator {\n background-color: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition-property: opacity;\n visibility: visible;\n pointer-events: none; }\n .mdl-layout__obfuscator.is-visible {\n pointer-events: auto;\n opacity: 1; } }\n\n.mdl-layout__content {\n -ms-flex: 0 1 auto;\n position: relative;\n display: inline-block;\n overflow-y: auto;\n overflow-x: hidden;\n flex-grow: 1;\n z-index: 1;\n -webkit-overflow-scrolling: touch; }\n .mdl-layout--fixed-drawer > .mdl-layout__content {\n margin-left: 240px; }\n .mdl-layout__container.has-scrolling-header .mdl-layout__content {\n overflow: visible; }\n @media screen and (max-width: 1024px) {\n .mdl-layout--fixed-drawer > .mdl-layout__content {\n margin-left: 0; }\n .mdl-layout__container.has-scrolling-header .mdl-layout__content {\n overflow-y: auto;\n overflow-x: hidden; } }\n\n.mdl-layout__tab-bar {\n height: 96px;\n margin: 0;\n width: calc(100% - 112px);\n padding: 0 0 0 56px;\n display: flex;\n background-color: rgb(63,81,181);\n overflow-y: hidden;\n overflow-x: scroll; }\n .mdl-layout__tab-bar::-webkit-scrollbar {\n display: none; }\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar {\n padding-left: 16px;\n width: calc(100% - 32px); }\n @media screen and (min-width: 1025px) {\n .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {\n padding-left: 16px;\n width: calc(100% - 32px); } }\n @media screen and (max-width: 1024px) {\n .mdl-layout__tab-bar {\n width: calc(100% - 60px);\n padding: 0 0 0 60px; }\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar {\n width: calc(100% - 8px);\n padding-left: 4px; } }\n .mdl-layout--fixed-tabs .mdl-layout__tab-bar {\n padding: 0;\n overflow: hidden;\n width: 100%; }\n\n.mdl-layout__tab-bar-container {\n position: relative;\n height: 48px;\n width: 100%;\n border: none;\n margin: 0;\n z-index: 2;\n flex-grow: 0;\n flex-shrink: 0;\n overflow: hidden; }\n .mdl-layout__container > .mdl-layout__tab-bar-container {\n position: absolute;\n top: 0;\n left: 0; }\n\n.mdl-layout__tab-bar-button {\n display: inline-block;\n position: absolute;\n top: 0;\n height: 48px;\n width: 56px;\n z-index: 4;\n text-align: center;\n background-color: rgb(63,81,181);\n color: transparent;\n cursor: pointer;\n user-select: none; }\n .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {\n width: 16px; }\n .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,\n .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {\n position: relative;\n left: -4px; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__tab-bar-button {\n display: none;\n width: 60px; } }\n .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {\n display: none; }\n .mdl-layout__tab-bar-button .material-icons {\n line-height: 48px; }\n .mdl-layout__tab-bar-button.is-active {\n color: rgb(255,255,255); }\n\n.mdl-layout__tab-bar-left-button {\n left: 0; }\n\n.mdl-layout__tab-bar-right-button {\n right: 0; }\n\n.mdl-layout__tab {\n margin: 0;\n border: none;\n padding: 0 24px 0 24px;\n float: left;\n position: relative;\n display: block;\n flex-grow: 0;\n flex-shrink: 0;\n text-decoration: none;\n height: 48px;\n line-height: 48px;\n text-align: center;\n font-weight: 500;\n font-size: 14px;\n text-transform: uppercase;\n color: rgba(255,255,255, 0.6);\n overflow: hidden; }\n @media screen and (max-width: 1024px) {\n .mdl-layout__tab {\n padding: 0 12px 0 12px; } }\n .mdl-layout--fixed-tabs .mdl-layout__tab {\n float: none;\n flex-grow: 1;\n padding: 0; }\n .mdl-layout.is-upgraded .mdl-layout__tab.is-active {\n color: rgb(255,255,255); }\n .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {\n height: 2px;\n width: 100%;\n display: block;\n content: \" \";\n bottom: 0;\n left: 0;\n position: absolute;\n background: rgb(255,64,129);\n animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0, 1, 1); }\n .mdl-layout__tab .mdl-layout__tab-ripple-container {\n display: block;\n position: absolute;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: 1;\n overflow: hidden; }\n .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {\n background-color: rgb(255,255,255); }\n\n.mdl-layout__tab-panel {\n display: block; }\n .mdl-layout.is-upgraded .mdl-layout__tab-panel {\n display: none; }\n .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {\n display: block; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-radio {\n position: relative;\n font-size: 16px;\n line-height: 24px;\n display: inline-block;\n box-sizing: border-box;\n margin: 0;\n padding-left: 0; }\n .mdl-radio.is-upgraded {\n padding-left: 24px; }\n\n.mdl-radio__button {\n line-height: 24px; }\n .mdl-radio.is-upgraded .mdl-radio__button {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-radio__outer-circle {\n position: absolute;\n top: 4px;\n left: 0;\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n margin: 0;\n cursor: pointer;\n border: 2px solid rgba(0,0,0, 0.54);\n border-radius: 50%;\n z-index: 2; }\n .mdl-radio.is-checked .mdl-radio__outer-circle {\n border: 2px solid rgb(63,81,181); }\n .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,\n .mdl-radio.is-disabled .mdl-radio__outer-circle {\n border: 2px solid rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-radio__inner-circle {\n position: absolute;\n z-index: 1;\n margin: 0;\n top: 8px;\n left: 4px;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n cursor: pointer;\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: transform;\n transform: scale3d(0, 0, 0);\n border-radius: 50%;\n background: rgb(63,81,181); }\n .mdl-radio.is-checked .mdl-radio__inner-circle {\n transform: scale3d(1, 1, 1); }\n fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,\n .mdl-radio.is-disabled .mdl-radio__inner-circle {\n background: rgba(0,0,0, 0.26);\n cursor: auto; }\n .mdl-radio.is-focused .mdl-radio__inner-circle {\n box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }\n\n.mdl-radio__label {\n cursor: pointer; }\n fieldset[disabled] .mdl-radio .mdl-radio__label,\n .mdl-radio.is-disabled .mdl-radio__label {\n color: rgba(0,0,0, 0.26);\n cursor: auto; }\n\n.mdl-radio__ripple-container {\n position: absolute;\n z-index: 2;\n top: -9px;\n left: -13px;\n box-sizing: border-box;\n width: 42px;\n height: 42px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }\n .mdl-radio__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,\n .mdl-radio.is-disabled .mdl-radio__ripple-container {\n cursor: auto; }\n fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,\n .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {\n background: transparent; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {\n -ms-appearance: none;\n height: 32px;\n margin: 0; }\n\n.mdl-slider {\n width: calc(100% - 40px);\n margin: 0 20px; }\n .mdl-slider.is-upgraded {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: 2px;\n background: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n outline: 0;\n padding: 0;\n color: rgb(63,81,181);\n align-self: center;\n z-index: 1;\n cursor: pointer;\n /**************************** Tracks ****************************/\n /**************************** Thumbs ****************************/\n /**************************** 0-value ****************************/\n /**************************** Disabled ****************************/ }\n .mdl-slider.is-upgraded::-moz-focus-outer {\n border: 0; }\n .mdl-slider.is-upgraded::-ms-tooltip {\n display: none; }\n .mdl-slider.is-upgraded::-webkit-slider-runnable-track {\n background: transparent; }\n .mdl-slider.is-upgraded::-moz-range-track {\n background: transparent;\n border: none; }\n .mdl-slider.is-upgraded::-ms-track {\n background: none;\n color: transparent;\n height: 2px;\n width: 100%;\n border: none; }\n .mdl-slider.is-upgraded::-ms-fill-lower {\n padding: 0;\n background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }\n .mdl-slider.is-upgraded::-ms-fill-upper {\n padding: 0;\n background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }\n .mdl-slider.is-upgraded::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n border-radius: 50%;\n background: rgb(63,81,181);\n border: none;\n 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); }\n .mdl-slider.is-upgraded::-moz-range-thumb {\n -moz-appearance: none;\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n border-radius: 50%;\n background-image: none;\n background: rgb(63,81,181);\n border: none; }\n .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }\n .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }\n .mdl-slider.is-upgraded:active::-webkit-slider-thumb {\n background-image: none;\n background: rgb(63,81,181);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded:active::-moz-range-thumb {\n background-image: none;\n background: rgb(63,81,181);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded::-ms-thumb {\n width: 32px;\n height: 32px;\n border: none;\n border-radius: 50%;\n background: rgb(63,81,181);\n transform: scale(0.375);\n transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);\n transform: scale(1); }\n .mdl-slider.is-upgraded:active::-ms-thumb {\n background: rgb(63,81,181);\n transform: scale(0.5625); }\n .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {\n border: 2px solid rgba(0,0,0, 0.26);\n background: transparent; }\n .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {\n border: 2px solid rgba(0,0,0, 0.26);\n background: transparent; }\n .mdl-slider.is-upgraded.is-lowest-value +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px; }\n .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);\n background: rgba(0,0,0, 0.12); }\n .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);\n background: rgba(0,0,0, 0.12); }\n .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {\n border: 1.6px solid rgba(0,0,0, 0.26);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded.is-lowest-value:active +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 9px; }\n .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {\n border: 1.5px solid rgba(0,0,0, 0.26);\n transform: scale(1.5); }\n .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {\n 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%); }\n .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {\n 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%);\n transform: scale(1); }\n .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {\n transform: scale(0.5625);\n 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%); }\n .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {\n background: transparent; }\n .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {\n margin-left: 6px; }\n .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {\n margin-left: 9px; }\n .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 {\n transform: scale(0.667);\n background: rgba(0,0,0, 0.26); }\n .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 {\n transform: scale(0.667);\n background: rgba(0,0,0, 0.26); }\n .mdl-slider.is-upgraded:disabled +\n.mdl-slider__background-flex > .mdl-slider__background-lower {\n background-color: rgba(0,0,0, 0.26);\n left: -6px; }\n .mdl-slider.is-upgraded:disabled +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px; }\n .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 {\n border: 3px solid rgba(0,0,0, 0.26);\n background: transparent;\n transform: scale(0.667); }\n .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 {\n border: 3px solid rgba(0,0,0, 0.26);\n background: transparent;\n transform: scale(0.667); }\n .mdl-slider.is-upgraded.is-lowest-value:disabled:active +\n.mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px; }\n .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {\n transform: scale(0.25);\n background: rgba(0,0,0, 0.26); }\n .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 {\n transform: scale(0.25);\n background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }\n .mdl-slider.is-upgraded:disabled::-ms-fill-lower {\n margin-right: 6px;\n background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }\n .mdl-slider.is-upgraded:disabled::-ms-fill-upper {\n margin-left: 6px; }\n .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {\n margin-left: 6px; }\n\n.mdl-slider__ie-container {\n height: 18px;\n overflow: visible;\n border: none;\n margin: none;\n padding: none; }\n\n.mdl-slider__container {\n height: 18px;\n position: relative;\n background: none;\n display: flex;\n flex-direction: row; }\n\n.mdl-slider__background-flex {\n background: transparent;\n position: absolute;\n height: 2px;\n width: calc(100% - 52px);\n top: 50%;\n left: 0;\n margin: 0 26px;\n display: flex;\n overflow: hidden;\n border: 0;\n padding: 0;\n transform: translate(0, -1px); }\n\n.mdl-slider__background-lower {\n background: rgb(63,81,181);\n flex: 0;\n position: relative;\n border: 0;\n padding: 0; }\n\n.mdl-slider__background-upper {\n background: rgba(0,0,0, 0.26);\n flex: 0;\n position: relative;\n border: 0;\n padding: 0;\n transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-snackbar {\n position: fixed;\n bottom: 0;\n left: 50%;\n cursor: default;\n background-color: #323232;\n z-index: 3;\n display: block;\n display: flex;\n justify-content: space-between;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n will-change: transform;\n transform: translate(0, 80px);\n transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);\n pointer-events: none; }\n @media (max-width: 479px) {\n .mdl-snackbar {\n width: 100%;\n left: 0;\n min-height: 48px;\n max-height: 80px; } }\n @media (min-width: 480px) {\n .mdl-snackbar {\n min-width: 288px;\n max-width: 568px;\n border-radius: 2px;\n transform: translate(-50%, 80px); } }\n .mdl-snackbar--active {\n transform: translate(0, 0);\n pointer-events: auto;\n transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); }\n @media (min-width: 480px) {\n .mdl-snackbar--active {\n transform: translate(-50%, 0); } }\n .mdl-snackbar__text {\n padding: 14px 12px 14px 24px;\n vertical-align: middle;\n color: white;\n float: left; }\n .mdl-snackbar__action {\n background: transparent;\n border: none;\n color: rgb(255,64,129);\n float: right;\n text-transform: uppercase;\n padding: 14px 24px 14px 12px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n outline: none;\n opacity: 0;\n pointer-events: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n align-self: center; }\n .mdl-snackbar__action::-moz-focus-inner {\n border: 0; }\n .mdl-snackbar__action:not([aria-hidden]) {\n opacity: 1;\n pointer-events: auto; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-spinner {\n display: inline-block;\n position: relative;\n width: 28px;\n height: 28px; }\n .mdl-spinner:not(.is-upgraded).is-active:after {\n content: \"Loading...\"; }\n .mdl-spinner.is-upgraded.is-active {\n animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }\n\n@keyframes mdl-spinner__container-rotate {\n to {\n transform: rotate(360deg); } }\n\n.mdl-spinner__layer {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0; }\n\n.mdl-spinner__layer-1 {\n border-color: rgb(66,165,245); }\n .mdl-spinner--single-color .mdl-spinner__layer-1 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-1 {\n 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; }\n\n.mdl-spinner__layer-2 {\n border-color: rgb(244,67,54); }\n .mdl-spinner--single-color .mdl-spinner__layer-2 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-2 {\n 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; }\n\n.mdl-spinner__layer-3 {\n border-color: rgb(253,216,53); }\n .mdl-spinner--single-color .mdl-spinner__layer-3 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-3 {\n 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; }\n\n.mdl-spinner__layer-4 {\n border-color: rgb(76,175,80); }\n .mdl-spinner--single-color .mdl-spinner__layer-4 {\n border-color: rgb(63,81,181); }\n .mdl-spinner.is-active .mdl-spinner__layer-4 {\n 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; }\n\n@keyframes mdl-spinner__fill-unfill-rotate {\n 12.5% {\n transform: rotate(135deg); }\n 25% {\n transform: rotate(270deg); }\n 37.5% {\n transform: rotate(405deg); }\n 50% {\n transform: rotate(540deg); }\n 62.5% {\n transform: rotate(675deg); }\n 75% {\n transform: rotate(810deg); }\n 87.5% {\n transform: rotate(945deg); }\n to {\n transform: rotate(1080deg); } }\n\n/**\n* HACK: Even though the intention is to have the current .mdl-spinner__layer-N\n* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome\n* to do proper subpixel rendering for the elements being animated. This is\n* especially visible in Chrome 39 on Ubuntu 14.04. See:\n*\n* - https://github.com/Polymer/paper-spinner/issues/9\n* - https://code.google.com/p/chromium/issues/detail?id=436255\n*/\n@keyframes mdl-spinner__layer-1-fade-in-out {\n from {\n opacity: 0.99; }\n 25% {\n opacity: 0.99; }\n 26% {\n opacity: 0; }\n 89% {\n opacity: 0; }\n 90% {\n opacity: 0.99; }\n 100% {\n opacity: 0.99; } }\n\n@keyframes mdl-spinner__layer-2-fade-in-out {\n from {\n opacity: 0; }\n 15% {\n opacity: 0; }\n 25% {\n opacity: 0.99; }\n 50% {\n opacity: 0.99; }\n 51% {\n opacity: 0; } }\n\n@keyframes mdl-spinner__layer-3-fade-in-out {\n from {\n opacity: 0; }\n 40% {\n opacity: 0; }\n 50% {\n opacity: 0.99; }\n 75% {\n opacity: 0.99; }\n 76% {\n opacity: 0; } }\n\n@keyframes mdl-spinner__layer-4-fade-in-out {\n from {\n opacity: 0; }\n 65% {\n opacity: 0; }\n 75% {\n opacity: 0.99; }\n 90% {\n opacity: 0.99; }\n 100% {\n opacity: 0; } }\n\n/**\n* Patch the gap that appear between the two adjacent\n* div.mdl-spinner__circle-clipper while the spinner is rotating\n* (appears on Chrome 38, Safari 7.1, and IE 11).\n*\n* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's\n* opacity is 0.99, but still does on Safari and IE.\n*/\n.mdl-spinner__gap-patch {\n position: absolute;\n box-sizing: border-box;\n top: 0;\n left: 45%;\n width: 10%;\n height: 100%;\n overflow: hidden;\n border-color: inherit; }\n .mdl-spinner__gap-patch .mdl-spinner__circle {\n width: 1000%;\n left: -450%; }\n\n.mdl-spinner__circle-clipper {\n display: inline-block;\n position: relative;\n width: 50%;\n height: 100%;\n overflow: hidden;\n border-color: inherit; }\n .mdl-spinner__circle-clipper .mdl-spinner__circle {\n width: 200%; }\n\n.mdl-spinner__circle {\n box-sizing: border-box;\n height: 100%;\n border-width: 3px;\n border-style: solid;\n border-color: inherit;\n border-bottom-color: transparent !important;\n border-radius: 50%;\n animation: none;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0; }\n .mdl-spinner__left .mdl-spinner__circle {\n border-right-color: transparent !important;\n transform: rotate(129deg); }\n .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {\n animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }\n .mdl-spinner__right .mdl-spinner__circle {\n left: -100%;\n border-left-color: transparent !important;\n transform: rotate(-129deg); }\n .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {\n animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }\n\n@keyframes mdl-spinner__left-spin {\n from {\n transform: rotate(130deg); }\n 50% {\n transform: rotate(-5deg); }\n to {\n transform: rotate(130deg); } }\n\n@keyframes mdl-spinner__right-spin {\n from {\n transform: rotate(-130deg); }\n 50% {\n transform: rotate(5deg); }\n to {\n transform: rotate(-130deg); } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-switch {\n position: relative;\n z-index: 1;\n vertical-align: middle;\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n height: 24px;\n margin: 0;\n padding: 0;\n overflow: visible;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .mdl-switch.is-upgraded {\n padding-left: 28px; }\n\n.mdl-switch__input {\n line-height: 24px; }\n .mdl-switch.is-upgraded .mdl-switch__input {\n position: absolute;\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n -ms-appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none; }\n\n.mdl-switch__track {\n background: rgba(0,0,0, 0.26);\n position: absolute;\n left: 0;\n top: 5px;\n height: 14px;\n width: 36px;\n border-radius: 14px;\n cursor: pointer; }\n .mdl-switch.is-checked .mdl-switch__track {\n background: rgba(63,81,181, 0.5); }\n .mdl-switch__track fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__track {\n background: rgba(0,0,0, 0.12);\n cursor: auto; }\n\n.mdl-switch__thumb {\n background: rgb(250,250,250);\n position: absolute;\n left: 0;\n top: 2px;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n transition-duration: 0.28s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: left; }\n .mdl-switch.is-checked .mdl-switch__thumb {\n background: rgb(63,81,181);\n left: 16px;\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }\n .mdl-switch__thumb fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__thumb {\n background: rgb(189,189,189);\n cursor: auto; }\n\n.mdl-switch__focus-helper {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-4px, -4px);\n display: inline-block;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: transparent; }\n .mdl-switch.is-focused .mdl-switch__focus-helper {\n box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);\n background-color: rgba(0, 0, 0, 0.1); }\n .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {\n box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);\n background-color: rgba(63,81,181, 0.26); }\n\n.mdl-switch__label {\n position: relative;\n cursor: pointer;\n font-size: 16px;\n line-height: 24px;\n margin: 0;\n left: 24px; }\n .mdl-switch__label fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__label {\n color: rgb(189,189,189);\n cursor: auto; }\n\n.mdl-switch__ripple-container {\n position: absolute;\n z-index: 2;\n top: -12px;\n left: -14px;\n box-sizing: border-box;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n transition-duration: 0.40s;\n transition-timing-function: step-end;\n transition-property: left; }\n .mdl-switch__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__ripple-container {\n cursor: auto; }\n fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,\n .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {\n background: transparent; }\n .mdl-switch.is-checked .mdl-switch__ripple-container {\n left: 2px; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-tabs {\n display: block;\n width: 100%; }\n\n.mdl-tabs__tab-bar {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-content: space-between;\n align-items: flex-start;\n height: 48px;\n padding: 0 0 0 0;\n margin: 0;\n border-bottom: 1px solid rgb(224,224,224); }\n\n.mdl-tabs__tab {\n margin: 0;\n border: none;\n padding: 0 24px 0 24px;\n float: left;\n position: relative;\n display: block;\n text-decoration: none;\n height: 48px;\n line-height: 48px;\n text-align: center;\n font-weight: 500;\n font-size: 14px;\n text-transform: uppercase;\n color: rgba(0,0,0, 0.54);\n overflow: hidden; }\n .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {\n color: rgba(0,0,0, 0.87); }\n .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {\n height: 2px;\n width: 100%;\n display: block;\n content: \" \";\n bottom: 0px;\n left: 0px;\n position: absolute;\n background: rgb(63,81,181);\n animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0, 1, 1); }\n .mdl-tabs__tab .mdl-tabs__ripple-container {\n display: block;\n position: absolute;\n height: 100%;\n width: 100%;\n left: 0px;\n top: 0px;\n z-index: 1;\n overflow: hidden; }\n .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {\n background: rgb(63,81,181); }\n\n.mdl-tabs__panel {\n display: block; }\n .mdl-tabs.is-upgraded .mdl-tabs__panel {\n display: none; }\n .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {\n display: block; }\n\n@keyframes border-expand {\n 0% {\n opacity: 0;\n width: 0; }\n 100% {\n opacity: 1;\n width: 100%; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-textfield {\n position: relative;\n font-size: 16px;\n display: inline-block;\n box-sizing: border-box;\n width: 300px;\n max-width: 100%;\n margin: 0;\n padding: 20px 0; }\n .mdl-textfield .mdl-button {\n position: absolute;\n bottom: 20px; }\n\n.mdl-textfield--align-right {\n text-align: right; }\n\n.mdl-textfield--full-width {\n width: 100%; }\n\n.mdl-textfield--expandable {\n min-width: 32px;\n width: auto;\n min-height: 32px; }\n\n.mdl-textfield__input {\n border: none;\n border-bottom: 1px solid rgba(0,0,0, 0.12);\n display: block;\n font-size: 16px;\n font-family: \"Helvetica\", \"Arial\", sans-serif;\n margin: 0;\n padding: 4px 0;\n width: 100%;\n background: none;\n text-align: left;\n color: inherit; }\n .mdl-textfield__input[type=\"number\"] {\n -moz-appearance: textfield; }\n .mdl-textfield__input[type=\"number\"]::-webkit-inner-spin-button, .mdl-textfield__input[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n .mdl-textfield.is-focused .mdl-textfield__input {\n outline: none; }\n .mdl-textfield.is-invalid .mdl-textfield__input {\n border-color: rgb(213,0,0);\n box-shadow: none; }\n fieldset[disabled] .mdl-textfield .mdl-textfield__input,\n .mdl-textfield.is-disabled .mdl-textfield__input {\n background-color: transparent;\n border-bottom: 1px dotted rgba(0,0,0, 0.12);\n color: rgba(0,0,0, 0.26); }\n\n.mdl-textfield textarea.mdl-textfield__input {\n display: block; }\n\n.mdl-textfield__label {\n bottom: 0;\n color: rgba(0,0,0, 0.26);\n font-size: 16px;\n left: 0;\n right: 0;\n pointer-events: none;\n position: absolute;\n display: block;\n top: 24px;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-align: left; }\n .mdl-textfield.is-dirty .mdl-textfield__label,\n .mdl-textfield.has-placeholder .mdl-textfield__label {\n visibility: hidden; }\n .mdl-textfield--floating-label .mdl-textfield__label {\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {\n transition: none; }\n fieldset[disabled] .mdl-textfield .mdl-textfield__label,\n .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {\n color: rgba(0,0,0, 0.26); }\n .mdl-textfield--floating-label.is-focused .mdl-textfield__label,\n .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {\n color: rgb(63,81,181);\n font-size: 12px;\n top: 4px;\n visibility: visible; }\n .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,\n .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {\n top: -16px; }\n .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {\n color: rgb(213,0,0);\n font-size: 12px; }\n .mdl-textfield__label:after {\n background-color: rgb(63,81,181);\n bottom: 20px;\n content: '';\n height: 2px;\n left: 45%;\n position: absolute;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n visibility: hidden;\n width: 10px; }\n .mdl-textfield.is-focused .mdl-textfield__label:after {\n left: 0;\n visibility: visible;\n width: 100%; }\n .mdl-textfield.is-invalid .mdl-textfield__label:after {\n background-color: rgb(213,0,0); }\n\n.mdl-textfield__error {\n color: rgb(213,0,0);\n position: absolute;\n font-size: 12px;\n margin-top: 3px;\n visibility: hidden;\n display: block; }\n .mdl-textfield.is-invalid .mdl-textfield__error {\n visibility: visible; }\n\n.mdl-textfield__expandable-holder {\n display: inline-block;\n position: relative;\n margin-left: 32px;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n max-width: 0.1px; }\n .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {\n max-width: 600px; }\n .mdl-textfield__expandable-holder .mdl-textfield__label:after {\n bottom: 0; }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-tooltip {\n transform: scale(0);\n transform-origin: top center;\n will-change: transform;\n z-index: 999;\n background: rgba(97,97,97, 0.9);\n border-radius: 2px;\n color: rgb(255,255,255);\n display: inline-block;\n font-size: 10px;\n font-weight: 500;\n line-height: 14px;\n max-width: 170px;\n position: fixed;\n top: -500px;\n left: -500px;\n padding: 8px;\n text-align: center; }\n\n.mdl-tooltip.is-active {\n animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }\n\n.mdl-tooltip--large {\n line-height: 14px;\n font-size: 14px;\n padding: 16px; }\n\n@keyframes pulse {\n 0% {\n transform: scale(0);\n opacity: 0; }\n 50% {\n transform: scale(0.99); }\n 100% {\n transform: scale(1);\n opacity: 1;\n visibility: visible; } }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* Typography */\n/* Shadows */\n/* Animations */\n/* Dialog */\n.mdl-shadow--2dp {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }\n\n.mdl-shadow--3dp {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }\n\n.mdl-shadow--4dp {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--6dp {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--8dp {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--16dp {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }\n\n.mdl-shadow--24dp {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }\n\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*\n* NOTE: Some rules here are applied using duplicate selectors.\n* This is on purpose to increase their specificity when applied.\n* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`\n*/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*------------------------------------* $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n/* ========== TYPOGRAPHY ========== */\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n/* ========== COLORS ========== */\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== Color Palettes ========== */\n/* colors.scss */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* ========== IMAGES ========== */\n/* ========== Color & Themes ========== */\n/* ========== Typography ========== */\n/* ========== Components ========== */\n/* ========== Standard Buttons ========== */\n/* ========== Icon Toggles ========== */\n/* ========== Radio Buttons ========== */\n/* ========== Ripple effect ========== */\n/* ========== Layout ========== */\n/* ========== Content Tabs ========== */\n/* ========== Checkboxes ========== */\n/* ========== Switches ========== */\n/* ========== Spinner ========== */\n/* ========== Text fields ========== */\n/* ========== Card ========== */\n/* ========== Sliders ========== */\n/* ========== Progress ========== */\n/* ========== List ========== */\n/* ========== Item ========== */\n/* ========== Dropdown menu ========== */\n/* ========== Tooltips ========== */\n/* ========== Footer ========== */\n/* TEXTFIELD */\n/* SWITCH */\n/* SPINNER */\n/* RADIO */\n/* MENU */\n/* LIST */\n/* LAYOUT */\n/* ICON TOGGLE */\n/* FOOTER */\n/*mega-footer*/\n/*mini-footer*/\n/* CHECKBOX */\n/* CARD */\n/* Card dimensions */\n/* Cover image */\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n/* ANIMATION */\n/* PROGRESS */\n/* BADGE */\n/* SHADOWS */\n/* GRID */\n/* DATA TABLE */\n/* DIALOG */\n/* SNACKBAR */\n/* TOOLTIP */\n.mdl-grid {\n display: flex;\n flex-flow: row wrap;\n margin: 0 auto 0 auto;\n align-items: stretch; }\n .mdl-grid.mdl-grid--no-spacing {\n padding: 0; }\n\n.mdl-cell {\n box-sizing: border-box; }\n\n.mdl-cell--top {\n align-self: flex-start; }\n\n.mdl-cell--middle {\n align-self: center; }\n\n.mdl-cell--bottom {\n align-self: flex-end; }\n\n.mdl-cell--stretch {\n align-self: stretch; }\n\n.mdl-grid.mdl-grid--no-spacing > .mdl-cell {\n margin: 0; }\n\n.mdl-cell--order-1 {\n order: 1; }\n\n.mdl-cell--order-2 {\n order: 2; }\n\n.mdl-cell--order-3 {\n order: 3; }\n\n.mdl-cell--order-4 {\n order: 4; }\n\n.mdl-cell--order-5 {\n order: 5; }\n\n.mdl-cell--order-6 {\n order: 6; }\n\n.mdl-cell--order-7 {\n order: 7; }\n\n.mdl-cell--order-8 {\n order: 8; }\n\n.mdl-cell--order-9 {\n order: 9; }\n\n.mdl-cell--order-10 {\n order: 10; }\n\n.mdl-cell--order-11 {\n order: 11; }\n\n.mdl-cell--order-12 {\n order: 12; }\n\n@media (max-width: 479px) {\n .mdl-grid {\n padding: 8px; }\n .mdl-cell {\n margin: 8px;\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell {\n width: 100%; }\n .mdl-cell--hide-phone {\n display: none !important; }\n .mdl-cell--order-1-phone.mdl-cell--order-1-phone {\n order: 1; }\n .mdl-cell--order-2-phone.mdl-cell--order-2-phone {\n order: 2; }\n .mdl-cell--order-3-phone.mdl-cell--order-3-phone {\n order: 3; }\n .mdl-cell--order-4-phone.mdl-cell--order-4-phone {\n order: 4; }\n .mdl-cell--order-5-phone.mdl-cell--order-5-phone {\n order: 5; }\n .mdl-cell--order-6-phone.mdl-cell--order-6-phone {\n order: 6; }\n .mdl-cell--order-7-phone.mdl-cell--order-7-phone {\n order: 7; }\n .mdl-cell--order-8-phone.mdl-cell--order-8-phone {\n order: 8; }\n .mdl-cell--order-9-phone.mdl-cell--order-9-phone {\n order: 9; }\n .mdl-cell--order-10-phone.mdl-cell--order-10-phone {\n order: 10; }\n .mdl-cell--order-11-phone.mdl-cell--order-11-phone {\n order: 11; }\n .mdl-cell--order-12-phone.mdl-cell--order-12-phone {\n order: 12; }\n .mdl-cell--1-col,\n .mdl-cell--1-col-phone.mdl-cell--1-col-phone {\n width: calc(25% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >\n .mdl-cell--1-col-phone.mdl-cell--1-col-phone {\n width: 25%; }\n .mdl-cell--2-col,\n .mdl-cell--2-col-phone.mdl-cell--2-col-phone {\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >\n .mdl-cell--2-col-phone.mdl-cell--2-col-phone {\n width: 50%; }\n .mdl-cell--3-col,\n .mdl-cell--3-col-phone.mdl-cell--3-col-phone {\n width: calc(75% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >\n .mdl-cell--3-col-phone.mdl-cell--3-col-phone {\n width: 75%; }\n .mdl-cell--4-col,\n .mdl-cell--4-col-phone.mdl-cell--4-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >\n .mdl-cell--4-col-phone.mdl-cell--4-col-phone {\n width: 100%; }\n .mdl-cell--5-col,\n .mdl-cell--5-col-phone.mdl-cell--5-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >\n .mdl-cell--5-col-phone.mdl-cell--5-col-phone {\n width: 100%; }\n .mdl-cell--6-col,\n .mdl-cell--6-col-phone.mdl-cell--6-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >\n .mdl-cell--6-col-phone.mdl-cell--6-col-phone {\n width: 100%; }\n .mdl-cell--7-col,\n .mdl-cell--7-col-phone.mdl-cell--7-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >\n .mdl-cell--7-col-phone.mdl-cell--7-col-phone {\n width: 100%; }\n .mdl-cell--8-col,\n .mdl-cell--8-col-phone.mdl-cell--8-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >\n .mdl-cell--8-col-phone.mdl-cell--8-col-phone {\n width: 100%; }\n .mdl-cell--9-col,\n .mdl-cell--9-col-phone.mdl-cell--9-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >\n .mdl-cell--9-col-phone.mdl-cell--9-col-phone {\n width: 100%; }\n .mdl-cell--10-col,\n .mdl-cell--10-col-phone.mdl-cell--10-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >\n .mdl-cell--10-col-phone.mdl-cell--10-col-phone {\n width: 100%; }\n .mdl-cell--11-col,\n .mdl-cell--11-col-phone.mdl-cell--11-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >\n .mdl-cell--11-col-phone.mdl-cell--11-col-phone {\n width: 100%; }\n .mdl-cell--12-col,\n .mdl-cell--12-col-phone.mdl-cell--12-col-phone {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >\n .mdl-cell--12-col-phone.mdl-cell--12-col-phone {\n width: 100%; }\n .mdl-cell--1-offset,\n .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {\n margin-left: calc(25% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {\n margin-left: 25%; }\n .mdl-cell--2-offset,\n .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {\n margin-left: calc(50% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {\n margin-left: 50%; }\n .mdl-cell--3-offset,\n .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {\n margin-left: calc(75% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {\n margin-left: 75%; } }\n\n@media (min-width: 480px) and (max-width: 839px) {\n .mdl-grid {\n padding: 8px; }\n .mdl-cell {\n margin: 8px;\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell {\n width: 50%; }\n .mdl-cell--hide-tablet {\n display: none !important; }\n .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {\n order: 1; }\n .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {\n order: 2; }\n .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {\n order: 3; }\n .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {\n order: 4; }\n .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {\n order: 5; }\n .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {\n order: 6; }\n .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {\n order: 7; }\n .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {\n order: 8; }\n .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {\n order: 9; }\n .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {\n order: 10; }\n .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {\n order: 11; }\n .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {\n order: 12; }\n .mdl-cell--1-col,\n .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {\n width: calc(12.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >\n .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {\n width: 12.5%; }\n .mdl-cell--2-col,\n .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {\n width: calc(25% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >\n .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {\n width: 25%; }\n .mdl-cell--3-col,\n .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {\n width: calc(37.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >\n .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {\n width: 37.5%; }\n .mdl-cell--4-col,\n .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >\n .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {\n width: 50%; }\n .mdl-cell--5-col,\n .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {\n width: calc(62.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >\n .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {\n width: 62.5%; }\n .mdl-cell--6-col,\n .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {\n width: calc(75% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >\n .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {\n width: 75%; }\n .mdl-cell--7-col,\n .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {\n width: calc(87.5% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >\n .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {\n width: 87.5%; }\n .mdl-cell--8-col,\n .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >\n .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {\n width: 100%; }\n .mdl-cell--9-col,\n .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >\n .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {\n width: 100%; }\n .mdl-cell--10-col,\n .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >\n .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {\n width: 100%; }\n .mdl-cell--11-col,\n .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >\n .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {\n width: 100%; }\n .mdl-cell--12-col,\n .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >\n .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {\n width: 100%; }\n .mdl-cell--1-offset,\n .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {\n margin-left: calc(12.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {\n margin-left: 12.5%; }\n .mdl-cell--2-offset,\n .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {\n margin-left: calc(25% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {\n margin-left: 25%; }\n .mdl-cell--3-offset,\n .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {\n margin-left: calc(37.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {\n margin-left: 37.5%; }\n .mdl-cell--4-offset,\n .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {\n margin-left: calc(50% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {\n margin-left: 50%; }\n .mdl-cell--5-offset,\n .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {\n margin-left: calc(62.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {\n margin-left: 62.5%; }\n .mdl-cell--6-offset,\n .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {\n margin-left: calc(75% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {\n margin-left: 75%; }\n .mdl-cell--7-offset,\n .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {\n margin-left: calc(87.5% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {\n margin-left: 87.5%; } }\n\n@media (min-width: 840px) {\n .mdl-grid {\n padding: 8px; }\n .mdl-cell {\n margin: 8px;\n width: calc(33.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell {\n width: 33.3333333333%; }\n .mdl-cell--hide-desktop {\n display: none !important; }\n .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {\n order: 1; }\n .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {\n order: 2; }\n .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {\n order: 3; }\n .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {\n order: 4; }\n .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {\n order: 5; }\n .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {\n order: 6; }\n .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {\n order: 7; }\n .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {\n order: 8; }\n .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {\n order: 9; }\n .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {\n order: 10; }\n .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {\n order: 11; }\n .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {\n order: 12; }\n .mdl-cell--1-col,\n .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {\n width: calc(8.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >\n .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {\n width: 8.3333333333%; }\n .mdl-cell--2-col,\n .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {\n width: calc(16.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >\n .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {\n width: 16.6666666667%; }\n .mdl-cell--3-col,\n .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {\n width: calc(25% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >\n .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {\n width: 25%; }\n .mdl-cell--4-col,\n .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {\n width: calc(33.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >\n .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {\n width: 33.3333333333%; }\n .mdl-cell--5-col,\n .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {\n width: calc(41.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >\n .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {\n width: 41.6666666667%; }\n .mdl-cell--6-col,\n .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {\n width: calc(50% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >\n .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {\n width: 50%; }\n .mdl-cell--7-col,\n .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {\n width: calc(58.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >\n .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {\n width: 58.3333333333%; }\n .mdl-cell--8-col,\n .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {\n width: calc(66.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >\n .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {\n width: 66.6666666667%; }\n .mdl-cell--9-col,\n .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {\n width: calc(75% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >\n .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {\n width: 75%; }\n .mdl-cell--10-col,\n .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {\n width: calc(83.3333333333% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >\n .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {\n width: 83.3333333333%; }\n .mdl-cell--11-col,\n .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {\n width: calc(91.6666666667% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >\n .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {\n width: 91.6666666667%; }\n .mdl-cell--12-col,\n .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {\n width: calc(100% - 16px); }\n .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >\n .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {\n width: 100%; }\n .mdl-cell--1-offset,\n .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {\n margin-left: calc(8.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {\n margin-left: 8.3333333333%; }\n .mdl-cell--2-offset,\n .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {\n margin-left: calc(16.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {\n margin-left: 16.6666666667%; }\n .mdl-cell--3-offset,\n .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {\n margin-left: calc(25% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {\n margin-left: 25%; }\n .mdl-cell--4-offset,\n .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {\n margin-left: calc(33.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {\n margin-left: 33.3333333333%; }\n .mdl-cell--5-offset,\n .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {\n margin-left: calc(41.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {\n margin-left: 41.6666666667%; }\n .mdl-cell--6-offset,\n .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {\n margin-left: calc(50% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {\n margin-left: 50%; }\n .mdl-cell--7-offset,\n .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {\n margin-left: calc(58.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {\n margin-left: 58.3333333333%; }\n .mdl-cell--8-offset,\n .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {\n margin-left: calc(66.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {\n margin-left: 66.6666666667%; }\n .mdl-cell--9-offset,\n .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {\n margin-left: calc(75% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {\n margin-left: 75%; }\n .mdl-cell--10-offset,\n .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {\n margin-left: calc(83.3333333333% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {\n margin-left: 83.3333333333%; }\n .mdl-cell--11-offset,\n .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {\n margin-left: calc(91.6666666667% + 8px); }\n .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >\n .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {\n margin-left: 91.6666666667%; } }\n",null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/dashboard-ui/bower_components/material-design-lite/material.min.js b/dashboard-ui/bower_components/material-design-lite/material.min.js deleted file mode 100644 index c9efeaf98f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/material.min.js +++ /dev/null @@ -1,10 +0,0 @@ -/** - * material-design-lite - Material Design Components in CSS, JS and HTML - * @version v1.1.3 - * @license Apache-2.0 - * @copyright 2015 Google, Inc. - * @link https://github.com/google/material-design-lite - */ -!function(){"use strict";function e(e,t){if(e){if(t.element_.classList.contains(t.CssClasses_.MDL_JS_RIPPLE_EFFECT)){var s=document.createElement("span");s.classList.add(t.CssClasses_.MDL_RIPPLE_CONTAINER),s.classList.add(t.CssClasses_.MDL_JS_RIPPLE_EFFECT);var i=document.createElement("span");i.classList.add(t.CssClasses_.MDL_RIPPLE),s.appendChild(i),e.appendChild(s)}e.addEventListener("click",function(s){s.preventDefault();var i=e.href.split("#")[1],n=t.element_.querySelector("#"+i);t.resetTabState_(),t.resetPanelState_(),e.classList.add(t.CssClasses_.ACTIVE_CLASS),n.classList.add(t.CssClasses_.ACTIVE_CLASS)})}}function t(e,t,s,i){function n(){var n=e.href.split("#")[1],a=i.content_.querySelector("#"+n);i.resetTabState_(t),i.resetPanelState_(s),e.classList.add(i.CssClasses_.IS_ACTIVE),a.classList.add(i.CssClasses_.IS_ACTIVE)}if(i.tabBar_.classList.contains(i.CssClasses_.JS_RIPPLE_EFFECT)){var a=document.createElement("span");a.classList.add(i.CssClasses_.RIPPLE_CONTAINER),a.classList.add(i.CssClasses_.JS_RIPPLE_EFFECT);var l=document.createElement("span");l.classList.add(i.CssClasses_.RIPPLE),a.appendChild(l),e.appendChild(a)}e.addEventListener("click",function(t){"#"===e.getAttribute("href").charAt(0)&&(t.preventDefault(),n())}),e.show=n}var s={upgradeDom:function(e,t){},upgradeElement:function(e,t){},upgradeElements:function(e){},upgradeAllRegistered:function(){},registerUpgradedCallback:function(e,t){},register:function(e){},downgradeElements:function(e){}};s=function(){function e(e,t){for(var s=0;s_;_++){if(r=l[_],!r)throw new Error("Unable to find a registered component for the given class.");a.push(r.className),i.setAttribute("data-upgraded",a.join(","));var C=new r.classConstructor(i);C[p]=r,c.push(C);for(var u=0,E=r.callbacks.length;E>u;u++)r.callbacks[u](i);r.widget&&(i[r.className]=C);var m;"CustomEvent"in window&&"function"==typeof window.CustomEvent?m=new Event("mdl-componentupgraded",{bubbles:!0,cancelable:!1}):(m=document.createEvent("Events"),m.initEvent("mdl-componentupgraded",!0,!0)),i.dispatchEvent(m)}}function a(e){Array.isArray(e)||(e="function"==typeof e.item?Array.prototype.slice.call(e):[e]);for(var t,s=0,i=e.length;i>s;s++)t=e[s],t instanceof HTMLElement&&(n(t),t.children.length>0&&a(t.children))}function l(t){var s="undefined"==typeof t.widget&&"undefined"==typeof t.widget,i=!0;s||(i=t.widget||t.widget);var n={classConstructor:t.constructor||t.constructor,className:t.classAsString||t.classAsString,cssClass:t.cssClass||t.cssClass,widget:i,callbacks:[]};if(h.forEach(function(e){if(e.cssClass===n.cssClass)throw new Error("The provided cssClass has already been registered: "+e.cssClass);if(e.className===n.className)throw new Error("The provided className has already been registered")}),t.constructor.prototype.hasOwnProperty(p))throw new Error("MDL component classes must not have "+p+" defined as a property.");var a=e(t.classAsString,n);a||h.push(n)}function o(t,s){var i=e(t);i&&i.callbacks.push(s)}function r(){for(var e=0;e0&&this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)&&(e.keyCode===this.Keycodes_.UP_ARROW?(e.preventDefault(),t[t.length-1].focus()):e.keyCode===this.Keycodes_.DOWN_ARROW&&(e.preventDefault(),t[0].focus()))}},d.prototype.handleItemKeyboardEvent_=function(e){if(this.element_&&this.container_){var t=this.element_.querySelectorAll("."+this.CssClasses_.ITEM+":not([disabled])");if(t&&t.length>0&&this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)){var s=Array.prototype.slice.call(t).indexOf(e.target);if(e.keyCode===this.Keycodes_.UP_ARROW)e.preventDefault(),s>0?t[s-1].focus():t[t.length-1].focus();else if(e.keyCode===this.Keycodes_.DOWN_ARROW)e.preventDefault(),t.length>s+1?t[s+1].focus():t[0].focus();else if(e.keyCode===this.Keycodes_.SPACE||e.keyCode===this.Keycodes_.ENTER){e.preventDefault();var i=new MouseEvent("mousedown");e.target.dispatchEvent(i),i=new MouseEvent("mouseup"),e.target.dispatchEvent(i),e.target.click()}else e.keyCode===this.Keycodes_.ESCAPE&&(e.preventDefault(),this.hide())}}},d.prototype.handleItemClick_=function(e){e.target.hasAttribute("disabled")?e.stopPropagation():(this.closing_=!0,window.setTimeout(function(e){this.hide(),this.closing_=!1}.bind(this),this.Constant_.CLOSE_TIMEOUT))},d.prototype.applyClip_=function(e,t){this.element_.classList.contains(this.CssClasses_.UNALIGNED)?this.element_.style.clip="":this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)?this.element_.style.clip="rect(0 "+t+"px 0 "+t+"px)":this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?this.element_.style.clip="rect("+e+"px 0 "+e+"px 0)":this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?this.element_.style.clip="rect("+e+"px "+t+"px "+e+"px "+t+"px)":this.element_.style.clip=""},d.prototype.removeAnimationEndListener_=function(e){e.target.classList.remove(d.prototype.CssClasses_.IS_ANIMATING)},d.prototype.addAnimationEndListener_=function(){this.element_.addEventListener("transitionend",this.removeAnimationEndListener_),this.element_.addEventListener("webkitTransitionEnd",this.removeAnimationEndListener_)},d.prototype.show=function(e){if(this.element_&&this.container_&&this.outline_){var t=this.element_.getBoundingClientRect().height,s=this.element_.getBoundingClientRect().width;this.container_.style.width=s+"px",this.container_.style.height=t+"px",this.outline_.style.width=s+"px",this.outline_.style.height=t+"px";for(var i=this.Constant_.TRANSITION_DURATION_SECONDS*this.Constant_.TRANSITION_DURATION_FRACTION,n=this.element_.querySelectorAll("."+this.CssClasses_.ITEM),a=0;a0&&this.showSnackbar(this.queuedNotifications_.shift())},C.prototype.cleanup_=function(){this.element_.classList.remove(this.cssClasses_.ACTIVE),setTimeout(function(){this.element_.setAttribute("aria-hidden","true"),this.textElement_.textContent="",Boolean(this.actionElement_.getAttribute("aria-hidden"))||(this.setActionHidden_(!0),this.actionElement_.textContent="",this.actionElement_.removeEventListener("click",this.actionHandler_)),this.actionHandler_=void 0,this.message_=void 0,this.actionText_=void 0,this.active=!1,this.checkQueue_()}.bind(this),this.Constant_.ANIMATION_LENGTH)},C.prototype.setActionHidden_=function(e){e?this.actionElement_.setAttribute("aria-hidden","true"):this.actionElement_.removeAttribute("aria-hidden")},s.register({constructor:C,classAsString:"MaterialSnackbar",cssClass:"mdl-js-snackbar",widget:!0});var u=function(e){this.element_=e,this.init()};window.MaterialSpinner=u,u.prototype.Constant_={MDL_SPINNER_LAYER_COUNT:4},u.prototype.CssClasses_={MDL_SPINNER_LAYER:"mdl-spinner__layer",MDL_SPINNER_CIRCLE_CLIPPER:"mdl-spinner__circle-clipper",MDL_SPINNER_CIRCLE:"mdl-spinner__circle",MDL_SPINNER_GAP_PATCH:"mdl-spinner__gap-patch",MDL_SPINNER_LEFT:"mdl-spinner__left",MDL_SPINNER_RIGHT:"mdl-spinner__right"},u.prototype.createLayer=function(e){var t=document.createElement("div");t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER),t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER+"-"+e);var s=document.createElement("div");s.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER),s.classList.add(this.CssClasses_.MDL_SPINNER_LEFT);var i=document.createElement("div");i.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH);var n=document.createElement("div");n.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER),n.classList.add(this.CssClasses_.MDL_SPINNER_RIGHT);for(var a=[s,i,n],l=0;l=this.maxRows&&e.preventDefault()},L.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},L.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},L.prototype.onReset_=function(e){this.updateClasses_()},L.prototype.updateClasses_=function(){this.checkDisabled(),this.checkValidity(),this.checkDirty(),this.checkFocus()},L.prototype.checkDisabled=function(){this.input_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},L.prototype.checkDisabled=L.prototype.checkDisabled,L.prototype.checkFocus=function(){Boolean(this.element_.querySelector(":focus"))?this.element_.classList.add(this.CssClasses_.IS_FOCUSED):this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},L.prototype.checkFocus=L.prototype.checkFocus,L.prototype.checkValidity=function(){this.input_.validity&&(this.input_.validity.valid?this.element_.classList.remove(this.CssClasses_.IS_INVALID):this.element_.classList.add(this.CssClasses_.IS_INVALID))},L.prototype.checkValidity=L.prototype.checkValidity,L.prototype.checkDirty=function(){this.input_.value&&this.input_.value.length>0?this.element_.classList.add(this.CssClasses_.IS_DIRTY):this.element_.classList.remove(this.CssClasses_.IS_DIRTY)},L.prototype.checkDirty=L.prototype.checkDirty,L.prototype.disable=function(){this.input_.disabled=!0,this.updateClasses_()},L.prototype.disable=L.prototype.disable,L.prototype.enable=function(){this.input_.disabled=!1,this.updateClasses_()},L.prototype.enable=L.prototype.enable,L.prototype.change=function(e){this.input_.value=e||"",this.updateClasses_()},L.prototype.change=L.prototype.change,L.prototype.init=function(){if(this.element_&&(this.label_=this.element_.querySelector("."+this.CssClasses_.LABEL),this.input_=this.element_.querySelector("."+this.CssClasses_.INPUT),this.input_)){this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)&&(this.maxRows=parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE),10),isNaN(this.maxRows)&&(this.maxRows=this.Constant_.NO_MAX_ROWS)),this.input_.hasAttribute("placeholder")&&this.element_.classList.add(this.CssClasses_.HAS_PLACEHOLDER),this.boundUpdateClassesHandler=this.updateClasses_.bind(this),this.boundFocusHandler=this.onFocus_.bind(this),this.boundBlurHandler=this.onBlur_.bind(this),this.boundResetHandler=this.onReset_.bind(this),this.input_.addEventListener("input",this.boundUpdateClassesHandler),this.input_.addEventListener("focus",this.boundFocusHandler),this.input_.addEventListener("blur",this.boundBlurHandler),this.input_.addEventListener("reset",this.boundResetHandler),this.maxRows!==this.Constant_.NO_MAX_ROWS&&(this.boundKeyDownHandler=this.onKeyDown_.bind(this),this.input_.addEventListener("keydown",this.boundKeyDownHandler));var e=this.element_.classList.contains(this.CssClasses_.IS_INVALID);this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED),e&&this.element_.classList.add(this.CssClasses_.IS_INVALID),this.input_.hasAttribute("autofocus")&&(this.element_.focus(),this.checkFocus())}},s.register({constructor:L,classAsString:"MaterialTextfield",cssClass:"mdl-js-textfield",widget:!0});var I=function(e){this.element_=e,this.init()};window.MaterialTooltip=I,I.prototype.Constant_={},I.prototype.CssClasses_={IS_ACTIVE:"is-active",BOTTOM:"mdl-tooltip--bottom",LEFT:"mdl-tooltip--left",RIGHT:"mdl-tooltip--right",TOP:"mdl-tooltip--top"},I.prototype.handleMouseEnter_=function(e){var t=e.target.getBoundingClientRect(),s=t.left+t.width/2,i=t.top+t.height/2,n=-1*(this.element_.offsetWidth/2),a=-1*(this.element_.offsetHeight/2);this.element_.classList.contains(this.CssClasses_.LEFT)||this.element_.classList.contains(this.CssClasses_.RIGHT)?(s=t.width/2,0>i+a?(this.element_.style.top=0,this.element_.style.marginTop=0):(this.element_.style.top=i+"px",this.element_.style.marginTop=a+"px")):0>s+n?(this.element_.style.left=0,this.element_.style.marginLeft=0):(this.element_.style.left=s+"px",this.element_.style.marginLeft=n+"px"),this.element_.classList.contains(this.CssClasses_.TOP)?this.element_.style.top=t.top-this.element_.offsetHeight-10+"px":this.element_.classList.contains(this.CssClasses_.RIGHT)?this.element_.style.left=t.left+t.width+10+"px":this.element_.classList.contains(this.CssClasses_.LEFT)?this.element_.style.left=t.left-this.element_.offsetWidth-10+"px":this.element_.style.top=t.top+t.height+10+"px",this.element_.classList.add(this.CssClasses_.IS_ACTIVE)},I.prototype.handleMouseLeave_=function(){this.element_.classList.remove(this.CssClasses_.IS_ACTIVE)},I.prototype.init=function(){if(this.element_){var e=this.element_.getAttribute("for");e&&(this.forElement_=document.getElementById(e)),this.forElement_&&(this.forElement_.hasAttribute("tabindex")||this.forElement_.setAttribute("tabindex","0"),this.boundMouseEnterHandler=this.handleMouseEnter_.bind(this),this.boundMouseLeaveHandler=this.handleMouseLeave_.bind(this),this.forElement_.addEventListener("mouseenter",this.boundMouseEnterHandler,!1),this.forElement_.addEventListener("touchend",this.boundMouseEnterHandler,!1),this.forElement_.addEventListener("mouseleave",this.boundMouseLeaveHandler,!1),window.addEventListener("touchstart",this.boundMouseLeaveHandler))}},s.register({constructor:I,classAsString:"MaterialTooltip",cssClass:"mdl-tooltip"});var f=function(e){this.element_=e,this.init()};window.MaterialLayout=f,f.prototype.Constant_={MAX_WIDTH:"(max-width: 1024px)",TAB_SCROLL_PIXELS:100,RESIZE_TIMEOUT:100,MENU_ICON:"",CHEVRON_LEFT:"chevron_left",CHEVRON_RIGHT:"chevron_right"},f.prototype.Keycodes_={ENTER:13,ESCAPE:27,SPACE:32},f.prototype.Mode_={STANDARD:0,SEAMED:1,WATERFALL:2,SCROLL:3},f.prototype.CssClasses_={CONTAINER:"mdl-layout__container",HEADER:"mdl-layout__header",DRAWER:"mdl-layout__drawer",CONTENT:"mdl-layout__content",DRAWER_BTN:"mdl-layout__drawer-button",ICON:"material-icons",JS_RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_CONTAINER:"mdl-layout__tab-ripple-container",RIPPLE:"mdl-ripple",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",HEADER_SEAMED:"mdl-layout__header--seamed",HEADER_WATERFALL:"mdl-layout__header--waterfall",HEADER_SCROLL:"mdl-layout__header--scroll",FIXED_HEADER:"mdl-layout--fixed-header",OBFUSCATOR:"mdl-layout__obfuscator",TAB_BAR:"mdl-layout__tab-bar",TAB_CONTAINER:"mdl-layout__tab-bar-container",TAB:"mdl-layout__tab",TAB_BAR_BUTTON:"mdl-layout__tab-bar-button",TAB_BAR_LEFT_BUTTON:"mdl-layout__tab-bar-left-button",TAB_BAR_RIGHT_BUTTON:"mdl-layout__tab-bar-right-button",PANEL:"mdl-layout__tab-panel",HAS_DRAWER:"has-drawer",HAS_TABS:"has-tabs",HAS_SCROLLING_HEADER:"has-scrolling-header",CASTING_SHADOW:"is-casting-shadow",IS_COMPACT:"is-compact",IS_SMALL_SCREEN:"is-small-screen",IS_DRAWER_OPEN:"is-visible",IS_ACTIVE:"is-active",IS_UPGRADED:"is-upgraded",IS_ANIMATING:"is-animating",ON_LARGE_SCREEN:"mdl-layout--large-screen-only",ON_SMALL_SCREEN:"mdl-layout--small-screen-only"},f.prototype.contentScrollHandler_=function(){if(!this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)){var e=!this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN)||this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);this.content_.scrollTop>0&&!this.header_.classList.contains(this.CssClasses_.IS_COMPACT)?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.header_.classList.add(this.CssClasses_.IS_COMPACT),e&&this.header_.classList.add(this.CssClasses_.IS_ANIMATING)):this.content_.scrollTop<=0&&this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&&(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.header_.classList.remove(this.CssClasses_.IS_COMPACT),e&&this.header_.classList.add(this.CssClasses_.IS_ANIMATING))}},f.prototype.keyboardEventHandler_=function(e){e.keyCode===this.Keycodes_.ESCAPE&&this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)&&this.toggleDrawer()},f.prototype.screenSizeHandler_=function(){this.screenSizeMediaQuery_.matches?this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN):(this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN),this.drawer_&&(this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN),this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN)))},f.prototype.drawerToggleHandler_=function(e){if(e&&"keydown"===e.type){if(e.keyCode!==this.Keycodes_.SPACE&&e.keyCode!==this.Keycodes_.ENTER)return;e.preventDefault()}this.toggleDrawer()},f.prototype.headerTransitionEndHandler_=function(){this.header_.classList.remove(this.CssClasses_.IS_ANIMATING)},f.prototype.headerClickHandler_=function(){this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&&(this.header_.classList.remove(this.CssClasses_.IS_COMPACT),this.header_.classList.add(this.CssClasses_.IS_ANIMATING))},f.prototype.resetTabState_=function(e){for(var t=0;ta;a++){var l=i[a];l.classList&&l.classList.contains(this.CssClasses_.HEADER)&&(this.header_=l),l.classList&&l.classList.contains(this.CssClasses_.DRAWER)&&(this.drawer_=l),l.classList&&l.classList.contains(this.CssClasses_.CONTENT)&&(this.content_=l)}window.addEventListener("pageshow",function(e){e.persisted&&(this.element_.style.overflowY="hidden",requestAnimationFrame(function(){this.element_.style.overflowY=""}.bind(this)))}.bind(this),!1),this.header_&&(this.tabBar_=this.header_.querySelector("."+this.CssClasses_.TAB_BAR));var o=this.Mode_.STANDARD;if(this.header_&&(this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)?o=this.Mode_.SEAMED:this.header_.classList.contains(this.CssClasses_.HEADER_WATERFALL)?(o=this.Mode_.WATERFALL,this.header_.addEventListener("transitionend",this.headerTransitionEndHandler_.bind(this)),this.header_.addEventListener("click",this.headerClickHandler_.bind(this))):this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)&&(o=this.Mode_.SCROLL,e.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER)),o===this.Mode_.STANDARD?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.tabBar_&&this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW)):o===this.Mode_.SEAMED||o===this.Mode_.SCROLL?(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.tabBar_&&this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW)):o===this.Mode_.WATERFALL&&(this.content_.addEventListener("scroll",this.contentScrollHandler_.bind(this)),this.contentScrollHandler_())),this.drawer_){var r=this.element_.querySelector("."+this.CssClasses_.DRAWER_BTN);if(!r){r=document.createElement("div"),r.setAttribute("aria-expanded","false"),r.setAttribute("role","button"),r.setAttribute("tabindex","0"),r.classList.add(this.CssClasses_.DRAWER_BTN);var _=document.createElement("i");_.classList.add(this.CssClasses_.ICON),_.innerHTML=this.Constant_.MENU_ICON,r.appendChild(_)}this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)?r.classList.add(this.CssClasses_.ON_LARGE_SCREEN):this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)&&r.classList.add(this.CssClasses_.ON_SMALL_SCREEN),r.addEventListener("click",this.drawerToggleHandler_.bind(this)),r.addEventListener("keydown",this.drawerToggleHandler_.bind(this)),this.element_.classList.add(this.CssClasses_.HAS_DRAWER),this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)?this.header_.insertBefore(r,this.header_.firstChild):this.element_.insertBefore(r,this.content_);var d=document.createElement("div");d.classList.add(this.CssClasses_.OBFUSCATOR),this.element_.appendChild(d),d.addEventListener("click",this.drawerToggleHandler_.bind(this)),this.obfuscator_=d,this.drawer_.addEventListener("keydown",this.keyboardEventHandler_.bind(this)),this.drawer_.setAttribute("aria-hidden","true")}if(this.screenSizeMediaQuery_=window.matchMedia(this.Constant_.MAX_WIDTH),this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this)),this.screenSizeHandler_(),this.header_&&this.tabBar_){this.element_.classList.add(this.CssClasses_.HAS_TABS);var h=document.createElement("div");h.classList.add(this.CssClasses_.TAB_CONTAINER),this.header_.insertBefore(h,this.tabBar_),this.header_.removeChild(this.tabBar_);var c=document.createElement("div");c.classList.add(this.CssClasses_.TAB_BAR_BUTTON),c.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON);var p=document.createElement("i");p.classList.add(this.CssClasses_.ICON),p.textContent=this.Constant_.CHEVRON_LEFT,c.appendChild(p),c.addEventListener("click",function(){this.tabBar_.scrollLeft-=this.Constant_.TAB_SCROLL_PIXELS}.bind(this));var C=document.createElement("div");C.classList.add(this.CssClasses_.TAB_BAR_BUTTON),C.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON);var u=document.createElement("i");u.classList.add(this.CssClasses_.ICON),u.textContent=this.Constant_.CHEVRON_RIGHT,C.appendChild(u),C.addEventListener("click",function(){this.tabBar_.scrollLeft+=this.Constant_.TAB_SCROLL_PIXELS}.bind(this)),h.appendChild(c),h.appendChild(this.tabBar_),h.appendChild(C);var E=function(){this.tabBar_.scrollLeft>0?c.classList.add(this.CssClasses_.IS_ACTIVE):c.classList.remove(this.CssClasses_.IS_ACTIVE),this.tabBar_.scrollLeft0)return;this.setFrameCount(1);var i,n,a=e.currentTarget.getBoundingClientRect();if(0===e.clientX&&0===e.clientY)i=Math.round(a.width/2),n=Math.round(a.height/2);else{var l=e.clientX?e.clientX:e.touches[0].clientX,o=e.clientY?e.clientY:e.touches[0].clientY;i=Math.round(l-a.left),n=Math.round(o-a.top)}this.setRippleXY(i,n),this.setRippleStyles(!0),window.requestAnimationFrame(this.animFrameHandler.bind(this))}},y.prototype.upHandler_=function(e){e&&2!==e.detail&&window.setTimeout(function(){this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE)}.bind(this),0)},y.prototype.init=function(){if(this.element_){var e=this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER);this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)||(this.rippleElement_=this.element_.querySelector("."+this.CssClasses_.RIPPLE),this.frameCount_=0,this.rippleSize_=0,this.x_=0,this.y_=0,this.ignoringMouseDown_=!1,this.boundDownHandler=this.downHandler_.bind(this),this.element_.addEventListener("mousedown",this.boundDownHandler),this.element_.addEventListener("touchstart",this.boundDownHandler),this.boundUpHandler=this.upHandler_.bind(this),this.element_.addEventListener("mouseup",this.boundUpHandler),this.element_.addEventListener("mouseleave",this.boundUpHandler),this.element_.addEventListener("touchend",this.boundUpHandler),this.element_.addEventListener("blur",this.boundUpHandler),this.getFrameCount=function(){return this.frameCount_},this.setFrameCount=function(e){this.frameCount_=e},this.getRippleElement=function(){return this.rippleElement_},this.setRippleXY=function(e,t){this.x_=e,this.y_=t},this.setRippleStyles=function(t){if(null!==this.rippleElement_){var s,i,n,a="translate("+this.x_+"px, "+this.y_+"px)";t?(i=this.Constant_.INITIAL_SCALE,n=this.Constant_.INITIAL_SIZE):(i=this.Constant_.FINAL_SCALE,n=this.rippleSize_+"px",e&&(a="translate("+this.boundWidth/2+"px, "+this.boundHeight/2+"px)")),s="translate(-50%, -50%) "+a+i,this.rippleElement_.style.webkitTransform=s,this.rippleElement_.style.msTransform=s,this.rippleElement_.style.transform=s,t?this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING):this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING)}},this.animFrameHandler=function(){this.frameCount_-- >0?window.requestAnimationFrame(this.animFrameHandler.bind(this)):this.setRippleStyles(!1)})}},s.register({constructor:y,classAsString:"MaterialRipple",cssClass:"mdl-js-ripple-effect",widget:!1})}(); -//# sourceMappingURL=material.min.js.map diff --git a/dashboard-ui/bower_components/material-design-lite/material.min.js.map b/dashboard-ui/bower_components/material-design-lite/material.min.js.map deleted file mode 100644 index 4d5fc1033a..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/material.min.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["material.js","mdlComponentHandler.js","tabs.js","layout.js","rAF.js","button.js","checkbox.js","icon-toggle.js","menu.js","progress.js","radio.js","slider.js","snackbar.js","spinner.js","switch.js","textfield.js","tooltip.js","data-table.js","ripple.js"],"names":["MaterialTab","tab","ctx","element_","classList","contains","CssClasses_","MDL_JS_RIPPLE_EFFECT","rippleContainer","document","createElement","add","MDL_RIPPLE_CONTAINER","ripple","MDL_RIPPLE","appendChild","addEventListener","e","preventDefault","href","split","panel","querySelector","resetTabState_","resetPanelState_","ACTIVE_CLASS","MaterialLayoutTab","tabs","panels","layout","selectTab","content_","IS_ACTIVE","tabBar_","JS_RIPPLE_EFFECT","RIPPLE_CONTAINER","RIPPLE","getAttribute","charAt","show","componentHandler","upgradeDom","optJsClass","optCssClass","upgradeElement","element","upgradeElements","elements","upgradeAllRegistered","registerUpgradedCallback","jsClass","callback","register","config","downgradeElements","nodes","findRegisteredClass_","name","optReplace","i","registeredComponents_","length","className","getUpgradedListOfElement_","dataUpgraded","isElementUpgraded_","upgradedList","indexOf","upgradeDomInternal","cssClass","registeredClass","querySelectorAll","n","upgradeElementInternal","Element","Error","classesToUpgrade","push","forEach","component","setAttribute","join","instance","classConstructor","componentConfigProperty_","createdComponents_","j","m","callbacks","widget","ev","window","CustomEvent","Event","bubbles","cancelable","createEvent","initEvent","dispatchEvent","upgradeElementsInternal","Array","isArray","item","prototype","slice","call","HTMLElement","children","registerInternal","widgetMissing","newConfig","constructor","classAsString","hasOwnProperty","found","registerUpgradedCallbackInternal","regClass","upgradeAllRegisteredInternal","deconstructComponentInternal","componentIndex","splice","upgrades","componentPlace","downgradeNodesInternal","downgradeNode","node","filter","NodeList","Node","ComponentConfigPublic","ComponentConfig","Component","documentElement","Date","now","getTime","vendors","requestAnimationFrame","vp","cancelAnimationFrame","test","navigator","userAgent","lastTime","nextTime","Math","max","setTimeout","clearTimeout","MaterialButton","this","init","Constant_","RIPPLE_EFFECT","blurHandler_","event","blur","disable","disabled","enable","rippleElement_","boundRippleBlurHandler","bind","boundButtonBlurHandler","MaterialCheckbox","TINY_TIMEOUT","INPUT","BOX_OUTLINE","FOCUS_HELPER","TICK_OUTLINE","RIPPLE_IGNORE_EVENTS","RIPPLE_CENTER","IS_FOCUSED","IS_DISABLED","IS_CHECKED","IS_UPGRADED","onChange_","updateClasses_","onFocus_","onBlur_","remove","onMouseUp_","blur_","checkDisabled","checkToggleState","inputElement_","checked","check","uncheck","boxOutline","tickContainer","tickOutline","rippleContainerElement_","boundRippleMouseUp","boundInputOnChange","boundInputOnFocus","boundInputOnBlur","boundElementMouseUp","MaterialIconToggle","boundElementOnMouseUp","MaterialMenu","TRANSITION_DURATION_SECONDS","TRANSITION_DURATION_FRACTION","CLOSE_TIMEOUT","Keycodes_","ENTER","ESCAPE","SPACE","UP_ARROW","DOWN_ARROW","CONTAINER","OUTLINE","ITEM","ITEM_RIPPLE_CONTAINER","IS_VISIBLE","IS_ANIMATING","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_LEFT","TOP_RIGHT","UNALIGNED","container","parentElement","insertBefore","removeChild","container_","outline","outline_","forElId","forEl","getElementById","forElement_","handleForClick_","handleForKeyboardEvent_","items","boundItemKeydown_","handleItemKeyboardEvent_","boundItemClick_","handleItemClick_","tabIndex","evt","rect","getBoundingClientRect","forRect","style","right","top","offsetTop","offsetHeight","left","offsetLeft","bottom","toggle","keyCode","focus","currentIndex","target","MouseEvent","click","hide","hasAttribute","stopPropagation","closing_","applyClip_","height","width","clip","removeAnimationEndListener_","addAnimationEndListener_","transitionDuration","itemDelay","transitionDelay","parentNode","removeEventListener","removeProperty","MaterialProgress","INDETERMINATE_CLASS","setProgress","p","progressbar_","setBuffer","bufferbar_","auxbar_","el","MaterialRadio","JS_RADIO","RADIO_BTN","RADIO_OUTER_CIRCLE","RADIO_INNER_CIRCLE","radios","getElementsByClassName","button","btnElement_","onMouseup_","boundChangeHandler_","boundFocusHandler_","boundBlurHandler_","boundMouseUpHandler_","outerCircle","innerCircle","MaterialSlider","isIE_","msPointerEnabled","IE_CONTAINER","SLIDER_CONTAINER","BACKGROUND_FLEX","BACKGROUND_LOWER","BACKGROUND_UPPER","IS_LOWEST_VALUE","onInput_","updateValueStyles_","onContainerMouseDown_","newEvent","buttons","clientX","clientY","y","fraction","value","min","backgroundLower_","flex","webkitFlex","backgroundUpper_","change","containerIE","backgroundFlex","boundInputHandler","boundChangeHandler","boundMouseUpHandler","boundContainerMouseDownHandler","MaterialSnackbar","textElement_","cssClasses_","MESSAGE","actionElement_","ACTION","active","actionHandler_","undefined","message_","actionText_","queuedNotifications_","setActionHidden_","ANIMATION_LENGTH","SNACKBAR","ACTIVE","displaySnackbar_","textContent","cleanup_","timeout_","showSnackbar","data","checkQueue_","shift","Boolean","removeAttribute","MaterialSpinner","MDL_SPINNER_LAYER_COUNT","MDL_SPINNER_LAYER","MDL_SPINNER_CIRCLE_CLIPPER","MDL_SPINNER_CIRCLE","MDL_SPINNER_GAP_PATCH","MDL_SPINNER_LEFT","MDL_SPINNER_RIGHT","createLayer","index","layer","leftClipper","gapPatch","rightClipper","circleOwners","circle","stop","start","MaterialSwitch","TRACK","THUMB","on","off","track","thumb","focusHelper","boundFocusHandler","boundBlurHandler","MaterialTabs","TAB_CLASS","PANEL_CLASS","UPGRADED_CLASS","MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS","initTabs_","tabs_","panels_","k","MaterialTextfield","maxRows","NO_MAX_ROWS","MAX_ROWS_ATTRIBUTE","LABEL","IS_DIRTY","IS_INVALID","HAS_PLACEHOLDER","onKeyDown_","currentRowCount","onReset_","checkValidity","checkDirty","checkFocus","input_","validity","valid","label_","parseInt","isNaN","boundUpdateClassesHandler","boundResetHandler","boundKeyDownHandler","invalid","MaterialTooltip","BOTTOM","LEFT","RIGHT","TOP","handleMouseEnter_","props","marginLeft","offsetWidth","marginTop","handleMouseLeave_","boundMouseEnterHandler","boundMouseLeaveHandler","MaterialLayout","MAX_WIDTH","TAB_SCROLL_PIXELS","RESIZE_TIMEOUT","MENU_ICON","CHEVRON_LEFT","CHEVRON_RIGHT","Mode_","STANDARD","SEAMED","WATERFALL","SCROLL","HEADER","DRAWER","CONTENT","DRAWER_BTN","ICON","HEADER_SEAMED","HEADER_WATERFALL","HEADER_SCROLL","FIXED_HEADER","OBFUSCATOR","TAB_BAR","TAB_CONTAINER","TAB","TAB_BAR_BUTTON","TAB_BAR_LEFT_BUTTON","TAB_BAR_RIGHT_BUTTON","PANEL","HAS_DRAWER","HAS_TABS","HAS_SCROLLING_HEADER","CASTING_SHADOW","IS_COMPACT","IS_SMALL_SCREEN","IS_DRAWER_OPEN","ON_LARGE_SCREEN","ON_SMALL_SCREEN","contentScrollHandler_","header_","headerVisible","scrollTop","keyboardEventHandler_","drawer_","toggleDrawer","screenSizeHandler_","screenSizeMediaQuery_","matches","obfuscator_","drawerToggleHandler_","type","headerTransitionEndHandler_","headerClickHandler_","tabBar","drawerButton","focusedElement","directChildren","childNodes","numChildren","c","child","persisted","overflowY","mode","drawerButtonIcon","innerHTML","firstChild","obfuscator","matchMedia","addListener","tabContainer","leftButton","leftButtonIcon","scrollLeft","rightButton","rightButtonIcon","tabUpdateHandler","scrollWidth","windowResizeHandler","resizeTimeoutId_","MaterialDataTable","DATA_TABLE","SELECTABLE","SELECT_ELEMENT","IS_SELECTED","selectRow_","checkbox","row","opt_rows","createCheckbox_","label","labelClasses","firstHeader","bodyRows","footRows","rows","concat","th","headerCheckbox","firstCell","td","nodeName","toUpperCase","rowCheckbox","MaterialRipple","INITIAL_SCALE","INITIAL_SIZE","INITIAL_OPACITY","FINAL_OPACITY","FINAL_SCALE","RIPPLE_EFFECT_IGNORE_EVENTS","downHandler_","boundHeight","boundWidth","rippleSize_","sqrt","ignoringMouseDown_","frameCount","getFrameCount","setFrameCount","x","bound","currentTarget","round","touches","setRippleXY","setRippleStyles","animFrameHandler","upHandler_","detail","recentering","frameCount_","x_","y_","boundDownHandler","boundUpHandler","fC","getRippleElement","newX","newY","transformString","scale","size","offset","webkitTransform","msTransform","transform"],"mappings":"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","file":"material.min.js","sourcesContent":[";(function() {\n\"use strict\";\n\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * A component handler interface using the revealing module design pattern.\n * More details on this design pattern here:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @author Jason Mayes.\n */\n/* exported componentHandler */\n\n// Pre-defining the componentHandler interface, for closure documentation and\n// static verification.\nvar componentHandler = {\n /**\n * Searches existing DOM for elements of our component type and upgrades them\n * if they have not already been upgraded.\n *\n * @param {string=} optJsClass the programatic name of the element class we\n * need to create a new instance of.\n * @param {string=} optCssClass the name of the CSS class elements of this\n * type will have.\n */\n upgradeDom: function(optJsClass, optCssClass) {},\n /**\n * Upgrades a specific element rather than all in the DOM.\n *\n * @param {!Element} element The element we wish to upgrade.\n * @param {string=} optJsClass Optional name of the class we want to upgrade\n * the element to.\n */\n upgradeElement: function(element, optJsClass) {},\n /**\n * Upgrades a specific list of elements rather than all in the DOM.\n *\n * @param {!Element|!Array|!NodeList|!HTMLCollection} elements\n * The elements we wish to upgrade.\n */\n upgradeElements: function(elements) {},\n /**\n * Upgrades all registered components found in the current DOM. This is\n * automatically called on window load.\n */\n upgradeAllRegistered: function() {},\n /**\n * Allows user to be alerted to any upgrades that are performed for a given\n * component type\n *\n * @param {string} jsClass The class name of the MDL component we wish\n * to hook into for any upgrades performed.\n * @param {function(!HTMLElement)} callback The function to call upon an\n * upgrade. This function should expect 1 parameter - the HTMLElement which\n * got upgraded.\n */\n registerUpgradedCallback: function(jsClass, callback) {},\n /**\n * Registers a class for future use and attempts to upgrade existing DOM.\n *\n * @param {componentHandler.ComponentConfigPublic} config the registration configuration\n */\n register: function(config) {},\n /**\n * Downgrade either a given node, an array of nodes, or a NodeList.\n *\n * @param {!Node|!Array|!NodeList} nodes\n */\n downgradeElements: function(nodes) {}\n};\n\ncomponentHandler = (function() {\n 'use strict';\n\n /** @type {!Array} */\n var registeredComponents_ = [];\n\n /** @type {!Array} */\n var createdComponents_ = [];\n\n var componentConfigProperty_ = 'mdlComponentConfigInternal_';\n\n /**\n * Searches registered components for a class we are interested in using.\n * Optionally replaces a match with passed object if specified.\n *\n * @param {string} name The name of a class we want to use.\n * @param {componentHandler.ComponentConfig=} optReplace Optional object to replace match with.\n * @return {!Object|boolean}\n * @private\n */\n function findRegisteredClass_(name, optReplace) {\n for (var i = 0; i < registeredComponents_.length; i++) {\n if (registeredComponents_[i].className === name) {\n if (typeof optReplace !== 'undefined') {\n registeredComponents_[i] = optReplace;\n }\n return registeredComponents_[i];\n }\n }\n return false;\n }\n\n /**\n * Returns an array of the classNames of the upgraded classes on the element.\n *\n * @param {!Element} element The element to fetch data from.\n * @return {!Array}\n * @private\n */\n function getUpgradedListOfElement_(element) {\n var dataUpgraded = element.getAttribute('data-upgraded');\n // Use `['']` as default value to conform the `,name,name...` style.\n return dataUpgraded === null ? [''] : dataUpgraded.split(',');\n }\n\n /**\n * Returns true if the given element has already been upgraded for the given\n * class.\n *\n * @param {!Element} element The element we want to check.\n * @param {string} jsClass The class to check for.\n * @returns {boolean}\n * @private\n */\n function isElementUpgraded_(element, jsClass) {\n var upgradedList = getUpgradedListOfElement_(element);\n return upgradedList.indexOf(jsClass) !== -1;\n }\n\n /**\n * Searches existing DOM for elements of our component type and upgrades them\n * if they have not already been upgraded.\n *\n * @param {string=} optJsClass the programatic name of the element class we\n * need to create a new instance of.\n * @param {string=} optCssClass the name of the CSS class elements of this\n * type will have.\n */\n function upgradeDomInternal(optJsClass, optCssClass) {\n if (typeof optJsClass === 'undefined' &&\n typeof optCssClass === 'undefined') {\n for (var i = 0; i < registeredComponents_.length; i++) {\n upgradeDomInternal(registeredComponents_[i].className,\n registeredComponents_[i].cssClass);\n }\n } else {\n var jsClass = /** @type {string} */ (optJsClass);\n if (typeof optCssClass === 'undefined') {\n var registeredClass = findRegisteredClass_(jsClass);\n if (registeredClass) {\n optCssClass = registeredClass.cssClass;\n }\n }\n\n var elements = document.querySelectorAll('.' + optCssClass);\n for (var n = 0; n < elements.length; n++) {\n upgradeElementInternal(elements[n], jsClass);\n }\n }\n }\n\n /**\n * Upgrades a specific element rather than all in the DOM.\n *\n * @param {!Element} element The element we wish to upgrade.\n * @param {string=} optJsClass Optional name of the class we want to upgrade\n * the element to.\n */\n function upgradeElementInternal(element, optJsClass) {\n // Verify argument type.\n if (!(typeof element === 'object' && element instanceof Element)) {\n throw new Error('Invalid argument provided to upgrade MDL element.');\n }\n var upgradedList = getUpgradedListOfElement_(element);\n var classesToUpgrade = [];\n // If jsClass is not provided scan the registered components to find the\n // ones matching the element's CSS classList.\n if (!optJsClass) {\n var classList = element.classList;\n registeredComponents_.forEach(function(component) {\n // Match CSS & Not to be upgraded & Not upgraded.\n if (classList.contains(component.cssClass) &&\n classesToUpgrade.indexOf(component) === -1 &&\n !isElementUpgraded_(element, component.className)) {\n classesToUpgrade.push(component);\n }\n });\n } else if (!isElementUpgraded_(element, optJsClass)) {\n classesToUpgrade.push(findRegisteredClass_(optJsClass));\n }\n\n // Upgrade the element for each classes.\n for (var i = 0, n = classesToUpgrade.length, registeredClass; i < n; i++) {\n registeredClass = classesToUpgrade[i];\n if (registeredClass) {\n // Mark element as upgraded.\n upgradedList.push(registeredClass.className);\n element.setAttribute('data-upgraded', upgradedList.join(','));\n var instance = new registeredClass.classConstructor(element);\n instance[componentConfigProperty_] = registeredClass;\n createdComponents_.push(instance);\n // Call any callbacks the user has registered with this component type.\n for (var j = 0, m = registeredClass.callbacks.length; j < m; j++) {\n registeredClass.callbacks[j](element);\n }\n\n if (registeredClass.widget) {\n // Assign per element instance for control over API\n element[registeredClass.className] = instance;\n }\n } else {\n throw new Error(\n 'Unable to find a registered component for the given class.');\n }\n\n var ev;\n if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {\n ev = new Event('mdl-componentupgraded', {\n 'bubbles': true, 'cancelable': false\n });\n } else {\n ev = document.createEvent('Events');\n ev.initEvent('mdl-componentupgraded', true, true);\n }\n element.dispatchEvent(ev);\n }\n }\n\n /**\n * Upgrades a specific list of elements rather than all in the DOM.\n *\n * @param {!Element|!Array|!NodeList|!HTMLCollection} elements\n * The elements we wish to upgrade.\n */\n function upgradeElementsInternal(elements) {\n if (!Array.isArray(elements)) {\n if (typeof elements.item === 'function') {\n elements = Array.prototype.slice.call(/** @type {Array} */ (elements));\n } else {\n elements = [elements];\n }\n }\n for (var i = 0, n = elements.length, element; i < n; i++) {\n element = elements[i];\n if (element instanceof HTMLElement) {\n upgradeElementInternal(element);\n if (element.children.length > 0) {\n upgradeElementsInternal(element.children);\n }\n }\n }\n }\n\n /**\n * Registers a class for future use and attempts to upgrade existing DOM.\n *\n * @param {componentHandler.ComponentConfigPublic} config\n */\n function registerInternal(config) {\n // In order to support both Closure-compiled and uncompiled code accessing\n // this method, we need to allow for both the dot and array syntax for\n // property access. You'll therefore see the `foo.bar || foo['bar']`\n // pattern repeated across this method.\n var widgetMissing = (typeof config.widget === 'undefined' &&\n typeof config['widget'] === 'undefined');\n var widget = true;\n\n if (!widgetMissing) {\n widget = config.widget || config['widget'];\n }\n\n var newConfig = /** @type {componentHandler.ComponentConfig} */ ({\n classConstructor: config.constructor || config['constructor'],\n className: config.classAsString || config['classAsString'],\n cssClass: config.cssClass || config['cssClass'],\n widget: widget,\n callbacks: []\n });\n\n registeredComponents_.forEach(function(item) {\n if (item.cssClass === newConfig.cssClass) {\n throw new Error('The provided cssClass has already been registered: ' + item.cssClass);\n }\n if (item.className === newConfig.className) {\n throw new Error('The provided className has already been registered');\n }\n });\n\n if (config.constructor.prototype\n .hasOwnProperty(componentConfigProperty_)) {\n throw new Error(\n 'MDL component classes must not have ' + componentConfigProperty_ +\n ' defined as a property.');\n }\n\n var found = findRegisteredClass_(config.classAsString, newConfig);\n\n if (!found) {\n registeredComponents_.push(newConfig);\n }\n }\n\n /**\n * Allows user to be alerted to any upgrades that are performed for a given\n * component type\n *\n * @param {string} jsClass The class name of the MDL component we wish\n * to hook into for any upgrades performed.\n * @param {function(!HTMLElement)} callback The function to call upon an\n * upgrade. This function should expect 1 parameter - the HTMLElement which\n * got upgraded.\n */\n function registerUpgradedCallbackInternal(jsClass, callback) {\n var regClass = findRegisteredClass_(jsClass);\n if (regClass) {\n regClass.callbacks.push(callback);\n }\n }\n\n /**\n * Upgrades all registered components found in the current DOM. This is\n * automatically called on window load.\n */\n function upgradeAllRegisteredInternal() {\n for (var n = 0; n < registeredComponents_.length; n++) {\n upgradeDomInternal(registeredComponents_[n].className);\n }\n }\n\n /**\n * Check the component for the downgrade method.\n * Execute if found.\n * Remove component from createdComponents list.\n *\n * @param {?componentHandler.Component} component\n */\n function deconstructComponentInternal(component) {\n if (component) {\n var componentIndex = createdComponents_.indexOf(component);\n createdComponents_.splice(componentIndex, 1);\n\n var upgrades = component.element_.getAttribute('data-upgraded').split(',');\n var componentPlace = upgrades.indexOf(component[componentConfigProperty_].classAsString);\n upgrades.splice(componentPlace, 1);\n component.element_.setAttribute('data-upgraded', upgrades.join(','));\n\n var ev;\n if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {\n ev = new Event('mdl-componentdowngraded', {\n 'bubbles': true, 'cancelable': false\n });\n } else {\n ev = document.createEvent('Events');\n ev.initEvent('mdl-componentdowngraded', true, true);\n }\n }\n }\n\n /**\n * Downgrade either a given node, an array of nodes, or a NodeList.\n *\n * @param {!Node|!Array|!NodeList} nodes\n */\n function downgradeNodesInternal(nodes) {\n /**\n * Auxiliary function to downgrade a single node.\n * @param {!Node} node the node to be downgraded\n */\n var downgradeNode = function(node) {\n createdComponents_.filter(function(item) {\n return item.element_ === node;\n }).forEach(deconstructComponentInternal);\n };\n if (nodes instanceof Array || nodes instanceof NodeList) {\n for (var n = 0; n < nodes.length; n++) {\n downgradeNode(nodes[n]);\n }\n } else if (nodes instanceof Node) {\n downgradeNode(nodes);\n } else {\n throw new Error('Invalid argument provided to downgrade MDL nodes.');\n }\n }\n\n // Now return the functions that should be made public with their publicly\n // facing names...\n return {\n upgradeDom: upgradeDomInternal,\n upgradeElement: upgradeElementInternal,\n upgradeElements: upgradeElementsInternal,\n upgradeAllRegistered: upgradeAllRegisteredInternal,\n registerUpgradedCallback: registerUpgradedCallbackInternal,\n register: registerInternal,\n downgradeElements: downgradeNodesInternal\n };\n})();\n\n/**\n * Describes the type of a registered component type managed by\n * componentHandler. Provided for benefit of the Closure compiler.\n *\n * @typedef {{\n * constructor: Function,\n * classAsString: string,\n * cssClass: string,\n * widget: (string|boolean|undefined)\n * }}\n */\ncomponentHandler.ComponentConfigPublic; // jshint ignore:line\n\n/**\n * Describes the type of a registered component type managed by\n * componentHandler. Provided for benefit of the Closure compiler.\n *\n * @typedef {{\n * constructor: !Function,\n * className: string,\n * cssClass: string,\n * widget: (string|boolean),\n * callbacks: !Array\n * }}\n */\ncomponentHandler.ComponentConfig; // jshint ignore:line\n\n/**\n * Created component (i.e., upgraded element) type as managed by\n * componentHandler. Provided for benefit of the Closure compiler.\n *\n * @typedef {{\n * element_: !HTMLElement,\n * className: string,\n * classAsString: string,\n * cssClass: string,\n * widget: string\n * }}\n */\ncomponentHandler.Component; // jshint ignore:line\n\n// Export all symbols, for the benefit of Closure compiler.\n// No effect on uncompiled code.\ncomponentHandler['upgradeDom'] = componentHandler.upgradeDom;\ncomponentHandler['upgradeElement'] = componentHandler.upgradeElement;\ncomponentHandler['upgradeElements'] = componentHandler.upgradeElements;\ncomponentHandler['upgradeAllRegistered'] =\n componentHandler.upgradeAllRegistered;\ncomponentHandler['registerUpgradedCallback'] =\n componentHandler.registerUpgradedCallback;\ncomponentHandler['register'] = componentHandler.register;\ncomponentHandler['downgradeElements'] = componentHandler.downgradeElements;\nwindow.componentHandler = componentHandler;\nwindow['componentHandler'] = componentHandler;\n\nwindow.addEventListener('load', function() {\n 'use strict';\n\n /**\n * Performs a \"Cutting the mustard\" test. If the browser supports the features\n * tested, adds a mdl-js class to the element. It then upgrades all MDL\n * components requiring JavaScript.\n */\n if ('classList' in document.createElement('div') &&\n 'querySelector' in document &&\n 'addEventListener' in window && Array.prototype.forEach) {\n document.documentElement.classList.add('mdl-js');\n componentHandler.upgradeAllRegistered();\n } else {\n /**\n * Dummy function to avoid JS errors.\n */\n componentHandler.upgradeElement = function() {};\n /**\n * Dummy function to avoid JS errors.\n */\n componentHandler.register = function() {};\n }\n});\n\n// Source: https://github.com/darius/requestAnimationFrame/blob/master/requestAnimationFrame.js\n// Adapted from https://gist.github.com/paulirish/1579671 which derived from\n// http://paulirish.com/2011/requestanimationframe-for-smart-animating/\n// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating\n// requestAnimationFrame polyfill by Erik Möller.\n// Fixes from Paul Irish, Tino Zijdel, Andrew Mao, Klemen Slavič, Darius Bacon\n// MIT license\nif (!Date.now) {\n /**\n * Date.now polyfill.\n * @return {number} the current Date\n */\n Date.now = function () {\n return new Date().getTime();\n };\n Date['now'] = Date.now;\n}\nvar vendors = [\n 'webkit',\n 'moz'\n];\nfor (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {\n var vp = vendors[i];\n window.requestAnimationFrame = window[vp + 'RequestAnimationFrame'];\n window.cancelAnimationFrame = window[vp + 'CancelAnimationFrame'] || window[vp + 'CancelRequestAnimationFrame'];\n window['requestAnimationFrame'] = window.requestAnimationFrame;\n window['cancelAnimationFrame'] = window.cancelAnimationFrame;\n}\nif (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) {\n var lastTime = 0;\n /**\n * requestAnimationFrame polyfill.\n * @param {!Function} callback the callback function.\n */\n window.requestAnimationFrame = function (callback) {\n var now = Date.now();\n var nextTime = Math.max(lastTime + 16, now);\n return setTimeout(function () {\n callback(lastTime = nextTime);\n }, nextTime - now);\n };\n window.cancelAnimationFrame = clearTimeout;\n window['requestAnimationFrame'] = window.requestAnimationFrame;\n window['cancelAnimationFrame'] = window.cancelAnimationFrame;\n}\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Button MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialButton = function MaterialButton(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialButton'] = MaterialButton;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialButton.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialButton.prototype.CssClasses_ = {\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_CONTAINER: 'mdl-button__ripple-container',\n RIPPLE: 'mdl-ripple'\n};\n/**\n * Handle blur of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialButton.prototype.blurHandler_ = function (event) {\n if (event) {\n this.element_.blur();\n }\n};\n// Public methods.\n/**\n * Disable button.\n *\n * @public\n */\nMaterialButton.prototype.disable = function () {\n this.element_.disabled = true;\n};\nMaterialButton.prototype['disable'] = MaterialButton.prototype.disable;\n/**\n * Enable button.\n *\n * @public\n */\nMaterialButton.prototype.enable = function () {\n this.element_.disabled = false;\n};\nMaterialButton.prototype['enable'] = MaterialButton.prototype.enable;\n/**\n * Initialize element.\n */\nMaterialButton.prototype.init = function () {\n if (this.element_) {\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleElement_ = document.createElement('span');\n this.rippleElement_.classList.add(this.CssClasses_.RIPPLE);\n rippleContainer.appendChild(this.rippleElement_);\n this.boundRippleBlurHandler = this.blurHandler_.bind(this);\n this.rippleElement_.addEventListener('mouseup', this.boundRippleBlurHandler);\n this.element_.appendChild(rippleContainer);\n }\n this.boundButtonBlurHandler = this.blurHandler_.bind(this);\n this.element_.addEventListener('mouseup', this.boundButtonBlurHandler);\n this.element_.addEventListener('mouseleave', this.boundButtonBlurHandler);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialButton,\n classAsString: 'MaterialButton',\n cssClass: 'mdl-js-button',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Checkbox MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialCheckbox = function MaterialCheckbox(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialCheckbox'] = MaterialCheckbox;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialCheckbox.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialCheckbox.prototype.CssClasses_ = {\n INPUT: 'mdl-checkbox__input',\n BOX_OUTLINE: 'mdl-checkbox__box-outline',\n FOCUS_HELPER: 'mdl-checkbox__focus-helper',\n TICK_OUTLINE: 'mdl-checkbox__tick-outline',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-checkbox__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked',\n IS_UPGRADED: 'is-upgraded'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onChange_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onMouseUp_ = function (event) {\n this.blur_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialCheckbox.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialCheckbox.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.inputElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the inputs toggle state and update display.\n *\n * @public\n */\nMaterialCheckbox.prototype.checkToggleState = function () {\n if (this.inputElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialCheckbox.prototype['checkToggleState'] = MaterialCheckbox.prototype.checkToggleState;\n/**\n * Check the inputs disabled state and update display.\n *\n * @public\n */\nMaterialCheckbox.prototype.checkDisabled = function () {\n if (this.inputElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialCheckbox.prototype['checkDisabled'] = MaterialCheckbox.prototype.checkDisabled;\n/**\n * Disable checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.disable = function () {\n this.inputElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['disable'] = MaterialCheckbox.prototype.disable;\n/**\n * Enable checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.enable = function () {\n this.inputElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['enable'] = MaterialCheckbox.prototype.enable;\n/**\n * Check checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.check = function () {\n this.inputElement_.checked = true;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['check'] = MaterialCheckbox.prototype.check;\n/**\n * Uncheck checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.uncheck = function () {\n this.inputElement_.checked = false;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['uncheck'] = MaterialCheckbox.prototype.uncheck;\n/**\n * Initialize element.\n */\nMaterialCheckbox.prototype.init = function () {\n if (this.element_) {\n this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n var boxOutline = document.createElement('span');\n boxOutline.classList.add(this.CssClasses_.BOX_OUTLINE);\n var tickContainer = document.createElement('span');\n tickContainer.classList.add(this.CssClasses_.FOCUS_HELPER);\n var tickOutline = document.createElement('span');\n tickOutline.classList.add(this.CssClasses_.TICK_OUTLINE);\n boxOutline.appendChild(tickOutline);\n this.element_.appendChild(tickContainer);\n this.element_.appendChild(boxOutline);\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n this.rippleContainerElement_ = document.createElement('span');\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);\n this.boundRippleMouseUp = this.onMouseUp_.bind(this);\n this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n this.rippleContainerElement_.appendChild(ripple);\n this.element_.appendChild(this.rippleContainerElement_);\n }\n this.boundInputOnChange = this.onChange_.bind(this);\n this.boundInputOnFocus = this.onFocus_.bind(this);\n this.boundInputOnBlur = this.onBlur_.bind(this);\n this.boundElementMouseUp = this.onMouseUp_.bind(this);\n this.inputElement_.addEventListener('change', this.boundInputOnChange);\n this.inputElement_.addEventListener('focus', this.boundInputOnFocus);\n this.inputElement_.addEventListener('blur', this.boundInputOnBlur);\n this.element_.addEventListener('mouseup', this.boundElementMouseUp);\n this.updateClasses_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialCheckbox,\n classAsString: 'MaterialCheckbox',\n cssClass: 'mdl-js-checkbox',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for icon toggle MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialIconToggle = function MaterialIconToggle(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialIconToggle'] = MaterialIconToggle;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialIconToggle.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialIconToggle.prototype.CssClasses_ = {\n INPUT: 'mdl-icon-toggle__input',\n JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-icon-toggle__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onChange_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onMouseUp_ = function (event) {\n this.blur_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialIconToggle.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialIconToggle.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.inputElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the inputs toggle state and update display.\n *\n * @public\n */\nMaterialIconToggle.prototype.checkToggleState = function () {\n if (this.inputElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialIconToggle.prototype['checkToggleState'] = MaterialIconToggle.prototype.checkToggleState;\n/**\n * Check the inputs disabled state and update display.\n *\n * @public\n */\nMaterialIconToggle.prototype.checkDisabled = function () {\n if (this.inputElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialIconToggle.prototype['checkDisabled'] = MaterialIconToggle.prototype.checkDisabled;\n/**\n * Disable icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.disable = function () {\n this.inputElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['disable'] = MaterialIconToggle.prototype.disable;\n/**\n * Enable icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.enable = function () {\n this.inputElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['enable'] = MaterialIconToggle.prototype.enable;\n/**\n * Check icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.check = function () {\n this.inputElement_.checked = true;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['check'] = MaterialIconToggle.prototype.check;\n/**\n * Uncheck icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.uncheck = function () {\n this.inputElement_.checked = false;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['uncheck'] = MaterialIconToggle.prototype.uncheck;\n/**\n * Initialize element.\n */\nMaterialIconToggle.prototype.init = function () {\n if (this.element_) {\n this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n if (this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n this.rippleContainerElement_ = document.createElement('span');\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);\n this.boundRippleMouseUp = this.onMouseUp_.bind(this);\n this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n this.rippleContainerElement_.appendChild(ripple);\n this.element_.appendChild(this.rippleContainerElement_);\n }\n this.boundInputOnChange = this.onChange_.bind(this);\n this.boundInputOnFocus = this.onFocus_.bind(this);\n this.boundInputOnBlur = this.onBlur_.bind(this);\n this.boundElementOnMouseUp = this.onMouseUp_.bind(this);\n this.inputElement_.addEventListener('change', this.boundInputOnChange);\n this.inputElement_.addEventListener('focus', this.boundInputOnFocus);\n this.inputElement_.addEventListener('blur', this.boundInputOnBlur);\n this.element_.addEventListener('mouseup', this.boundElementOnMouseUp);\n this.updateClasses_();\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialIconToggle,\n classAsString: 'MaterialIconToggle',\n cssClass: 'mdl-js-icon-toggle',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for dropdown MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialMenu = function MaterialMenu(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialMenu'] = MaterialMenu;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialMenu.prototype.Constant_ = {\n // Total duration of the menu animation.\n TRANSITION_DURATION_SECONDS: 0.3,\n // The fraction of the total duration we want to use for menu item animations.\n TRANSITION_DURATION_FRACTION: 0.8,\n // How long the menu stays open after choosing an option (so the user can see\n // the ripple).\n CLOSE_TIMEOUT: 150\n};\n/**\n * Keycodes, for code readability.\n *\n * @enum {number}\n * @private\n */\nMaterialMenu.prototype.Keycodes_ = {\n ENTER: 13,\n ESCAPE: 27,\n SPACE: 32,\n UP_ARROW: 38,\n DOWN_ARROW: 40\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialMenu.prototype.CssClasses_ = {\n CONTAINER: 'mdl-menu__container',\n OUTLINE: 'mdl-menu__outline',\n ITEM: 'mdl-menu__item',\n ITEM_RIPPLE_CONTAINER: 'mdl-menu__item-ripple-container',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE: 'mdl-ripple',\n // Statuses\n IS_UPGRADED: 'is-upgraded',\n IS_VISIBLE: 'is-visible',\n IS_ANIMATING: 'is-animating',\n // Alignment options\n BOTTOM_LEFT: 'mdl-menu--bottom-left',\n // This is the default.\n BOTTOM_RIGHT: 'mdl-menu--bottom-right',\n TOP_LEFT: 'mdl-menu--top-left',\n TOP_RIGHT: 'mdl-menu--top-right',\n UNALIGNED: 'mdl-menu--unaligned'\n};\n/**\n * Initialize element.\n */\nMaterialMenu.prototype.init = function () {\n if (this.element_) {\n // Create container for the menu.\n var container = document.createElement('div');\n container.classList.add(this.CssClasses_.CONTAINER);\n this.element_.parentElement.insertBefore(container, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n container.appendChild(this.element_);\n this.container_ = container;\n // Create outline for the menu (shadow and background).\n var outline = document.createElement('div');\n outline.classList.add(this.CssClasses_.OUTLINE);\n this.outline_ = outline;\n container.insertBefore(outline, this.element_);\n // Find the \"for\" element and bind events to it.\n var forElId = this.element_.getAttribute('for') || this.element_.getAttribute('data-mdl-for');\n var forEl = null;\n if (forElId) {\n forEl = document.getElementById(forElId);\n if (forEl) {\n this.forElement_ = forEl;\n forEl.addEventListener('click', this.handleForClick_.bind(this));\n forEl.addEventListener('keydown', this.handleForKeyboardEvent_.bind(this));\n }\n }\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);\n this.boundItemKeydown_ = this.handleItemKeyboardEvent_.bind(this);\n this.boundItemClick_ = this.handleItemClick_.bind(this);\n for (var i = 0; i < items.length; i++) {\n // Add a listener to each menu item.\n items[i].addEventListener('click', this.boundItemClick_);\n // Add a tab index to each menu item.\n items[i].tabIndex = '-1';\n // Add a keyboard listener to each menu item.\n items[i].addEventListener('keydown', this.boundItemKeydown_);\n }\n // Add ripple classes to each item, if the user has enabled ripples.\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n for (i = 0; i < items.length; i++) {\n var item = items[i];\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(this.CssClasses_.ITEM_RIPPLE_CONTAINER);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n rippleContainer.appendChild(ripple);\n item.appendChild(rippleContainer);\n item.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n }\n }\n // Copy alignment classes to the container, so the outline can use them.\n if (this.element_.classList.contains(this.CssClasses_.BOTTOM_LEFT)) {\n this.outline_.classList.add(this.CssClasses_.BOTTOM_LEFT);\n }\n if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) {\n this.outline_.classList.add(this.CssClasses_.BOTTOM_RIGHT);\n }\n if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) {\n this.outline_.classList.add(this.CssClasses_.TOP_LEFT);\n }\n if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n this.outline_.classList.add(this.CssClasses_.TOP_RIGHT);\n }\n if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) {\n this.outline_.classList.add(this.CssClasses_.UNALIGNED);\n }\n container.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n/**\n * Handles a click on the \"for\" element, by positioning the menu and then\n * toggling it.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleForClick_ = function (evt) {\n if (this.element_ && this.forElement_) {\n var rect = this.forElement_.getBoundingClientRect();\n var forRect = this.forElement_.parentElement.getBoundingClientRect();\n if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) {\n } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) {\n // Position below the \"for\" element, aligned to its right.\n this.container_.style.right = forRect.right - rect.right + 'px';\n this.container_.style.top = this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) {\n // Position above the \"for\" element, aligned to its left.\n this.container_.style.left = this.forElement_.offsetLeft + 'px';\n this.container_.style.bottom = forRect.bottom - rect.top + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n // Position above the \"for\" element, aligned to its right.\n this.container_.style.right = forRect.right - rect.right + 'px';\n this.container_.style.bottom = forRect.bottom - rect.top + 'px';\n } else {\n // Default: position below the \"for\" element, aligned to its left.\n this.container_.style.left = this.forElement_.offsetLeft + 'px';\n this.container_.style.top = this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px';\n }\n }\n this.toggle(evt);\n};\n/**\n * Handles a keyboard event on the \"for\" element.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleForKeyboardEvent_ = function (evt) {\n if (this.element_ && this.container_ && this.forElement_) {\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + ':not([disabled])');\n if (items && items.length > 0 && this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) {\n if (evt.keyCode === this.Keycodes_.UP_ARROW) {\n evt.preventDefault();\n items[items.length - 1].focus();\n } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) {\n evt.preventDefault();\n items[0].focus();\n }\n }\n }\n};\n/**\n * Handles a keyboard event on an item.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleItemKeyboardEvent_ = function (evt) {\n if (this.element_ && this.container_) {\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + ':not([disabled])');\n if (items && items.length > 0 && this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) {\n var currentIndex = Array.prototype.slice.call(items).indexOf(evt.target);\n if (evt.keyCode === this.Keycodes_.UP_ARROW) {\n evt.preventDefault();\n if (currentIndex > 0) {\n items[currentIndex - 1].focus();\n } else {\n items[items.length - 1].focus();\n }\n } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) {\n evt.preventDefault();\n if (items.length > currentIndex + 1) {\n items[currentIndex + 1].focus();\n } else {\n items[0].focus();\n }\n } else if (evt.keyCode === this.Keycodes_.SPACE || evt.keyCode === this.Keycodes_.ENTER) {\n evt.preventDefault();\n // Send mousedown and mouseup to trigger ripple.\n var e = new MouseEvent('mousedown');\n evt.target.dispatchEvent(e);\n e = new MouseEvent('mouseup');\n evt.target.dispatchEvent(e);\n // Send click.\n evt.target.click();\n } else if (evt.keyCode === this.Keycodes_.ESCAPE) {\n evt.preventDefault();\n this.hide();\n }\n }\n }\n};\n/**\n * Handles a click event on an item.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleItemClick_ = function (evt) {\n if (evt.target.hasAttribute('disabled')) {\n evt.stopPropagation();\n } else {\n // Wait some time before closing menu, so the user can see the ripple.\n this.closing_ = true;\n window.setTimeout(function (evt) {\n this.hide();\n this.closing_ = false;\n }.bind(this), this.Constant_.CLOSE_TIMEOUT);\n }\n};\n/**\n * Calculates the initial clip (for opening the menu) or final clip (for closing\n * it), and applies it. This allows us to animate from or to the correct point,\n * that is, the point it's aligned to in the \"for\" element.\n *\n * @param {number} height Height of the clip rectangle\n * @param {number} width Width of the clip rectangle\n * @private\n */\nMaterialMenu.prototype.applyClip_ = function (height, width) {\n if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) {\n // Do not clip.\n this.element_.style.clip = '';\n } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) {\n // Clip to the top right corner of the menu.\n this.element_.style.clip = 'rect(0 ' + width + 'px ' + '0 ' + width + 'px)';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) {\n // Clip to the bottom left corner of the menu.\n this.element_.style.clip = 'rect(' + height + 'px 0 ' + height + 'px 0)';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n // Clip to the bottom right corner of the menu.\n this.element_.style.clip = 'rect(' + height + 'px ' + width + 'px ' + height + 'px ' + width + 'px)';\n } else {\n // Default: do not clip (same as clipping to the top left corner).\n this.element_.style.clip = '';\n }\n};\n/**\n * Cleanup function to remove animation listeners.\n *\n * @param {Event} evt\n * @private\n */\nMaterialMenu.prototype.removeAnimationEndListener_ = function (evt) {\n evt.target.classList.remove(MaterialMenu.prototype.CssClasses_.IS_ANIMATING);\n};\n/**\n * Adds an event listener to clean up after the animation ends.\n *\n * @private\n */\nMaterialMenu.prototype.addAnimationEndListener_ = function () {\n this.element_.addEventListener('transitionend', this.removeAnimationEndListener_);\n this.element_.addEventListener('webkitTransitionEnd', this.removeAnimationEndListener_);\n};\n/**\n * Displays the menu.\n *\n * @public\n */\nMaterialMenu.prototype.show = function (evt) {\n if (this.element_ && this.container_ && this.outline_) {\n // Measure the inner element.\n var height = this.element_.getBoundingClientRect().height;\n var width = this.element_.getBoundingClientRect().width;\n // Apply the inner element's size to the container and outline.\n this.container_.style.width = width + 'px';\n this.container_.style.height = height + 'px';\n this.outline_.style.width = width + 'px';\n this.outline_.style.height = height + 'px';\n var transitionDuration = this.Constant_.TRANSITION_DURATION_SECONDS * this.Constant_.TRANSITION_DURATION_FRACTION;\n // Calculate transition delays for individual menu items, so that they fade\n // in one at a time.\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);\n for (var i = 0; i < items.length; i++) {\n var itemDelay = null;\n if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT) || this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n itemDelay = (height - items[i].offsetTop - items[i].offsetHeight) / height * transitionDuration + 's';\n } else {\n itemDelay = items[i].offsetTop / height * transitionDuration + 's';\n }\n items[i].style.transitionDelay = itemDelay;\n }\n // Apply the initial clip to the text before we start animating.\n this.applyClip_(height, width);\n // Wait for the next frame, turn on animation, and apply the final clip.\n // Also make it visible. This triggers the transitions.\n window.requestAnimationFrame(function () {\n this.element_.classList.add(this.CssClasses_.IS_ANIMATING);\n this.element_.style.clip = 'rect(0 ' + width + 'px ' + height + 'px 0)';\n this.container_.classList.add(this.CssClasses_.IS_VISIBLE);\n }.bind(this));\n // Clean up after the animation is complete.\n this.addAnimationEndListener_();\n // Add a click listener to the document, to close the menu.\n var callback = function (e) {\n // Check to see if the document is processing the same event that\n // displayed the menu in the first place. If so, do nothing.\n // Also check to see if the menu is in the process of closing itself, and\n // do nothing in that case.\n // Also check if the clicked element is a menu item\n // if so, do nothing.\n if (e !== evt && !this.closing_ && e.target.parentNode !== this.element_) {\n document.removeEventListener('click', callback);\n this.hide();\n }\n }.bind(this);\n document.addEventListener('click', callback);\n }\n};\nMaterialMenu.prototype['show'] = MaterialMenu.prototype.show;\n/**\n * Hides the menu.\n *\n * @public\n */\nMaterialMenu.prototype.hide = function () {\n if (this.element_ && this.container_ && this.outline_) {\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);\n // Remove all transition delays; menu items fade out concurrently.\n for (var i = 0; i < items.length; i++) {\n items[i].style.removeProperty('transition-delay');\n }\n // Measure the inner element.\n var rect = this.element_.getBoundingClientRect();\n var height = rect.height;\n var width = rect.width;\n // Turn on animation, and apply the final clip. Also make invisible.\n // This triggers the transitions.\n this.element_.classList.add(this.CssClasses_.IS_ANIMATING);\n this.applyClip_(height, width);\n this.container_.classList.remove(this.CssClasses_.IS_VISIBLE);\n // Clean up after the animation is complete.\n this.addAnimationEndListener_();\n }\n};\nMaterialMenu.prototype['hide'] = MaterialMenu.prototype.hide;\n/**\n * Displays or hides the menu, depending on current state.\n *\n * @public\n */\nMaterialMenu.prototype.toggle = function (evt) {\n if (this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) {\n this.hide();\n } else {\n this.show(evt);\n }\n};\nMaterialMenu.prototype['toggle'] = MaterialMenu.prototype.toggle;\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialMenu,\n classAsString: 'MaterialMenu',\n cssClass: 'mdl-js-menu',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Progress MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialProgress = function MaterialProgress(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialProgress'] = MaterialProgress;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialProgress.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialProgress.prototype.CssClasses_ = { INDETERMINATE_CLASS: 'mdl-progress__indeterminate' };\n/**\n * Set the current progress of the progressbar.\n *\n * @param {number} p Percentage of the progress (0-100)\n * @public\n */\nMaterialProgress.prototype.setProgress = function (p) {\n if (this.element_.classList.contains(this.CssClasses_.INDETERMINATE_CLASS)) {\n return;\n }\n this.progressbar_.style.width = p + '%';\n};\nMaterialProgress.prototype['setProgress'] = MaterialProgress.prototype.setProgress;\n/**\n * Set the current progress of the buffer.\n *\n * @param {number} p Percentage of the buffer (0-100)\n * @public\n */\nMaterialProgress.prototype.setBuffer = function (p) {\n this.bufferbar_.style.width = p + '%';\n this.auxbar_.style.width = 100 - p + '%';\n};\nMaterialProgress.prototype['setBuffer'] = MaterialProgress.prototype.setBuffer;\n/**\n * Initialize element.\n */\nMaterialProgress.prototype.init = function () {\n if (this.element_) {\n var el = document.createElement('div');\n el.className = 'progressbar bar bar1';\n this.element_.appendChild(el);\n this.progressbar_ = el;\n el = document.createElement('div');\n el.className = 'bufferbar bar bar2';\n this.element_.appendChild(el);\n this.bufferbar_ = el;\n el = document.createElement('div');\n el.className = 'auxbar bar bar3';\n this.element_.appendChild(el);\n this.auxbar_ = el;\n this.progressbar_.style.width = '0%';\n this.bufferbar_.style.width = '100%';\n this.auxbar_.style.width = '0%';\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialProgress,\n classAsString: 'MaterialProgress',\n cssClass: 'mdl-js-progress',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Radio MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialRadio = function MaterialRadio(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialRadio'] = MaterialRadio;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialRadio.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialRadio.prototype.CssClasses_ = {\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked',\n IS_UPGRADED: 'is-upgraded',\n JS_RADIO: 'mdl-js-radio',\n RADIO_BTN: 'mdl-radio__button',\n RADIO_OUTER_CIRCLE: 'mdl-radio__outer-circle',\n RADIO_INNER_CIRCLE: 'mdl-radio__inner-circle',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-radio__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onChange_ = function (event) {\n // Since other radio buttons don't get change events, we need to look for\n // them to update their classes.\n var radios = document.getElementsByClassName(this.CssClasses_.JS_RADIO);\n for (var i = 0; i < radios.length; i++) {\n var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN);\n // Different name == different group, so no point updating those.\n if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) {\n radios[i]['MaterialRadio'].updateClasses_();\n }\n }\n};\n/**\n * Handle focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onMouseup_ = function (event) {\n this.blur_();\n};\n/**\n * Update classes.\n *\n * @private\n */\nMaterialRadio.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialRadio.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.btnElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the components disabled state.\n *\n * @public\n */\nMaterialRadio.prototype.checkDisabled = function () {\n if (this.btnElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialRadio.prototype['checkDisabled'] = MaterialRadio.prototype.checkDisabled;\n/**\n * Check the components toggled state.\n *\n * @public\n */\nMaterialRadio.prototype.checkToggleState = function () {\n if (this.btnElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialRadio.prototype['checkToggleState'] = MaterialRadio.prototype.checkToggleState;\n/**\n * Disable radio.\n *\n * @public\n */\nMaterialRadio.prototype.disable = function () {\n this.btnElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialRadio.prototype['disable'] = MaterialRadio.prototype.disable;\n/**\n * Enable radio.\n *\n * @public\n */\nMaterialRadio.prototype.enable = function () {\n this.btnElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialRadio.prototype['enable'] = MaterialRadio.prototype.enable;\n/**\n * Check radio.\n *\n * @public\n */\nMaterialRadio.prototype.check = function () {\n this.btnElement_.checked = true;\n this.updateClasses_();\n};\nMaterialRadio.prototype['check'] = MaterialRadio.prototype.check;\n/**\n * Uncheck radio.\n *\n * @public\n */\nMaterialRadio.prototype.uncheck = function () {\n this.btnElement_.checked = false;\n this.updateClasses_();\n};\nMaterialRadio.prototype['uncheck'] = MaterialRadio.prototype.uncheck;\n/**\n * Initialize element.\n */\nMaterialRadio.prototype.init = function () {\n if (this.element_) {\n this.btnElement_ = this.element_.querySelector('.' + this.CssClasses_.RADIO_BTN);\n this.boundChangeHandler_ = this.onChange_.bind(this);\n this.boundFocusHandler_ = this.onChange_.bind(this);\n this.boundBlurHandler_ = this.onBlur_.bind(this);\n this.boundMouseUpHandler_ = this.onMouseup_.bind(this);\n var outerCircle = document.createElement('span');\n outerCircle.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE);\n var innerCircle = document.createElement('span');\n innerCircle.classList.add(this.CssClasses_.RADIO_INNER_CIRCLE);\n this.element_.appendChild(outerCircle);\n this.element_.appendChild(innerCircle);\n var rippleContainer;\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n rippleContainer = document.createElement('span');\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_CENTER);\n rippleContainer.addEventListener('mouseup', this.boundMouseUpHandler_);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n rippleContainer.appendChild(ripple);\n this.element_.appendChild(rippleContainer);\n }\n this.btnElement_.addEventListener('change', this.boundChangeHandler_);\n this.btnElement_.addEventListener('focus', this.boundFocusHandler_);\n this.btnElement_.addEventListener('blur', this.boundBlurHandler_);\n this.element_.addEventListener('mouseup', this.boundMouseUpHandler_);\n this.updateClasses_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialRadio,\n classAsString: 'MaterialRadio',\n cssClass: 'mdl-js-radio',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Slider MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialSlider = function MaterialSlider(element) {\n this.element_ = element;\n // Browser feature detection.\n this.isIE_ = window.navigator.msPointerEnabled;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialSlider'] = MaterialSlider;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSlider.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSlider.prototype.CssClasses_ = {\n IE_CONTAINER: 'mdl-slider__ie-container',\n SLIDER_CONTAINER: 'mdl-slider__container',\n BACKGROUND_FLEX: 'mdl-slider__background-flex',\n BACKGROUND_LOWER: 'mdl-slider__background-lower',\n BACKGROUND_UPPER: 'mdl-slider__background-upper',\n IS_LOWEST_VALUE: 'is-lowest-value',\n IS_UPGRADED: 'is-upgraded'\n};\n/**\n * Handle input on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSlider.prototype.onInput_ = function (event) {\n this.updateValueStyles_();\n};\n/**\n * Handle change on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSlider.prototype.onChange_ = function (event) {\n this.updateValueStyles_();\n};\n/**\n * Handle mouseup on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSlider.prototype.onMouseUp_ = function (event) {\n event.target.blur();\n};\n/**\n * Handle mousedown on container element.\n * This handler is purpose is to not require the use to click\n * exactly on the 2px slider element, as FireFox seems to be very\n * strict about this.\n *\n * @param {Event} event The event that fired.\n * @private\n * @suppress {missingProperties}\n */\nMaterialSlider.prototype.onContainerMouseDown_ = function (event) {\n // If this click is not on the parent element (but rather some child)\n // ignore. It may still bubble up.\n if (event.target !== this.element_.parentElement) {\n return;\n }\n // Discard the original event and create a new event that\n // is on the slider element.\n event.preventDefault();\n var newEvent = new MouseEvent('mousedown', {\n target: event.target,\n buttons: event.buttons,\n clientX: event.clientX,\n clientY: this.element_.getBoundingClientRect().y\n });\n this.element_.dispatchEvent(newEvent);\n};\n/**\n * Handle updating of values.\n *\n * @private\n */\nMaterialSlider.prototype.updateValueStyles_ = function () {\n // Calculate and apply percentages to div structure behind slider.\n var fraction = (this.element_.value - this.element_.min) / (this.element_.max - this.element_.min);\n if (fraction === 0) {\n this.element_.classList.add(this.CssClasses_.IS_LOWEST_VALUE);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_LOWEST_VALUE);\n }\n if (!this.isIE_) {\n this.backgroundLower_.style.flex = fraction;\n this.backgroundLower_.style.webkitFlex = fraction;\n this.backgroundUpper_.style.flex = 1 - fraction;\n this.backgroundUpper_.style.webkitFlex = 1 - fraction;\n }\n};\n// Public methods.\n/**\n * Disable slider.\n *\n * @public\n */\nMaterialSlider.prototype.disable = function () {\n this.element_.disabled = true;\n};\nMaterialSlider.prototype['disable'] = MaterialSlider.prototype.disable;\n/**\n * Enable slider.\n *\n * @public\n */\nMaterialSlider.prototype.enable = function () {\n this.element_.disabled = false;\n};\nMaterialSlider.prototype['enable'] = MaterialSlider.prototype.enable;\n/**\n * Update slider value.\n *\n * @param {number} value The value to which to set the control (optional).\n * @public\n */\nMaterialSlider.prototype.change = function (value) {\n if (typeof value !== 'undefined') {\n this.element_.value = value;\n }\n this.updateValueStyles_();\n};\nMaterialSlider.prototype['change'] = MaterialSlider.prototype.change;\n/**\n * Initialize element.\n */\nMaterialSlider.prototype.init = function () {\n if (this.element_) {\n if (this.isIE_) {\n // Since we need to specify a very large height in IE due to\n // implementation limitations, we add a parent here that trims it down to\n // a reasonable size.\n var containerIE = document.createElement('div');\n containerIE.classList.add(this.CssClasses_.IE_CONTAINER);\n this.element_.parentElement.insertBefore(containerIE, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n containerIE.appendChild(this.element_);\n } else {\n // For non-IE browsers, we need a div structure that sits behind the\n // slider and allows us to style the left and right sides of it with\n // different colors.\n var container = document.createElement('div');\n container.classList.add(this.CssClasses_.SLIDER_CONTAINER);\n this.element_.parentElement.insertBefore(container, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n container.appendChild(this.element_);\n var backgroundFlex = document.createElement('div');\n backgroundFlex.classList.add(this.CssClasses_.BACKGROUND_FLEX);\n container.appendChild(backgroundFlex);\n this.backgroundLower_ = document.createElement('div');\n this.backgroundLower_.classList.add(this.CssClasses_.BACKGROUND_LOWER);\n backgroundFlex.appendChild(this.backgroundLower_);\n this.backgroundUpper_ = document.createElement('div');\n this.backgroundUpper_.classList.add(this.CssClasses_.BACKGROUND_UPPER);\n backgroundFlex.appendChild(this.backgroundUpper_);\n }\n this.boundInputHandler = this.onInput_.bind(this);\n this.boundChangeHandler = this.onChange_.bind(this);\n this.boundMouseUpHandler = this.onMouseUp_.bind(this);\n this.boundContainerMouseDownHandler = this.onContainerMouseDown_.bind(this);\n this.element_.addEventListener('input', this.boundInputHandler);\n this.element_.addEventListener('change', this.boundChangeHandler);\n this.element_.addEventListener('mouseup', this.boundMouseUpHandler);\n this.element_.parentElement.addEventListener('mousedown', this.boundContainerMouseDownHandler);\n this.updateValueStyles_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSlider,\n classAsString: 'MaterialSlider',\n cssClass: 'mdl-js-slider',\n widget: true\n});\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Snackbar MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialSnackbar = function MaterialSnackbar(element) {\n this.element_ = element;\n this.textElement_ = this.element_.querySelector('.' + this.cssClasses_.MESSAGE);\n this.actionElement_ = this.element_.querySelector('.' + this.cssClasses_.ACTION);\n if (!this.textElement_) {\n throw new Error('There must be a message element for a snackbar.');\n }\n if (!this.actionElement_) {\n throw new Error('There must be an action element for a snackbar.');\n }\n this.active = false;\n this.actionHandler_ = undefined;\n this.message_ = undefined;\n this.actionText_ = undefined;\n this.queuedNotifications_ = [];\n this.setActionHidden_(true);\n};\nwindow['MaterialSnackbar'] = MaterialSnackbar;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSnackbar.prototype.Constant_ = {\n // The duration of the snackbar show/hide animation, in ms.\n ANIMATION_LENGTH: 250\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSnackbar.prototype.cssClasses_ = {\n SNACKBAR: 'mdl-snackbar',\n MESSAGE: 'mdl-snackbar__text',\n ACTION: 'mdl-snackbar__action',\n ACTIVE: 'mdl-snackbar--active'\n};\n/**\n * Display the snackbar.\n *\n * @private\n */\nMaterialSnackbar.prototype.displaySnackbar_ = function () {\n this.element_.setAttribute('aria-hidden', 'true');\n if (this.actionHandler_) {\n this.actionElement_.textContent = this.actionText_;\n this.actionElement_.addEventListener('click', this.actionHandler_);\n this.setActionHidden_(false);\n }\n this.textElement_.textContent = this.message_;\n this.element_.classList.add(this.cssClasses_.ACTIVE);\n this.element_.setAttribute('aria-hidden', 'false');\n setTimeout(this.cleanup_.bind(this), this.timeout_);\n};\n/**\n * Show the snackbar.\n *\n * @param {Object} data The data for the notification.\n * @public\n */\nMaterialSnackbar.prototype.showSnackbar = function (data) {\n if (data === undefined) {\n throw new Error('Please provide a data object with at least a message to display.');\n }\n if (data['message'] === undefined) {\n throw new Error('Please provide a message to be displayed.');\n }\n if (data['actionHandler'] && !data['actionText']) {\n throw new Error('Please provide action text with the handler.');\n }\n if (this.active) {\n this.queuedNotifications_.push(data);\n } else {\n this.active = true;\n this.message_ = data['message'];\n if (data['timeout']) {\n this.timeout_ = data['timeout'];\n } else {\n this.timeout_ = 2750;\n }\n if (data['actionHandler']) {\n this.actionHandler_ = data['actionHandler'];\n }\n if (data['actionText']) {\n this.actionText_ = data['actionText'];\n }\n this.displaySnackbar_();\n }\n};\nMaterialSnackbar.prototype['showSnackbar'] = MaterialSnackbar.prototype.showSnackbar;\n/**\n * Check if the queue has items within it.\n * If it does, display the next entry.\n *\n * @private\n */\nMaterialSnackbar.prototype.checkQueue_ = function () {\n if (this.queuedNotifications_.length > 0) {\n this.showSnackbar(this.queuedNotifications_.shift());\n }\n};\n/**\n * Cleanup the snackbar event listeners and accessiblity attributes.\n *\n * @private\n */\nMaterialSnackbar.prototype.cleanup_ = function () {\n this.element_.classList.remove(this.cssClasses_.ACTIVE);\n setTimeout(function () {\n this.element_.setAttribute('aria-hidden', 'true');\n this.textElement_.textContent = '';\n if (!Boolean(this.actionElement_.getAttribute('aria-hidden'))) {\n this.setActionHidden_(true);\n this.actionElement_.textContent = '';\n this.actionElement_.removeEventListener('click', this.actionHandler_);\n }\n this.actionHandler_ = undefined;\n this.message_ = undefined;\n this.actionText_ = undefined;\n this.active = false;\n this.checkQueue_();\n }.bind(this), this.Constant_.ANIMATION_LENGTH);\n};\n/**\n * Set the action handler hidden state.\n *\n * @param {boolean} value\n * @private\n */\nMaterialSnackbar.prototype.setActionHidden_ = function (value) {\n if (value) {\n this.actionElement_.setAttribute('aria-hidden', 'true');\n } else {\n this.actionElement_.removeAttribute('aria-hidden');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSnackbar,\n classAsString: 'MaterialSnackbar',\n cssClass: 'mdl-js-snackbar',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Spinner MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @param {HTMLElement} element The element that will be upgraded.\n * @constructor\n */\nvar MaterialSpinner = function MaterialSpinner(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialSpinner'] = MaterialSpinner;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSpinner.prototype.Constant_ = { MDL_SPINNER_LAYER_COUNT: 4 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSpinner.prototype.CssClasses_ = {\n MDL_SPINNER_LAYER: 'mdl-spinner__layer',\n MDL_SPINNER_CIRCLE_CLIPPER: 'mdl-spinner__circle-clipper',\n MDL_SPINNER_CIRCLE: 'mdl-spinner__circle',\n MDL_SPINNER_GAP_PATCH: 'mdl-spinner__gap-patch',\n MDL_SPINNER_LEFT: 'mdl-spinner__left',\n MDL_SPINNER_RIGHT: 'mdl-spinner__right'\n};\n/**\n * Auxiliary method to create a spinner layer.\n *\n * @param {number} index Index of the layer to be created.\n * @public\n */\nMaterialSpinner.prototype.createLayer = function (index) {\n var layer = document.createElement('div');\n layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER);\n layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER + '-' + index);\n var leftClipper = document.createElement('div');\n leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER);\n leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_LEFT);\n var gapPatch = document.createElement('div');\n gapPatch.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH);\n var rightClipper = document.createElement('div');\n rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER);\n rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_RIGHT);\n var circleOwners = [\n leftClipper,\n gapPatch,\n rightClipper\n ];\n for (var i = 0; i < circleOwners.length; i++) {\n var circle = document.createElement('div');\n circle.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE);\n circleOwners[i].appendChild(circle);\n }\n layer.appendChild(leftClipper);\n layer.appendChild(gapPatch);\n layer.appendChild(rightClipper);\n this.element_.appendChild(layer);\n};\nMaterialSpinner.prototype['createLayer'] = MaterialSpinner.prototype.createLayer;\n/**\n * Stops the spinner animation.\n * Public method for users who need to stop the spinner for any reason.\n *\n * @public\n */\nMaterialSpinner.prototype.stop = function () {\n this.element_.classList.remove('is-active');\n};\nMaterialSpinner.prototype['stop'] = MaterialSpinner.prototype.stop;\n/**\n * Starts the spinner animation.\n * Public method for users who need to manually start the spinner for any reason\n * (instead of just adding the 'is-active' class to their markup).\n *\n * @public\n */\nMaterialSpinner.prototype.start = function () {\n this.element_.classList.add('is-active');\n};\nMaterialSpinner.prototype['start'] = MaterialSpinner.prototype.start;\n/**\n * Initialize element.\n */\nMaterialSpinner.prototype.init = function () {\n if (this.element_) {\n for (var i = 1; i <= this.Constant_.MDL_SPINNER_LAYER_COUNT; i++) {\n this.createLayer(i);\n }\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSpinner,\n classAsString: 'MaterialSpinner',\n cssClass: 'mdl-js-spinner',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Checkbox MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialSwitch = function MaterialSwitch(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialSwitch'] = MaterialSwitch;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSwitch.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSwitch.prototype.CssClasses_ = {\n INPUT: 'mdl-switch__input',\n TRACK: 'mdl-switch__track',\n THUMB: 'mdl-switch__thumb',\n FOCUS_HELPER: 'mdl-switch__focus-helper',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-switch__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onChange_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onMouseUp_ = function (event) {\n this.blur_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialSwitch.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialSwitch.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.inputElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the components disabled state.\n *\n * @public\n */\nMaterialSwitch.prototype.checkDisabled = function () {\n if (this.inputElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialSwitch.prototype['checkDisabled'] = MaterialSwitch.prototype.checkDisabled;\n/**\n * Check the components toggled state.\n *\n * @public\n */\nMaterialSwitch.prototype.checkToggleState = function () {\n if (this.inputElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialSwitch.prototype['checkToggleState'] = MaterialSwitch.prototype.checkToggleState;\n/**\n * Disable switch.\n *\n * @public\n */\nMaterialSwitch.prototype.disable = function () {\n this.inputElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['disable'] = MaterialSwitch.prototype.disable;\n/**\n * Enable switch.\n *\n * @public\n */\nMaterialSwitch.prototype.enable = function () {\n this.inputElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['enable'] = MaterialSwitch.prototype.enable;\n/**\n * Activate switch.\n *\n * @public\n */\nMaterialSwitch.prototype.on = function () {\n this.inputElement_.checked = true;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['on'] = MaterialSwitch.prototype.on;\n/**\n * Deactivate switch.\n *\n * @public\n */\nMaterialSwitch.prototype.off = function () {\n this.inputElement_.checked = false;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['off'] = MaterialSwitch.prototype.off;\n/**\n * Initialize element.\n */\nMaterialSwitch.prototype.init = function () {\n if (this.element_) {\n this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n var track = document.createElement('div');\n track.classList.add(this.CssClasses_.TRACK);\n var thumb = document.createElement('div');\n thumb.classList.add(this.CssClasses_.THUMB);\n var focusHelper = document.createElement('span');\n focusHelper.classList.add(this.CssClasses_.FOCUS_HELPER);\n thumb.appendChild(focusHelper);\n this.element_.appendChild(track);\n this.element_.appendChild(thumb);\n this.boundMouseUpHandler = this.onMouseUp_.bind(this);\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n this.rippleContainerElement_ = document.createElement('span');\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);\n this.rippleContainerElement_.addEventListener('mouseup', this.boundMouseUpHandler);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n this.rippleContainerElement_.appendChild(ripple);\n this.element_.appendChild(this.rippleContainerElement_);\n }\n this.boundChangeHandler = this.onChange_.bind(this);\n this.boundFocusHandler = this.onFocus_.bind(this);\n this.boundBlurHandler = this.onBlur_.bind(this);\n this.inputElement_.addEventListener('change', this.boundChangeHandler);\n this.inputElement_.addEventListener('focus', this.boundFocusHandler);\n this.inputElement_.addEventListener('blur', this.boundBlurHandler);\n this.element_.addEventListener('mouseup', this.boundMouseUpHandler);\n this.updateClasses_();\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSwitch,\n classAsString: 'MaterialSwitch',\n cssClass: 'mdl-js-switch',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Tabs MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {Element} element The element that will be upgraded.\n */\nvar MaterialTabs = function MaterialTabs(element) {\n // Stores the HTML element.\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialTabs'] = MaterialTabs;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string}\n * @private\n */\nMaterialTabs.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialTabs.prototype.CssClasses_ = {\n TAB_CLASS: 'mdl-tabs__tab',\n PANEL_CLASS: 'mdl-tabs__panel',\n ACTIVE_CLASS: 'is-active',\n UPGRADED_CLASS: 'is-upgraded',\n MDL_JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n MDL_RIPPLE_CONTAINER: 'mdl-tabs__ripple-container',\n MDL_RIPPLE: 'mdl-ripple',\n MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events'\n};\n/**\n * Handle clicks to a tabs component\n *\n * @private\n */\nMaterialTabs.prototype.initTabs_ = function () {\n if (this.element_.classList.contains(this.CssClasses_.MDL_JS_RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS);\n }\n // Select element tabs, document panels\n this.tabs_ = this.element_.querySelectorAll('.' + this.CssClasses_.TAB_CLASS);\n this.panels_ = this.element_.querySelectorAll('.' + this.CssClasses_.PANEL_CLASS);\n // Create new tabs for each tab element\n for (var i = 0; i < this.tabs_.length; i++) {\n new MaterialTab(this.tabs_[i], this);\n }\n this.element_.classList.add(this.CssClasses_.UPGRADED_CLASS);\n};\n/**\n * Reset tab state, dropping active classes\n *\n * @private\n */\nMaterialTabs.prototype.resetTabState_ = function () {\n for (var k = 0; k < this.tabs_.length; k++) {\n this.tabs_[k].classList.remove(this.CssClasses_.ACTIVE_CLASS);\n }\n};\n/**\n * Reset panel state, droping active classes\n *\n * @private\n */\nMaterialTabs.prototype.resetPanelState_ = function () {\n for (var j = 0; j < this.panels_.length; j++) {\n this.panels_[j].classList.remove(this.CssClasses_.ACTIVE_CLASS);\n }\n};\n/**\n * Initialize element.\n */\nMaterialTabs.prototype.init = function () {\n if (this.element_) {\n this.initTabs_();\n }\n};\n/**\n * Constructor for an individual tab.\n *\n * @constructor\n * @param {Element} tab The HTML element for the tab.\n * @param {MaterialTabs} ctx The MaterialTabs object that owns the tab.\n */\nfunction MaterialTab(tab, ctx) {\n if (tab) {\n if (ctx.element_.classList.contains(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT)) {\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(ctx.CssClasses_.MDL_RIPPLE_CONTAINER);\n rippleContainer.classList.add(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT);\n var ripple = document.createElement('span');\n ripple.classList.add(ctx.CssClasses_.MDL_RIPPLE);\n rippleContainer.appendChild(ripple);\n tab.appendChild(rippleContainer);\n }\n tab.addEventListener('click', function (e) {\n e.preventDefault();\n var href = tab.href.split('#')[1];\n var panel = ctx.element_.querySelector('#' + href);\n ctx.resetTabState_();\n ctx.resetPanelState_();\n tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);\n panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);\n });\n }\n}\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialTabs,\n classAsString: 'MaterialTabs',\n cssClass: 'mdl-js-tabs'\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Textfield MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialTextfield = function MaterialTextfield(element) {\n this.element_ = element;\n this.maxRows = this.Constant_.NO_MAX_ROWS;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialTextfield'] = MaterialTextfield;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialTextfield.prototype.Constant_ = {\n NO_MAX_ROWS: -1,\n MAX_ROWS_ATTRIBUTE: 'maxrows'\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialTextfield.prototype.CssClasses_ = {\n LABEL: 'mdl-textfield__label',\n INPUT: 'mdl-textfield__input',\n IS_DIRTY: 'is-dirty',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_INVALID: 'is-invalid',\n IS_UPGRADED: 'is-upgraded',\n HAS_PLACEHOLDER: 'has-placeholder'\n};\n/**\n * Handle input being entered.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onKeyDown_ = function (event) {\n var currentRowCount = event.target.value.split('\\n').length;\n if (event.keyCode === 13) {\n if (currentRowCount >= this.maxRows) {\n event.preventDefault();\n }\n }\n};\n/**\n * Handle focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle reset event from out side.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onReset_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialTextfield.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkValidity();\n this.checkDirty();\n this.checkFocus();\n};\n// Public methods.\n/**\n * Check the disabled state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkDisabled = function () {\n if (this.input_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialTextfield.prototype['checkDisabled'] = MaterialTextfield.prototype.checkDisabled;\n/**\n * Check the focus state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkFocus = function () {\n if (Boolean(this.element_.querySelector(':focus'))) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n }\n};\nMaterialTextfield.prototype['checkFocus'] = MaterialTextfield.prototype.checkFocus;\n/**\n * Check the validity state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkValidity = function () {\n if (this.input_.validity) {\n if (this.input_.validity.valid) {\n this.element_.classList.remove(this.CssClasses_.IS_INVALID);\n } else {\n this.element_.classList.add(this.CssClasses_.IS_INVALID);\n }\n }\n};\nMaterialTextfield.prototype['checkValidity'] = MaterialTextfield.prototype.checkValidity;\n/**\n * Check the dirty state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkDirty = function () {\n if (this.input_.value && this.input_.value.length > 0) {\n this.element_.classList.add(this.CssClasses_.IS_DIRTY);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DIRTY);\n }\n};\nMaterialTextfield.prototype['checkDirty'] = MaterialTextfield.prototype.checkDirty;\n/**\n * Disable text field.\n *\n * @public\n */\nMaterialTextfield.prototype.disable = function () {\n this.input_.disabled = true;\n this.updateClasses_();\n};\nMaterialTextfield.prototype['disable'] = MaterialTextfield.prototype.disable;\n/**\n * Enable text field.\n *\n * @public\n */\nMaterialTextfield.prototype.enable = function () {\n this.input_.disabled = false;\n this.updateClasses_();\n};\nMaterialTextfield.prototype['enable'] = MaterialTextfield.prototype.enable;\n/**\n * Update text field value.\n *\n * @param {string} value The value to which to set the control (optional).\n * @public\n */\nMaterialTextfield.prototype.change = function (value) {\n this.input_.value = value || '';\n this.updateClasses_();\n};\nMaterialTextfield.prototype['change'] = MaterialTextfield.prototype.change;\n/**\n * Initialize element.\n */\nMaterialTextfield.prototype.init = function () {\n if (this.element_) {\n this.label_ = this.element_.querySelector('.' + this.CssClasses_.LABEL);\n this.input_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n if (this.input_) {\n if (this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)) {\n this.maxRows = parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE), 10);\n if (isNaN(this.maxRows)) {\n this.maxRows = this.Constant_.NO_MAX_ROWS;\n }\n }\n if (this.input_.hasAttribute('placeholder')) {\n this.element_.classList.add(this.CssClasses_.HAS_PLACEHOLDER);\n }\n this.boundUpdateClassesHandler = this.updateClasses_.bind(this);\n this.boundFocusHandler = this.onFocus_.bind(this);\n this.boundBlurHandler = this.onBlur_.bind(this);\n this.boundResetHandler = this.onReset_.bind(this);\n this.input_.addEventListener('input', this.boundUpdateClassesHandler);\n this.input_.addEventListener('focus', this.boundFocusHandler);\n this.input_.addEventListener('blur', this.boundBlurHandler);\n this.input_.addEventListener('reset', this.boundResetHandler);\n if (this.maxRows !== this.Constant_.NO_MAX_ROWS) {\n // TODO: This should handle pasting multi line text.\n // Currently doesn't.\n this.boundKeyDownHandler = this.onKeyDown_.bind(this);\n this.input_.addEventListener('keydown', this.boundKeyDownHandler);\n }\n var invalid = this.element_.classList.contains(this.CssClasses_.IS_INVALID);\n this.updateClasses_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n if (invalid) {\n this.element_.classList.add(this.CssClasses_.IS_INVALID);\n }\n if (this.input_.hasAttribute('autofocus')) {\n this.element_.focus();\n this.checkFocus();\n }\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialTextfield,\n classAsString: 'MaterialTextfield',\n cssClass: 'mdl-js-textfield',\n widget: true\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Tooltip MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialTooltip = function MaterialTooltip(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialTooltip'] = MaterialTooltip;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialTooltip.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialTooltip.prototype.CssClasses_ = {\n IS_ACTIVE: 'is-active',\n BOTTOM: 'mdl-tooltip--bottom',\n LEFT: 'mdl-tooltip--left',\n RIGHT: 'mdl-tooltip--right',\n TOP: 'mdl-tooltip--top'\n};\n/**\n * Handle mouseenter for tooltip.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTooltip.prototype.handleMouseEnter_ = function (event) {\n var props = event.target.getBoundingClientRect();\n var left = props.left + props.width / 2;\n var top = props.top + props.height / 2;\n var marginLeft = -1 * (this.element_.offsetWidth / 2);\n var marginTop = -1 * (this.element_.offsetHeight / 2);\n if (this.element_.classList.contains(this.CssClasses_.LEFT) || this.element_.classList.contains(this.CssClasses_.RIGHT)) {\n left = props.width / 2;\n if (top + marginTop < 0) {\n this.element_.style.top = 0;\n this.element_.style.marginTop = 0;\n } else {\n this.element_.style.top = top + 'px';\n this.element_.style.marginTop = marginTop + 'px';\n }\n } else {\n if (left + marginLeft < 0) {\n this.element_.style.left = 0;\n this.element_.style.marginLeft = 0;\n } else {\n this.element_.style.left = left + 'px';\n this.element_.style.marginLeft = marginLeft + 'px';\n }\n }\n if (this.element_.classList.contains(this.CssClasses_.TOP)) {\n this.element_.style.top = props.top - this.element_.offsetHeight - 10 + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.RIGHT)) {\n this.element_.style.left = props.left + props.width + 10 + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.LEFT)) {\n this.element_.style.left = props.left - this.element_.offsetWidth - 10 + 'px';\n } else {\n this.element_.style.top = props.top + props.height + 10 + 'px';\n }\n this.element_.classList.add(this.CssClasses_.IS_ACTIVE);\n};\n/**\n * Handle mouseleave for tooltip.\n *\n * @private\n */\nMaterialTooltip.prototype.handleMouseLeave_ = function () {\n this.element_.classList.remove(this.CssClasses_.IS_ACTIVE);\n};\n/**\n * Initialize element.\n */\nMaterialTooltip.prototype.init = function () {\n if (this.element_) {\n var forElId = this.element_.getAttribute('for');\n if (forElId) {\n this.forElement_ = document.getElementById(forElId);\n }\n if (this.forElement_) {\n // It's left here because it prevents accidental text selection on Android\n if (!this.forElement_.hasAttribute('tabindex')) {\n this.forElement_.setAttribute('tabindex', '0');\n }\n this.boundMouseEnterHandler = this.handleMouseEnter_.bind(this);\n this.boundMouseLeaveHandler = this.handleMouseLeave_.bind(this);\n this.forElement_.addEventListener('mouseenter', this.boundMouseEnterHandler, false);\n this.forElement_.addEventListener('touchend', this.boundMouseEnterHandler, false);\n this.forElement_.addEventListener('mouseleave', this.boundMouseLeaveHandler, false);\n window.addEventListener('touchstart', this.boundMouseLeaveHandler);\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialTooltip,\n classAsString: 'MaterialTooltip',\n cssClass: 'mdl-tooltip'\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Layout MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialLayout = function MaterialLayout(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialLayout'] = MaterialLayout;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialLayout.prototype.Constant_ = {\n MAX_WIDTH: '(max-width: 1024px)',\n TAB_SCROLL_PIXELS: 100,\n RESIZE_TIMEOUT: 100,\n MENU_ICON: '',\n CHEVRON_LEFT: 'chevron_left',\n CHEVRON_RIGHT: 'chevron_right'\n};\n/**\n * Keycodes, for code readability.\n *\n * @enum {number}\n * @private\n */\nMaterialLayout.prototype.Keycodes_ = {\n ENTER: 13,\n ESCAPE: 27,\n SPACE: 32\n};\n/**\n * Modes.\n *\n * @enum {number}\n * @private\n */\nMaterialLayout.prototype.Mode_ = {\n STANDARD: 0,\n SEAMED: 1,\n WATERFALL: 2,\n SCROLL: 3\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialLayout.prototype.CssClasses_ = {\n CONTAINER: 'mdl-layout__container',\n HEADER: 'mdl-layout__header',\n DRAWER: 'mdl-layout__drawer',\n CONTENT: 'mdl-layout__content',\n DRAWER_BTN: 'mdl-layout__drawer-button',\n ICON: 'material-icons',\n JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_CONTAINER: 'mdl-layout__tab-ripple-container',\n RIPPLE: 'mdl-ripple',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n HEADER_SEAMED: 'mdl-layout__header--seamed',\n HEADER_WATERFALL: 'mdl-layout__header--waterfall',\n HEADER_SCROLL: 'mdl-layout__header--scroll',\n FIXED_HEADER: 'mdl-layout--fixed-header',\n OBFUSCATOR: 'mdl-layout__obfuscator',\n TAB_BAR: 'mdl-layout__tab-bar',\n TAB_CONTAINER: 'mdl-layout__tab-bar-container',\n TAB: 'mdl-layout__tab',\n TAB_BAR_BUTTON: 'mdl-layout__tab-bar-button',\n TAB_BAR_LEFT_BUTTON: 'mdl-layout__tab-bar-left-button',\n TAB_BAR_RIGHT_BUTTON: 'mdl-layout__tab-bar-right-button',\n PANEL: 'mdl-layout__tab-panel',\n HAS_DRAWER: 'has-drawer',\n HAS_TABS: 'has-tabs',\n HAS_SCROLLING_HEADER: 'has-scrolling-header',\n CASTING_SHADOW: 'is-casting-shadow',\n IS_COMPACT: 'is-compact',\n IS_SMALL_SCREEN: 'is-small-screen',\n IS_DRAWER_OPEN: 'is-visible',\n IS_ACTIVE: 'is-active',\n IS_UPGRADED: 'is-upgraded',\n IS_ANIMATING: 'is-animating',\n ON_LARGE_SCREEN: 'mdl-layout--large-screen-only',\n ON_SMALL_SCREEN: 'mdl-layout--small-screen-only'\n};\n/**\n * Handles scrolling on the content.\n *\n * @private\n */\nMaterialLayout.prototype.contentScrollHandler_ = function () {\n if (this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)) {\n return;\n }\n var headerVisible = !this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN) || this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);\n if (this.content_.scrollTop > 0 && !this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {\n this.header_.classList.add(this.CssClasses_.CASTING_SHADOW);\n this.header_.classList.add(this.CssClasses_.IS_COMPACT);\n if (headerVisible) {\n this.header_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n } else if (this.content_.scrollTop <= 0 && this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {\n this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW);\n this.header_.classList.remove(this.CssClasses_.IS_COMPACT);\n if (headerVisible) {\n this.header_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n }\n};\n/**\n * Handles a keyboard event on the drawer.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialLayout.prototype.keyboardEventHandler_ = function (evt) {\n // Only react when the drawer is open.\n if (evt.keyCode === this.Keycodes_.ESCAPE && this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) {\n this.toggleDrawer();\n }\n};\n/**\n * Handles changes in screen size.\n *\n * @private\n */\nMaterialLayout.prototype.screenSizeHandler_ = function () {\n if (this.screenSizeMediaQuery_.matches) {\n this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN);\n // Collapse drawer (if any) when moving to a large screen size.\n if (this.drawer_) {\n this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN);\n this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN);\n }\n }\n};\n/**\n * Handles events of drawer button.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialLayout.prototype.drawerToggleHandler_ = function (evt) {\n if (evt && evt.type === 'keydown') {\n if (evt.keyCode === this.Keycodes_.SPACE || evt.keyCode === this.Keycodes_.ENTER) {\n // prevent scrolling in drawer nav\n evt.preventDefault();\n } else {\n // prevent other keys\n return;\n }\n }\n this.toggleDrawer();\n};\n/**\n * Handles (un)setting the `is-animating` class\n *\n * @private\n */\nMaterialLayout.prototype.headerTransitionEndHandler_ = function () {\n this.header_.classList.remove(this.CssClasses_.IS_ANIMATING);\n};\n/**\n * Handles expanding the header on click\n *\n * @private\n */\nMaterialLayout.prototype.headerClickHandler_ = function () {\n if (this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {\n this.header_.classList.remove(this.CssClasses_.IS_COMPACT);\n this.header_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n};\n/**\n * Reset tab state, dropping active classes\n *\n * @private\n */\nMaterialLayout.prototype.resetTabState_ = function (tabBar) {\n for (var k = 0; k < tabBar.length; k++) {\n tabBar[k].classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n};\n/**\n * Reset panel state, droping active classes\n *\n * @private\n */\nMaterialLayout.prototype.resetPanelState_ = function (panels) {\n for (var j = 0; j < panels.length; j++) {\n panels[j].classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n};\n/**\n * Toggle drawer state\n *\n * @public\n */\nMaterialLayout.prototype.toggleDrawer = function () {\n var drawerButton = this.element_.querySelector('.' + this.CssClasses_.DRAWER_BTN);\n this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN);\n this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN);\n // Set accessibility properties.\n if (this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) {\n this.drawer_.setAttribute('aria-hidden', 'false');\n drawerButton.setAttribute('aria-expanded', 'true');\n } else {\n this.drawer_.setAttribute('aria-hidden', 'true');\n drawerButton.setAttribute('aria-expanded', 'false');\n }\n};\nMaterialLayout.prototype['toggleDrawer'] = MaterialLayout.prototype.toggleDrawer;\n/**\n * Initialize element.\n */\nMaterialLayout.prototype.init = function () {\n if (this.element_) {\n var container = document.createElement('div');\n container.classList.add(this.CssClasses_.CONTAINER);\n var focusedElement = this.element_.querySelector(':focus');\n this.element_.parentElement.insertBefore(container, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n container.appendChild(this.element_);\n if (focusedElement) {\n focusedElement.focus();\n }\n var directChildren = this.element_.childNodes;\n var numChildren = directChildren.length;\n for (var c = 0; c < numChildren; c++) {\n var child = directChildren[c];\n if (child.classList && child.classList.contains(this.CssClasses_.HEADER)) {\n this.header_ = child;\n }\n if (child.classList && child.classList.contains(this.CssClasses_.DRAWER)) {\n this.drawer_ = child;\n }\n if (child.classList && child.classList.contains(this.CssClasses_.CONTENT)) {\n this.content_ = child;\n }\n }\n window.addEventListener('pageshow', function (e) {\n if (e.persisted) {\n // when page is loaded from back/forward cache\n // trigger repaint to let layout scroll in safari\n this.element_.style.overflowY = 'hidden';\n requestAnimationFrame(function () {\n this.element_.style.overflowY = '';\n }.bind(this));\n }\n }.bind(this), false);\n if (this.header_) {\n this.tabBar_ = this.header_.querySelector('.' + this.CssClasses_.TAB_BAR);\n }\n var mode = this.Mode_.STANDARD;\n if (this.header_) {\n if (this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)) {\n mode = this.Mode_.SEAMED;\n } else if (this.header_.classList.contains(this.CssClasses_.HEADER_WATERFALL)) {\n mode = this.Mode_.WATERFALL;\n this.header_.addEventListener('transitionend', this.headerTransitionEndHandler_.bind(this));\n this.header_.addEventListener('click', this.headerClickHandler_.bind(this));\n } else if (this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)) {\n mode = this.Mode_.SCROLL;\n container.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER);\n }\n if (mode === this.Mode_.STANDARD) {\n this.header_.classList.add(this.CssClasses_.CASTING_SHADOW);\n if (this.tabBar_) {\n this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW);\n }\n } else if (mode === this.Mode_.SEAMED || mode === this.Mode_.SCROLL) {\n this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW);\n if (this.tabBar_) {\n this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW);\n }\n } else if (mode === this.Mode_.WATERFALL) {\n // Add and remove shadows depending on scroll position.\n // Also add/remove auxiliary class for styling of the compact version of\n // the header.\n this.content_.addEventListener('scroll', this.contentScrollHandler_.bind(this));\n this.contentScrollHandler_();\n }\n }\n // Add drawer toggling button to our layout, if we have an openable drawer.\n if (this.drawer_) {\n var drawerButton = this.element_.querySelector('.' + this.CssClasses_.DRAWER_BTN);\n if (!drawerButton) {\n drawerButton = document.createElement('div');\n drawerButton.setAttribute('aria-expanded', 'false');\n drawerButton.setAttribute('role', 'button');\n drawerButton.setAttribute('tabindex', '0');\n drawerButton.classList.add(this.CssClasses_.DRAWER_BTN);\n var drawerButtonIcon = document.createElement('i');\n drawerButtonIcon.classList.add(this.CssClasses_.ICON);\n drawerButtonIcon.innerHTML = this.Constant_.MENU_ICON;\n drawerButton.appendChild(drawerButtonIcon);\n }\n if (this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)) {\n //If drawer has ON_LARGE_SCREEN class then add it to the drawer toggle button as well.\n drawerButton.classList.add(this.CssClasses_.ON_LARGE_SCREEN);\n } else if (this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)) {\n //If drawer has ON_SMALL_SCREEN class then add it to the drawer toggle button as well.\n drawerButton.classList.add(this.CssClasses_.ON_SMALL_SCREEN);\n }\n drawerButton.addEventListener('click', this.drawerToggleHandler_.bind(this));\n drawerButton.addEventListener('keydown', this.drawerToggleHandler_.bind(this));\n // Add a class if the layout has a drawer, for altering the left padding.\n // Adds the HAS_DRAWER to the elements since this.header_ may or may\n // not be present.\n this.element_.classList.add(this.CssClasses_.HAS_DRAWER);\n // If we have a fixed header, add the button to the header rather than\n // the layout.\n if (this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)) {\n this.header_.insertBefore(drawerButton, this.header_.firstChild);\n } else {\n this.element_.insertBefore(drawerButton, this.content_);\n }\n var obfuscator = document.createElement('div');\n obfuscator.classList.add(this.CssClasses_.OBFUSCATOR);\n this.element_.appendChild(obfuscator);\n obfuscator.addEventListener('click', this.drawerToggleHandler_.bind(this));\n this.obfuscator_ = obfuscator;\n this.drawer_.addEventListener('keydown', this.keyboardEventHandler_.bind(this));\n this.drawer_.setAttribute('aria-hidden', 'true');\n }\n // Keep an eye on screen size, and add/remove auxiliary class for styling\n // of small screens.\n this.screenSizeMediaQuery_ = window.matchMedia(this.Constant_.MAX_WIDTH);\n this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this));\n this.screenSizeHandler_();\n // Initialize tabs, if any.\n if (this.header_ && this.tabBar_) {\n this.element_.classList.add(this.CssClasses_.HAS_TABS);\n var tabContainer = document.createElement('div');\n tabContainer.classList.add(this.CssClasses_.TAB_CONTAINER);\n this.header_.insertBefore(tabContainer, this.tabBar_);\n this.header_.removeChild(this.tabBar_);\n var leftButton = document.createElement('div');\n leftButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON);\n leftButton.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON);\n var leftButtonIcon = document.createElement('i');\n leftButtonIcon.classList.add(this.CssClasses_.ICON);\n leftButtonIcon.textContent = this.Constant_.CHEVRON_LEFT;\n leftButton.appendChild(leftButtonIcon);\n leftButton.addEventListener('click', function () {\n this.tabBar_.scrollLeft -= this.Constant_.TAB_SCROLL_PIXELS;\n }.bind(this));\n var rightButton = document.createElement('div');\n rightButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON);\n rightButton.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON);\n var rightButtonIcon = document.createElement('i');\n rightButtonIcon.classList.add(this.CssClasses_.ICON);\n rightButtonIcon.textContent = this.Constant_.CHEVRON_RIGHT;\n rightButton.appendChild(rightButtonIcon);\n rightButton.addEventListener('click', function () {\n this.tabBar_.scrollLeft += this.Constant_.TAB_SCROLL_PIXELS;\n }.bind(this));\n tabContainer.appendChild(leftButton);\n tabContainer.appendChild(this.tabBar_);\n tabContainer.appendChild(rightButton);\n // Add and remove tab buttons depending on scroll position and total\n // window size.\n var tabUpdateHandler = function () {\n if (this.tabBar_.scrollLeft > 0) {\n leftButton.classList.add(this.CssClasses_.IS_ACTIVE);\n } else {\n leftButton.classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n if (this.tabBar_.scrollLeft < this.tabBar_.scrollWidth - this.tabBar_.offsetWidth) {\n rightButton.classList.add(this.CssClasses_.IS_ACTIVE);\n } else {\n rightButton.classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n }.bind(this);\n this.tabBar_.addEventListener('scroll', tabUpdateHandler);\n tabUpdateHandler();\n // Update tabs when the window resizes.\n var windowResizeHandler = function () {\n // Use timeouts to make sure it doesn't happen too often.\n if (this.resizeTimeoutId_) {\n clearTimeout(this.resizeTimeoutId_);\n }\n this.resizeTimeoutId_ = setTimeout(function () {\n tabUpdateHandler();\n this.resizeTimeoutId_ = null;\n }.bind(this), this.Constant_.RESIZE_TIMEOUT);\n }.bind(this);\n window.addEventListener('resize', windowResizeHandler);\n if (this.tabBar_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) {\n this.tabBar_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n }\n // Select element tabs, document panels\n var tabs = this.tabBar_.querySelectorAll('.' + this.CssClasses_.TAB);\n var panels = this.content_.querySelectorAll('.' + this.CssClasses_.PANEL);\n // Create new tabs for each tab element\n for (var i = 0; i < tabs.length; i++) {\n new MaterialLayoutTab(tabs[i], tabs, panels, this);\n }\n }\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n/**\n * Constructor for an individual tab.\n *\n * @constructor\n * @param {HTMLElement} tab The HTML element for the tab.\n * @param {!Array} tabs Array with HTML elements for all tabs.\n * @param {!Array} panels Array with HTML elements for all panels.\n * @param {MaterialLayout} layout The MaterialLayout object that owns the tab.\n */\nfunction MaterialLayoutTab(tab, tabs, panels, layout) {\n /**\n * Auxiliary method to programmatically select a tab in the UI.\n */\n function selectTab() {\n var href = tab.href.split('#')[1];\n var panel = layout.content_.querySelector('#' + href);\n layout.resetTabState_(tabs);\n layout.resetPanelState_(panels);\n tab.classList.add(layout.CssClasses_.IS_ACTIVE);\n panel.classList.add(layout.CssClasses_.IS_ACTIVE);\n }\n if (layout.tabBar_.classList.contains(layout.CssClasses_.JS_RIPPLE_EFFECT)) {\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(layout.CssClasses_.RIPPLE_CONTAINER);\n rippleContainer.classList.add(layout.CssClasses_.JS_RIPPLE_EFFECT);\n var ripple = document.createElement('span');\n ripple.classList.add(layout.CssClasses_.RIPPLE);\n rippleContainer.appendChild(ripple);\n tab.appendChild(rippleContainer);\n }\n tab.addEventListener('click', function (e) {\n if (tab.getAttribute('href').charAt(0) === '#') {\n e.preventDefault();\n selectTab();\n }\n });\n tab.show = selectTab;\n}\nwindow['MaterialLayoutTab'] = MaterialLayoutTab;\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialLayout,\n classAsString: 'MaterialLayout',\n cssClass: 'mdl-js-layout'\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Data Table Card MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {Element} element The element that will be upgraded.\n */\nvar MaterialDataTable = function MaterialDataTable(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialDataTable'] = MaterialDataTable;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialDataTable.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialDataTable.prototype.CssClasses_ = {\n DATA_TABLE: 'mdl-data-table',\n SELECTABLE: 'mdl-data-table--selectable',\n SELECT_ELEMENT: 'mdl-data-table__select',\n IS_SELECTED: 'is-selected',\n IS_UPGRADED: 'is-upgraded'\n};\n/**\n * Generates and returns a function that toggles the selection state of a\n * single row (or multiple rows).\n *\n * @param {Element} checkbox Checkbox that toggles the selection state.\n * @param {Element} row Row to toggle when checkbox changes.\n * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes.\n * @private\n */\nMaterialDataTable.prototype.selectRow_ = function (checkbox, row, opt_rows) {\n if (row) {\n return function () {\n if (checkbox.checked) {\n row.classList.add(this.CssClasses_.IS_SELECTED);\n } else {\n row.classList.remove(this.CssClasses_.IS_SELECTED);\n }\n }.bind(this);\n }\n if (opt_rows) {\n return function () {\n var i;\n var el;\n if (checkbox.checked) {\n for (i = 0; i < opt_rows.length; i++) {\n el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox');\n el['MaterialCheckbox'].check();\n opt_rows[i].classList.add(this.CssClasses_.IS_SELECTED);\n }\n } else {\n for (i = 0; i < opt_rows.length; i++) {\n el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox');\n el['MaterialCheckbox'].uncheck();\n opt_rows[i].classList.remove(this.CssClasses_.IS_SELECTED);\n }\n }\n }.bind(this);\n }\n};\n/**\n * Creates a checkbox for a single or or multiple rows and hooks up the\n * event handling.\n *\n * @param {Element} row Row to toggle when checkbox changes.\n * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes.\n * @private\n */\nMaterialDataTable.prototype.createCheckbox_ = function (row, opt_rows) {\n var label = document.createElement('label');\n var labelClasses = [\n 'mdl-checkbox',\n 'mdl-js-checkbox',\n 'mdl-js-ripple-effect',\n this.CssClasses_.SELECT_ELEMENT\n ];\n label.className = labelClasses.join(' ');\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.classList.add('mdl-checkbox__input');\n if (row) {\n checkbox.checked = row.classList.contains(this.CssClasses_.IS_SELECTED);\n checkbox.addEventListener('change', this.selectRow_(checkbox, row));\n } else if (opt_rows) {\n checkbox.addEventListener('change', this.selectRow_(checkbox, null, opt_rows));\n }\n label.appendChild(checkbox);\n componentHandler.upgradeElement(label, 'MaterialCheckbox');\n return label;\n};\n/**\n * Initialize element.\n */\nMaterialDataTable.prototype.init = function () {\n if (this.element_) {\n var firstHeader = this.element_.querySelector('th');\n var bodyRows = Array.prototype.slice.call(this.element_.querySelectorAll('tbody tr'));\n var footRows = Array.prototype.slice.call(this.element_.querySelectorAll('tfoot tr'));\n var rows = bodyRows.concat(footRows);\n if (this.element_.classList.contains(this.CssClasses_.SELECTABLE)) {\n var th = document.createElement('th');\n var headerCheckbox = this.createCheckbox_(null, rows);\n th.appendChild(headerCheckbox);\n firstHeader.parentElement.insertBefore(th, firstHeader);\n for (var i = 0; i < rows.length; i++) {\n var firstCell = rows[i].querySelector('td');\n if (firstCell) {\n var td = document.createElement('td');\n if (rows[i].parentNode.nodeName.toUpperCase() === 'TBODY') {\n var rowCheckbox = this.createCheckbox_(rows[i]);\n td.appendChild(rowCheckbox);\n }\n rows[i].insertBefore(td, firstCell);\n }\n }\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialDataTable,\n classAsString: 'MaterialDataTable',\n cssClass: 'mdl-js-data-table'\n});\n/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Ripple MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialRipple = function MaterialRipple(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialRipple'] = MaterialRipple;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialRipple.prototype.Constant_ = {\n INITIAL_SCALE: 'scale(0.0001, 0.0001)',\n INITIAL_SIZE: '1px',\n INITIAL_OPACITY: '0.4',\n FINAL_OPACITY: '0',\n FINAL_SCALE: ''\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialRipple.prototype.CssClasses_ = {\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE: 'mdl-ripple',\n IS_ANIMATING: 'is-animating',\n IS_VISIBLE: 'is-visible'\n};\n/**\n * Handle mouse / finger down on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRipple.prototype.downHandler_ = function (event) {\n if (!this.rippleElement_.style.width && !this.rippleElement_.style.height) {\n var rect = this.element_.getBoundingClientRect();\n this.boundHeight = rect.height;\n this.boundWidth = rect.width;\n this.rippleSize_ = Math.sqrt(rect.width * rect.width + rect.height * rect.height) * 2 + 2;\n this.rippleElement_.style.width = this.rippleSize_ + 'px';\n this.rippleElement_.style.height = this.rippleSize_ + 'px';\n }\n this.rippleElement_.classList.add(this.CssClasses_.IS_VISIBLE);\n if (event.type === 'mousedown' && this.ignoringMouseDown_) {\n this.ignoringMouseDown_ = false;\n } else {\n if (event.type === 'touchstart') {\n this.ignoringMouseDown_ = true;\n }\n var frameCount = this.getFrameCount();\n if (frameCount > 0) {\n return;\n }\n this.setFrameCount(1);\n var bound = event.currentTarget.getBoundingClientRect();\n var x;\n var y;\n // Check if we are handling a keyboard click.\n if (event.clientX === 0 && event.clientY === 0) {\n x = Math.round(bound.width / 2);\n y = Math.round(bound.height / 2);\n } else {\n var clientX = event.clientX ? event.clientX : event.touches[0].clientX;\n var clientY = event.clientY ? event.clientY : event.touches[0].clientY;\n x = Math.round(clientX - bound.left);\n y = Math.round(clientY - bound.top);\n }\n this.setRippleXY(x, y);\n this.setRippleStyles(true);\n window.requestAnimationFrame(this.animFrameHandler.bind(this));\n }\n};\n/**\n * Handle mouse / finger up on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRipple.prototype.upHandler_ = function (event) {\n // Don't fire for the artificial \"mouseup\" generated by a double-click.\n if (event && event.detail !== 2) {\n // Allow a repaint to occur before removing this class, so the animation\n // shows for tap events, which seem to trigger a mouseup too soon after\n // mousedown.\n window.setTimeout(function () {\n this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE);\n }.bind(this), 0);\n }\n};\n/**\n * Initialize element.\n */\nMaterialRipple.prototype.init = function () {\n if (this.element_) {\n var recentering = this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER);\n if (!this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)) {\n this.rippleElement_ = this.element_.querySelector('.' + this.CssClasses_.RIPPLE);\n this.frameCount_ = 0;\n this.rippleSize_ = 0;\n this.x_ = 0;\n this.y_ = 0;\n // Touch start produces a compat mouse down event, which would cause a\n // second ripples. To avoid that, we use this property to ignore the first\n // mouse down after a touch start.\n this.ignoringMouseDown_ = false;\n this.boundDownHandler = this.downHandler_.bind(this);\n this.element_.addEventListener('mousedown', this.boundDownHandler);\n this.element_.addEventListener('touchstart', this.boundDownHandler);\n this.boundUpHandler = this.upHandler_.bind(this);\n this.element_.addEventListener('mouseup', this.boundUpHandler);\n this.element_.addEventListener('mouseleave', this.boundUpHandler);\n this.element_.addEventListener('touchend', this.boundUpHandler);\n this.element_.addEventListener('blur', this.boundUpHandler);\n /**\n * Getter for frameCount_.\n * @return {number} the frame count.\n */\n this.getFrameCount = function () {\n return this.frameCount_;\n };\n /**\n * Setter for frameCount_.\n * @param {number} fC the frame count.\n */\n this.setFrameCount = function (fC) {\n this.frameCount_ = fC;\n };\n /**\n * Getter for rippleElement_.\n * @return {Element} the ripple element.\n */\n this.getRippleElement = function () {\n return this.rippleElement_;\n };\n /**\n * Sets the ripple X and Y coordinates.\n * @param {number} newX the new X coordinate\n * @param {number} newY the new Y coordinate\n */\n this.setRippleXY = function (newX, newY) {\n this.x_ = newX;\n this.y_ = newY;\n };\n /**\n * Sets the ripple styles.\n * @param {boolean} start whether or not this is the start frame.\n */\n this.setRippleStyles = function (start) {\n if (this.rippleElement_ !== null) {\n var transformString;\n var scale;\n var size;\n var offset = 'translate(' + this.x_ + 'px, ' + this.y_ + 'px)';\n if (start) {\n scale = this.Constant_.INITIAL_SCALE;\n size = this.Constant_.INITIAL_SIZE;\n } else {\n scale = this.Constant_.FINAL_SCALE;\n size = this.rippleSize_ + 'px';\n if (recentering) {\n offset = 'translate(' + this.boundWidth / 2 + 'px, ' + this.boundHeight / 2 + 'px)';\n }\n }\n transformString = 'translate(-50%, -50%) ' + offset + scale;\n this.rippleElement_.style.webkitTransform = transformString;\n this.rippleElement_.style.msTransform = transformString;\n this.rippleElement_.style.transform = transformString;\n if (start) {\n this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING);\n } else {\n this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n }\n };\n /**\n * Handles an animation frame.\n */\n this.animFrameHandler = function () {\n if (this.frameCount_-- > 0) {\n window.requestAnimationFrame(this.animFrameHandler.bind(this));\n } else {\n this.setRippleStyles(false);\n }\n };\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialRipple,\n classAsString: 'MaterialRipple',\n cssClass: 'mdl-js-ripple-effect',\n widget: false\n});\n}());\n","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * A component handler interface using the revealing module design pattern.\n * More details on this design pattern here:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @author Jason Mayes.\n */\n/* exported componentHandler */\n\n// Pre-defining the componentHandler interface, for closure documentation and\n// static verification.\nvar componentHandler = {\n /**\n * Searches existing DOM for elements of our component type and upgrades them\n * if they have not already been upgraded.\n *\n * @param {string=} optJsClass the programatic name of the element class we\n * need to create a new instance of.\n * @param {string=} optCssClass the name of the CSS class elements of this\n * type will have.\n */\n upgradeDom: function(optJsClass, optCssClass) {},\n /**\n * Upgrades a specific element rather than all in the DOM.\n *\n * @param {!Element} element The element we wish to upgrade.\n * @param {string=} optJsClass Optional name of the class we want to upgrade\n * the element to.\n */\n upgradeElement: function(element, optJsClass) {},\n /**\n * Upgrades a specific list of elements rather than all in the DOM.\n *\n * @param {!Element|!Array|!NodeList|!HTMLCollection} elements\n * The elements we wish to upgrade.\n */\n upgradeElements: function(elements) {},\n /**\n * Upgrades all registered components found in the current DOM. This is\n * automatically called on window load.\n */\n upgradeAllRegistered: function() {},\n /**\n * Allows user to be alerted to any upgrades that are performed for a given\n * component type\n *\n * @param {string} jsClass The class name of the MDL component we wish\n * to hook into for any upgrades performed.\n * @param {function(!HTMLElement)} callback The function to call upon an\n * upgrade. This function should expect 1 parameter - the HTMLElement which\n * got upgraded.\n */\n registerUpgradedCallback: function(jsClass, callback) {},\n /**\n * Registers a class for future use and attempts to upgrade existing DOM.\n *\n * @param {componentHandler.ComponentConfigPublic} config the registration configuration\n */\n register: function(config) {},\n /**\n * Downgrade either a given node, an array of nodes, or a NodeList.\n *\n * @param {!Node|!Array|!NodeList} nodes\n */\n downgradeElements: function(nodes) {}\n};\n\ncomponentHandler = (function() {\n 'use strict';\n\n /** @type {!Array} */\n var registeredComponents_ = [];\n\n /** @type {!Array} */\n var createdComponents_ = [];\n\n var componentConfigProperty_ = 'mdlComponentConfigInternal_';\n\n /**\n * Searches registered components for a class we are interested in using.\n * Optionally replaces a match with passed object if specified.\n *\n * @param {string} name The name of a class we want to use.\n * @param {componentHandler.ComponentConfig=} optReplace Optional object to replace match with.\n * @return {!Object|boolean}\n * @private\n */\n function findRegisteredClass_(name, optReplace) {\n for (var i = 0; i < registeredComponents_.length; i++) {\n if (registeredComponents_[i].className === name) {\n if (typeof optReplace !== 'undefined') {\n registeredComponents_[i] = optReplace;\n }\n return registeredComponents_[i];\n }\n }\n return false;\n }\n\n /**\n * Returns an array of the classNames of the upgraded classes on the element.\n *\n * @param {!Element} element The element to fetch data from.\n * @return {!Array}\n * @private\n */\n function getUpgradedListOfElement_(element) {\n var dataUpgraded = element.getAttribute('data-upgraded');\n // Use `['']` as default value to conform the `,name,name...` style.\n return dataUpgraded === null ? [''] : dataUpgraded.split(',');\n }\n\n /**\n * Returns true if the given element has already been upgraded for the given\n * class.\n *\n * @param {!Element} element The element we want to check.\n * @param {string} jsClass The class to check for.\n * @returns {boolean}\n * @private\n */\n function isElementUpgraded_(element, jsClass) {\n var upgradedList = getUpgradedListOfElement_(element);\n return upgradedList.indexOf(jsClass) !== -1;\n }\n\n /**\n * Searches existing DOM for elements of our component type and upgrades them\n * if they have not already been upgraded.\n *\n * @param {string=} optJsClass the programatic name of the element class we\n * need to create a new instance of.\n * @param {string=} optCssClass the name of the CSS class elements of this\n * type will have.\n */\n function upgradeDomInternal(optJsClass, optCssClass) {\n if (typeof optJsClass === 'undefined' &&\n typeof optCssClass === 'undefined') {\n for (var i = 0; i < registeredComponents_.length; i++) {\n upgradeDomInternal(registeredComponents_[i].className,\n registeredComponents_[i].cssClass);\n }\n } else {\n var jsClass = /** @type {string} */ (optJsClass);\n if (typeof optCssClass === 'undefined') {\n var registeredClass = findRegisteredClass_(jsClass);\n if (registeredClass) {\n optCssClass = registeredClass.cssClass;\n }\n }\n\n var elements = document.querySelectorAll('.' + optCssClass);\n for (var n = 0; n < elements.length; n++) {\n upgradeElementInternal(elements[n], jsClass);\n }\n }\n }\n\n /**\n * Upgrades a specific element rather than all in the DOM.\n *\n * @param {!Element} element The element we wish to upgrade.\n * @param {string=} optJsClass Optional name of the class we want to upgrade\n * the element to.\n */\n function upgradeElementInternal(element, optJsClass) {\n // Verify argument type.\n if (!(typeof element === 'object' && element instanceof Element)) {\n throw new Error('Invalid argument provided to upgrade MDL element.');\n }\n var upgradedList = getUpgradedListOfElement_(element);\n var classesToUpgrade = [];\n // If jsClass is not provided scan the registered components to find the\n // ones matching the element's CSS classList.\n if (!optJsClass) {\n var classList = element.classList;\n registeredComponents_.forEach(function(component) {\n // Match CSS & Not to be upgraded & Not upgraded.\n if (classList.contains(component.cssClass) &&\n classesToUpgrade.indexOf(component) === -1 &&\n !isElementUpgraded_(element, component.className)) {\n classesToUpgrade.push(component);\n }\n });\n } else if (!isElementUpgraded_(element, optJsClass)) {\n classesToUpgrade.push(findRegisteredClass_(optJsClass));\n }\n\n // Upgrade the element for each classes.\n for (var i = 0, n = classesToUpgrade.length, registeredClass; i < n; i++) {\n registeredClass = classesToUpgrade[i];\n if (registeredClass) {\n // Mark element as upgraded.\n upgradedList.push(registeredClass.className);\n element.setAttribute('data-upgraded', upgradedList.join(','));\n var instance = new registeredClass.classConstructor(element);\n instance[componentConfigProperty_] = registeredClass;\n createdComponents_.push(instance);\n // Call any callbacks the user has registered with this component type.\n for (var j = 0, m = registeredClass.callbacks.length; j < m; j++) {\n registeredClass.callbacks[j](element);\n }\n\n if (registeredClass.widget) {\n // Assign per element instance for control over API\n element[registeredClass.className] = instance;\n }\n } else {\n throw new Error(\n 'Unable to find a registered component for the given class.');\n }\n\n var ev;\n if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {\n ev = new Event('mdl-componentupgraded', {\n 'bubbles': true, 'cancelable': false\n });\n } else {\n ev = document.createEvent('Events');\n ev.initEvent('mdl-componentupgraded', true, true);\n }\n element.dispatchEvent(ev);\n }\n }\n\n /**\n * Upgrades a specific list of elements rather than all in the DOM.\n *\n * @param {!Element|!Array|!NodeList|!HTMLCollection} elements\n * The elements we wish to upgrade.\n */\n function upgradeElementsInternal(elements) {\n if (!Array.isArray(elements)) {\n if (typeof elements.item === 'function') {\n elements = Array.prototype.slice.call(/** @type {Array} */ (elements));\n } else {\n elements = [elements];\n }\n }\n for (var i = 0, n = elements.length, element; i < n; i++) {\n element = elements[i];\n if (element instanceof HTMLElement) {\n upgradeElementInternal(element);\n if (element.children.length > 0) {\n upgradeElementsInternal(element.children);\n }\n }\n }\n }\n\n /**\n * Registers a class for future use and attempts to upgrade existing DOM.\n *\n * @param {componentHandler.ComponentConfigPublic} config\n */\n function registerInternal(config) {\n // In order to support both Closure-compiled and uncompiled code accessing\n // this method, we need to allow for both the dot and array syntax for\n // property access. You'll therefore see the `foo.bar || foo['bar']`\n // pattern repeated across this method.\n var widgetMissing = (typeof config.widget === 'undefined' &&\n typeof config['widget'] === 'undefined');\n var widget = true;\n\n if (!widgetMissing) {\n widget = config.widget || config['widget'];\n }\n\n var newConfig = /** @type {componentHandler.ComponentConfig} */ ({\n classConstructor: config.constructor || config['constructor'],\n className: config.classAsString || config['classAsString'],\n cssClass: config.cssClass || config['cssClass'],\n widget: widget,\n callbacks: []\n });\n\n registeredComponents_.forEach(function(item) {\n if (item.cssClass === newConfig.cssClass) {\n throw new Error('The provided cssClass has already been registered: ' + item.cssClass);\n }\n if (item.className === newConfig.className) {\n throw new Error('The provided className has already been registered');\n }\n });\n\n if (config.constructor.prototype\n .hasOwnProperty(componentConfigProperty_)) {\n throw new Error(\n 'MDL component classes must not have ' + componentConfigProperty_ +\n ' defined as a property.');\n }\n\n var found = findRegisteredClass_(config.classAsString, newConfig);\n\n if (!found) {\n registeredComponents_.push(newConfig);\n }\n }\n\n /**\n * Allows user to be alerted to any upgrades that are performed for a given\n * component type\n *\n * @param {string} jsClass The class name of the MDL component we wish\n * to hook into for any upgrades performed.\n * @param {function(!HTMLElement)} callback The function to call upon an\n * upgrade. This function should expect 1 parameter - the HTMLElement which\n * got upgraded.\n */\n function registerUpgradedCallbackInternal(jsClass, callback) {\n var regClass = findRegisteredClass_(jsClass);\n if (regClass) {\n regClass.callbacks.push(callback);\n }\n }\n\n /**\n * Upgrades all registered components found in the current DOM. This is\n * automatically called on window load.\n */\n function upgradeAllRegisteredInternal() {\n for (var n = 0; n < registeredComponents_.length; n++) {\n upgradeDomInternal(registeredComponents_[n].className);\n }\n }\n\n /**\n * Check the component for the downgrade method.\n * Execute if found.\n * Remove component from createdComponents list.\n *\n * @param {?componentHandler.Component} component\n */\n function deconstructComponentInternal(component) {\n if (component) {\n var componentIndex = createdComponents_.indexOf(component);\n createdComponents_.splice(componentIndex, 1);\n\n var upgrades = component.element_.getAttribute('data-upgraded').split(',');\n var componentPlace = upgrades.indexOf(component[componentConfigProperty_].classAsString);\n upgrades.splice(componentPlace, 1);\n component.element_.setAttribute('data-upgraded', upgrades.join(','));\n\n var ev;\n if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {\n ev = new Event('mdl-componentdowngraded', {\n 'bubbles': true, 'cancelable': false\n });\n } else {\n ev = document.createEvent('Events');\n ev.initEvent('mdl-componentdowngraded', true, true);\n }\n }\n }\n\n /**\n * Downgrade either a given node, an array of nodes, or a NodeList.\n *\n * @param {!Node|!Array|!NodeList} nodes\n */\n function downgradeNodesInternal(nodes) {\n /**\n * Auxiliary function to downgrade a single node.\n * @param {!Node} node the node to be downgraded\n */\n var downgradeNode = function(node) {\n createdComponents_.filter(function(item) {\n return item.element_ === node;\n }).forEach(deconstructComponentInternal);\n };\n if (nodes instanceof Array || nodes instanceof NodeList) {\n for (var n = 0; n < nodes.length; n++) {\n downgradeNode(nodes[n]);\n }\n } else if (nodes instanceof Node) {\n downgradeNode(nodes);\n } else {\n throw new Error('Invalid argument provided to downgrade MDL nodes.');\n }\n }\n\n // Now return the functions that should be made public with their publicly\n // facing names...\n return {\n upgradeDom: upgradeDomInternal,\n upgradeElement: upgradeElementInternal,\n upgradeElements: upgradeElementsInternal,\n upgradeAllRegistered: upgradeAllRegisteredInternal,\n registerUpgradedCallback: registerUpgradedCallbackInternal,\n register: registerInternal,\n downgradeElements: downgradeNodesInternal\n };\n})();\n\n/**\n * Describes the type of a registered component type managed by\n * componentHandler. Provided for benefit of the Closure compiler.\n *\n * @typedef {{\n * constructor: Function,\n * classAsString: string,\n * cssClass: string,\n * widget: (string|boolean|undefined)\n * }}\n */\ncomponentHandler.ComponentConfigPublic; // jshint ignore:line\n\n/**\n * Describes the type of a registered component type managed by\n * componentHandler. Provided for benefit of the Closure compiler.\n *\n * @typedef {{\n * constructor: !Function,\n * className: string,\n * cssClass: string,\n * widget: (string|boolean),\n * callbacks: !Array\n * }}\n */\ncomponentHandler.ComponentConfig; // jshint ignore:line\n\n/**\n * Created component (i.e., upgraded element) type as managed by\n * componentHandler. Provided for benefit of the Closure compiler.\n *\n * @typedef {{\n * element_: !HTMLElement,\n * className: string,\n * classAsString: string,\n * cssClass: string,\n * widget: string\n * }}\n */\ncomponentHandler.Component; // jshint ignore:line\n\n// Export all symbols, for the benefit of Closure compiler.\n// No effect on uncompiled code.\ncomponentHandler['upgradeDom'] = componentHandler.upgradeDom;\ncomponentHandler['upgradeElement'] = componentHandler.upgradeElement;\ncomponentHandler['upgradeElements'] = componentHandler.upgradeElements;\ncomponentHandler['upgradeAllRegistered'] =\n componentHandler.upgradeAllRegistered;\ncomponentHandler['registerUpgradedCallback'] =\n componentHandler.registerUpgradedCallback;\ncomponentHandler['register'] = componentHandler.register;\ncomponentHandler['downgradeElements'] = componentHandler.downgradeElements;\nwindow.componentHandler = componentHandler;\nwindow['componentHandler'] = componentHandler;\n\nwindow.addEventListener('load', function() {\n 'use strict';\n\n /**\n * Performs a \"Cutting the mustard\" test. If the browser supports the features\n * tested, adds a mdl-js class to the element. It then upgrades all MDL\n * components requiring JavaScript.\n */\n if ('classList' in document.createElement('div') &&\n 'querySelector' in document &&\n 'addEventListener' in window && Array.prototype.forEach) {\n document.documentElement.classList.add('mdl-js');\n componentHandler.upgradeAllRegistered();\n } else {\n /**\n * Dummy function to avoid JS errors.\n */\n componentHandler.upgradeElement = function() {};\n /**\n * Dummy function to avoid JS errors.\n */\n componentHandler.register = function() {};\n }\n});\n","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Tabs MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {Element} element The element that will be upgraded.\n */\nvar MaterialTabs = function MaterialTabs(element) {\n // Stores the HTML element.\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialTabs'] = MaterialTabs;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string}\n * @private\n */\nMaterialTabs.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialTabs.prototype.CssClasses_ = {\n TAB_CLASS: 'mdl-tabs__tab',\n PANEL_CLASS: 'mdl-tabs__panel',\n ACTIVE_CLASS: 'is-active',\n UPGRADED_CLASS: 'is-upgraded',\n MDL_JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n MDL_RIPPLE_CONTAINER: 'mdl-tabs__ripple-container',\n MDL_RIPPLE: 'mdl-ripple',\n MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events'\n};\n/**\n * Handle clicks to a tabs component\n *\n * @private\n */\nMaterialTabs.prototype.initTabs_ = function () {\n if (this.element_.classList.contains(this.CssClasses_.MDL_JS_RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS);\n }\n // Select element tabs, document panels\n this.tabs_ = this.element_.querySelectorAll('.' + this.CssClasses_.TAB_CLASS);\n this.panels_ = this.element_.querySelectorAll('.' + this.CssClasses_.PANEL_CLASS);\n // Create new tabs for each tab element\n for (var i = 0; i < this.tabs_.length; i++) {\n new MaterialTab(this.tabs_[i], this);\n }\n this.element_.classList.add(this.CssClasses_.UPGRADED_CLASS);\n};\n/**\n * Reset tab state, dropping active classes\n *\n * @private\n */\nMaterialTabs.prototype.resetTabState_ = function () {\n for (var k = 0; k < this.tabs_.length; k++) {\n this.tabs_[k].classList.remove(this.CssClasses_.ACTIVE_CLASS);\n }\n};\n/**\n * Reset panel state, droping active classes\n *\n * @private\n */\nMaterialTabs.prototype.resetPanelState_ = function () {\n for (var j = 0; j < this.panels_.length; j++) {\n this.panels_[j].classList.remove(this.CssClasses_.ACTIVE_CLASS);\n }\n};\n/**\n * Initialize element.\n */\nMaterialTabs.prototype.init = function () {\n if (this.element_) {\n this.initTabs_();\n }\n};\n/**\n * Constructor for an individual tab.\n *\n * @constructor\n * @param {Element} tab The HTML element for the tab.\n * @param {MaterialTabs} ctx The MaterialTabs object that owns the tab.\n */\nfunction MaterialTab(tab, ctx) {\n if (tab) {\n if (ctx.element_.classList.contains(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT)) {\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(ctx.CssClasses_.MDL_RIPPLE_CONTAINER);\n rippleContainer.classList.add(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT);\n var ripple = document.createElement('span');\n ripple.classList.add(ctx.CssClasses_.MDL_RIPPLE);\n rippleContainer.appendChild(ripple);\n tab.appendChild(rippleContainer);\n }\n tab.addEventListener('click', function (e) {\n e.preventDefault();\n var href = tab.href.split('#')[1];\n var panel = ctx.element_.querySelector('#' + href);\n ctx.resetTabState_();\n ctx.resetPanelState_();\n tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);\n panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);\n });\n }\n}\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialTabs,\n classAsString: 'MaterialTabs',\n cssClass: 'mdl-js-tabs'\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Layout MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialLayout = function MaterialLayout(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialLayout'] = MaterialLayout;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialLayout.prototype.Constant_ = {\n MAX_WIDTH: '(max-width: 1024px)',\n TAB_SCROLL_PIXELS: 100,\n RESIZE_TIMEOUT: 100,\n MENU_ICON: '',\n CHEVRON_LEFT: 'chevron_left',\n CHEVRON_RIGHT: 'chevron_right'\n};\n/**\n * Keycodes, for code readability.\n *\n * @enum {number}\n * @private\n */\nMaterialLayout.prototype.Keycodes_ = {\n ENTER: 13,\n ESCAPE: 27,\n SPACE: 32\n};\n/**\n * Modes.\n *\n * @enum {number}\n * @private\n */\nMaterialLayout.prototype.Mode_ = {\n STANDARD: 0,\n SEAMED: 1,\n WATERFALL: 2,\n SCROLL: 3\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialLayout.prototype.CssClasses_ = {\n CONTAINER: 'mdl-layout__container',\n HEADER: 'mdl-layout__header',\n DRAWER: 'mdl-layout__drawer',\n CONTENT: 'mdl-layout__content',\n DRAWER_BTN: 'mdl-layout__drawer-button',\n ICON: 'material-icons',\n JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_CONTAINER: 'mdl-layout__tab-ripple-container',\n RIPPLE: 'mdl-ripple',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n HEADER_SEAMED: 'mdl-layout__header--seamed',\n HEADER_WATERFALL: 'mdl-layout__header--waterfall',\n HEADER_SCROLL: 'mdl-layout__header--scroll',\n FIXED_HEADER: 'mdl-layout--fixed-header',\n OBFUSCATOR: 'mdl-layout__obfuscator',\n TAB_BAR: 'mdl-layout__tab-bar',\n TAB_CONTAINER: 'mdl-layout__tab-bar-container',\n TAB: 'mdl-layout__tab',\n TAB_BAR_BUTTON: 'mdl-layout__tab-bar-button',\n TAB_BAR_LEFT_BUTTON: 'mdl-layout__tab-bar-left-button',\n TAB_BAR_RIGHT_BUTTON: 'mdl-layout__tab-bar-right-button',\n PANEL: 'mdl-layout__tab-panel',\n HAS_DRAWER: 'has-drawer',\n HAS_TABS: 'has-tabs',\n HAS_SCROLLING_HEADER: 'has-scrolling-header',\n CASTING_SHADOW: 'is-casting-shadow',\n IS_COMPACT: 'is-compact',\n IS_SMALL_SCREEN: 'is-small-screen',\n IS_DRAWER_OPEN: 'is-visible',\n IS_ACTIVE: 'is-active',\n IS_UPGRADED: 'is-upgraded',\n IS_ANIMATING: 'is-animating',\n ON_LARGE_SCREEN: 'mdl-layout--large-screen-only',\n ON_SMALL_SCREEN: 'mdl-layout--small-screen-only'\n};\n/**\n * Handles scrolling on the content.\n *\n * @private\n */\nMaterialLayout.prototype.contentScrollHandler_ = function () {\n if (this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)) {\n return;\n }\n var headerVisible = !this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN) || this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);\n if (this.content_.scrollTop > 0 && !this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {\n this.header_.classList.add(this.CssClasses_.CASTING_SHADOW);\n this.header_.classList.add(this.CssClasses_.IS_COMPACT);\n if (headerVisible) {\n this.header_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n } else if (this.content_.scrollTop <= 0 && this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {\n this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW);\n this.header_.classList.remove(this.CssClasses_.IS_COMPACT);\n if (headerVisible) {\n this.header_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n }\n};\n/**\n * Handles a keyboard event on the drawer.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialLayout.prototype.keyboardEventHandler_ = function (evt) {\n // Only react when the drawer is open.\n if (evt.keyCode === this.Keycodes_.ESCAPE && this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) {\n this.toggleDrawer();\n }\n};\n/**\n * Handles changes in screen size.\n *\n * @private\n */\nMaterialLayout.prototype.screenSizeHandler_ = function () {\n if (this.screenSizeMediaQuery_.matches) {\n this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN);\n // Collapse drawer (if any) when moving to a large screen size.\n if (this.drawer_) {\n this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN);\n this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN);\n }\n }\n};\n/**\n * Handles events of drawer button.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialLayout.prototype.drawerToggleHandler_ = function (evt) {\n if (evt && evt.type === 'keydown') {\n if (evt.keyCode === this.Keycodes_.SPACE || evt.keyCode === this.Keycodes_.ENTER) {\n // prevent scrolling in drawer nav\n evt.preventDefault();\n } else {\n // prevent other keys\n return;\n }\n }\n this.toggleDrawer();\n};\n/**\n * Handles (un)setting the `is-animating` class\n *\n * @private\n */\nMaterialLayout.prototype.headerTransitionEndHandler_ = function () {\n this.header_.classList.remove(this.CssClasses_.IS_ANIMATING);\n};\n/**\n * Handles expanding the header on click\n *\n * @private\n */\nMaterialLayout.prototype.headerClickHandler_ = function () {\n if (this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {\n this.header_.classList.remove(this.CssClasses_.IS_COMPACT);\n this.header_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n};\n/**\n * Reset tab state, dropping active classes\n *\n * @private\n */\nMaterialLayout.prototype.resetTabState_ = function (tabBar) {\n for (var k = 0; k < tabBar.length; k++) {\n tabBar[k].classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n};\n/**\n * Reset panel state, droping active classes\n *\n * @private\n */\nMaterialLayout.prototype.resetPanelState_ = function (panels) {\n for (var j = 0; j < panels.length; j++) {\n panels[j].classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n};\n/**\n * Toggle drawer state\n *\n * @public\n */\nMaterialLayout.prototype.toggleDrawer = function () {\n var drawerButton = this.element_.querySelector('.' + this.CssClasses_.DRAWER_BTN);\n this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN);\n this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN);\n // Set accessibility properties.\n if (this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) {\n this.drawer_.setAttribute('aria-hidden', 'false');\n drawerButton.setAttribute('aria-expanded', 'true');\n } else {\n this.drawer_.setAttribute('aria-hidden', 'true');\n drawerButton.setAttribute('aria-expanded', 'false');\n }\n};\nMaterialLayout.prototype['toggleDrawer'] = MaterialLayout.prototype.toggleDrawer;\n/**\n * Initialize element.\n */\nMaterialLayout.prototype.init = function () {\n if (this.element_) {\n var container = document.createElement('div');\n container.classList.add(this.CssClasses_.CONTAINER);\n var focusedElement = this.element_.querySelector(':focus');\n this.element_.parentElement.insertBefore(container, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n container.appendChild(this.element_);\n if (focusedElement) {\n focusedElement.focus();\n }\n var directChildren = this.element_.childNodes;\n var numChildren = directChildren.length;\n for (var c = 0; c < numChildren; c++) {\n var child = directChildren[c];\n if (child.classList && child.classList.contains(this.CssClasses_.HEADER)) {\n this.header_ = child;\n }\n if (child.classList && child.classList.contains(this.CssClasses_.DRAWER)) {\n this.drawer_ = child;\n }\n if (child.classList && child.classList.contains(this.CssClasses_.CONTENT)) {\n this.content_ = child;\n }\n }\n window.addEventListener('pageshow', function (e) {\n if (e.persisted) {\n // when page is loaded from back/forward cache\n // trigger repaint to let layout scroll in safari\n this.element_.style.overflowY = 'hidden';\n requestAnimationFrame(function () {\n this.element_.style.overflowY = '';\n }.bind(this));\n }\n }.bind(this), false);\n if (this.header_) {\n this.tabBar_ = this.header_.querySelector('.' + this.CssClasses_.TAB_BAR);\n }\n var mode = this.Mode_.STANDARD;\n if (this.header_) {\n if (this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)) {\n mode = this.Mode_.SEAMED;\n } else if (this.header_.classList.contains(this.CssClasses_.HEADER_WATERFALL)) {\n mode = this.Mode_.WATERFALL;\n this.header_.addEventListener('transitionend', this.headerTransitionEndHandler_.bind(this));\n this.header_.addEventListener('click', this.headerClickHandler_.bind(this));\n } else if (this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)) {\n mode = this.Mode_.SCROLL;\n container.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER);\n }\n if (mode === this.Mode_.STANDARD) {\n this.header_.classList.add(this.CssClasses_.CASTING_SHADOW);\n if (this.tabBar_) {\n this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW);\n }\n } else if (mode === this.Mode_.SEAMED || mode === this.Mode_.SCROLL) {\n this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW);\n if (this.tabBar_) {\n this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW);\n }\n } else if (mode === this.Mode_.WATERFALL) {\n // Add and remove shadows depending on scroll position.\n // Also add/remove auxiliary class for styling of the compact version of\n // the header.\n this.content_.addEventListener('scroll', this.contentScrollHandler_.bind(this));\n this.contentScrollHandler_();\n }\n }\n // Add drawer toggling button to our layout, if we have an openable drawer.\n if (this.drawer_) {\n var drawerButton = this.element_.querySelector('.' + this.CssClasses_.DRAWER_BTN);\n if (!drawerButton) {\n drawerButton = document.createElement('div');\n drawerButton.setAttribute('aria-expanded', 'false');\n drawerButton.setAttribute('role', 'button');\n drawerButton.setAttribute('tabindex', '0');\n drawerButton.classList.add(this.CssClasses_.DRAWER_BTN);\n var drawerButtonIcon = document.createElement('i');\n drawerButtonIcon.classList.add(this.CssClasses_.ICON);\n drawerButtonIcon.innerHTML = this.Constant_.MENU_ICON;\n drawerButton.appendChild(drawerButtonIcon);\n }\n if (this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)) {\n //If drawer has ON_LARGE_SCREEN class then add it to the drawer toggle button as well.\n drawerButton.classList.add(this.CssClasses_.ON_LARGE_SCREEN);\n } else if (this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)) {\n //If drawer has ON_SMALL_SCREEN class then add it to the drawer toggle button as well.\n drawerButton.classList.add(this.CssClasses_.ON_SMALL_SCREEN);\n }\n drawerButton.addEventListener('click', this.drawerToggleHandler_.bind(this));\n drawerButton.addEventListener('keydown', this.drawerToggleHandler_.bind(this));\n // Add a class if the layout has a drawer, for altering the left padding.\n // Adds the HAS_DRAWER to the elements since this.header_ may or may\n // not be present.\n this.element_.classList.add(this.CssClasses_.HAS_DRAWER);\n // If we have a fixed header, add the button to the header rather than\n // the layout.\n if (this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)) {\n this.header_.insertBefore(drawerButton, this.header_.firstChild);\n } else {\n this.element_.insertBefore(drawerButton, this.content_);\n }\n var obfuscator = document.createElement('div');\n obfuscator.classList.add(this.CssClasses_.OBFUSCATOR);\n this.element_.appendChild(obfuscator);\n obfuscator.addEventListener('click', this.drawerToggleHandler_.bind(this));\n this.obfuscator_ = obfuscator;\n this.drawer_.addEventListener('keydown', this.keyboardEventHandler_.bind(this));\n this.drawer_.setAttribute('aria-hidden', 'true');\n }\n // Keep an eye on screen size, and add/remove auxiliary class for styling\n // of small screens.\n this.screenSizeMediaQuery_ = window.matchMedia(this.Constant_.MAX_WIDTH);\n this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this));\n this.screenSizeHandler_();\n // Initialize tabs, if any.\n if (this.header_ && this.tabBar_) {\n this.element_.classList.add(this.CssClasses_.HAS_TABS);\n var tabContainer = document.createElement('div');\n tabContainer.classList.add(this.CssClasses_.TAB_CONTAINER);\n this.header_.insertBefore(tabContainer, this.tabBar_);\n this.header_.removeChild(this.tabBar_);\n var leftButton = document.createElement('div');\n leftButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON);\n leftButton.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON);\n var leftButtonIcon = document.createElement('i');\n leftButtonIcon.classList.add(this.CssClasses_.ICON);\n leftButtonIcon.textContent = this.Constant_.CHEVRON_LEFT;\n leftButton.appendChild(leftButtonIcon);\n leftButton.addEventListener('click', function () {\n this.tabBar_.scrollLeft -= this.Constant_.TAB_SCROLL_PIXELS;\n }.bind(this));\n var rightButton = document.createElement('div');\n rightButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON);\n rightButton.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON);\n var rightButtonIcon = document.createElement('i');\n rightButtonIcon.classList.add(this.CssClasses_.ICON);\n rightButtonIcon.textContent = this.Constant_.CHEVRON_RIGHT;\n rightButton.appendChild(rightButtonIcon);\n rightButton.addEventListener('click', function () {\n this.tabBar_.scrollLeft += this.Constant_.TAB_SCROLL_PIXELS;\n }.bind(this));\n tabContainer.appendChild(leftButton);\n tabContainer.appendChild(this.tabBar_);\n tabContainer.appendChild(rightButton);\n // Add and remove tab buttons depending on scroll position and total\n // window size.\n var tabUpdateHandler = function () {\n if (this.tabBar_.scrollLeft > 0) {\n leftButton.classList.add(this.CssClasses_.IS_ACTIVE);\n } else {\n leftButton.classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n if (this.tabBar_.scrollLeft < this.tabBar_.scrollWidth - this.tabBar_.offsetWidth) {\n rightButton.classList.add(this.CssClasses_.IS_ACTIVE);\n } else {\n rightButton.classList.remove(this.CssClasses_.IS_ACTIVE);\n }\n }.bind(this);\n this.tabBar_.addEventListener('scroll', tabUpdateHandler);\n tabUpdateHandler();\n // Update tabs when the window resizes.\n var windowResizeHandler = function () {\n // Use timeouts to make sure it doesn't happen too often.\n if (this.resizeTimeoutId_) {\n clearTimeout(this.resizeTimeoutId_);\n }\n this.resizeTimeoutId_ = setTimeout(function () {\n tabUpdateHandler();\n this.resizeTimeoutId_ = null;\n }.bind(this), this.Constant_.RESIZE_TIMEOUT);\n }.bind(this);\n window.addEventListener('resize', windowResizeHandler);\n if (this.tabBar_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) {\n this.tabBar_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n }\n // Select element tabs, document panels\n var tabs = this.tabBar_.querySelectorAll('.' + this.CssClasses_.TAB);\n var panels = this.content_.querySelectorAll('.' + this.CssClasses_.PANEL);\n // Create new tabs for each tab element\n for (var i = 0; i < tabs.length; i++) {\n new MaterialLayoutTab(tabs[i], tabs, panels, this);\n }\n }\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n/**\n * Constructor for an individual tab.\n *\n * @constructor\n * @param {HTMLElement} tab The HTML element for the tab.\n * @param {!Array} tabs Array with HTML elements for all tabs.\n * @param {!Array} panels Array with HTML elements for all panels.\n * @param {MaterialLayout} layout The MaterialLayout object that owns the tab.\n */\nfunction MaterialLayoutTab(tab, tabs, panels, layout) {\n /**\n * Auxiliary method to programmatically select a tab in the UI.\n */\n function selectTab() {\n var href = tab.href.split('#')[1];\n var panel = layout.content_.querySelector('#' + href);\n layout.resetTabState_(tabs);\n layout.resetPanelState_(panels);\n tab.classList.add(layout.CssClasses_.IS_ACTIVE);\n panel.classList.add(layout.CssClasses_.IS_ACTIVE);\n }\n if (layout.tabBar_.classList.contains(layout.CssClasses_.JS_RIPPLE_EFFECT)) {\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(layout.CssClasses_.RIPPLE_CONTAINER);\n rippleContainer.classList.add(layout.CssClasses_.JS_RIPPLE_EFFECT);\n var ripple = document.createElement('span');\n ripple.classList.add(layout.CssClasses_.RIPPLE);\n rippleContainer.appendChild(ripple);\n tab.appendChild(rippleContainer);\n }\n tab.addEventListener('click', function (e) {\n if (tab.getAttribute('href').charAt(0) === '#') {\n e.preventDefault();\n selectTab();\n }\n });\n tab.show = selectTab;\n}\nwindow['MaterialLayoutTab'] = MaterialLayoutTab;\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialLayout,\n classAsString: 'MaterialLayout',\n cssClass: 'mdl-js-layout'\n});","// Source: https://github.com/darius/requestAnimationFrame/blob/master/requestAnimationFrame.js\n// Adapted from https://gist.github.com/paulirish/1579671 which derived from\n// http://paulirish.com/2011/requestanimationframe-for-smart-animating/\n// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating\n// requestAnimationFrame polyfill by Erik Möller.\n// Fixes from Paul Irish, Tino Zijdel, Andrew Mao, Klemen Slavič, Darius Bacon\n// MIT license\nif (!Date.now) {\n /**\n * Date.now polyfill.\n * @return {number} the current Date\n */\n Date.now = function () {\n return new Date().getTime();\n };\n Date['now'] = Date.now;\n}\nvar vendors = [\n 'webkit',\n 'moz'\n];\nfor (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {\n var vp = vendors[i];\n window.requestAnimationFrame = window[vp + 'RequestAnimationFrame'];\n window.cancelAnimationFrame = window[vp + 'CancelAnimationFrame'] || window[vp + 'CancelRequestAnimationFrame'];\n window['requestAnimationFrame'] = window.requestAnimationFrame;\n window['cancelAnimationFrame'] = window.cancelAnimationFrame;\n}\nif (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) {\n var lastTime = 0;\n /**\n * requestAnimationFrame polyfill.\n * @param {!Function} callback the callback function.\n */\n window.requestAnimationFrame = function (callback) {\n var now = Date.now();\n var nextTime = Math.max(lastTime + 16, now);\n return setTimeout(function () {\n callback(lastTime = nextTime);\n }, nextTime - now);\n };\n window.cancelAnimationFrame = clearTimeout;\n window['requestAnimationFrame'] = window.requestAnimationFrame;\n window['cancelAnimationFrame'] = window.cancelAnimationFrame;\n}","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Button MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialButton = function MaterialButton(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialButton'] = MaterialButton;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialButton.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialButton.prototype.CssClasses_ = {\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_CONTAINER: 'mdl-button__ripple-container',\n RIPPLE: 'mdl-ripple'\n};\n/**\n * Handle blur of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialButton.prototype.blurHandler_ = function (event) {\n if (event) {\n this.element_.blur();\n }\n};\n// Public methods.\n/**\n * Disable button.\n *\n * @public\n */\nMaterialButton.prototype.disable = function () {\n this.element_.disabled = true;\n};\nMaterialButton.prototype['disable'] = MaterialButton.prototype.disable;\n/**\n * Enable button.\n *\n * @public\n */\nMaterialButton.prototype.enable = function () {\n this.element_.disabled = false;\n};\nMaterialButton.prototype['enable'] = MaterialButton.prototype.enable;\n/**\n * Initialize element.\n */\nMaterialButton.prototype.init = function () {\n if (this.element_) {\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleElement_ = document.createElement('span');\n this.rippleElement_.classList.add(this.CssClasses_.RIPPLE);\n rippleContainer.appendChild(this.rippleElement_);\n this.boundRippleBlurHandler = this.blurHandler_.bind(this);\n this.rippleElement_.addEventListener('mouseup', this.boundRippleBlurHandler);\n this.element_.appendChild(rippleContainer);\n }\n this.boundButtonBlurHandler = this.blurHandler_.bind(this);\n this.element_.addEventListener('mouseup', this.boundButtonBlurHandler);\n this.element_.addEventListener('mouseleave', this.boundButtonBlurHandler);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialButton,\n classAsString: 'MaterialButton',\n cssClass: 'mdl-js-button',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Checkbox MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialCheckbox = function MaterialCheckbox(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialCheckbox'] = MaterialCheckbox;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialCheckbox.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialCheckbox.prototype.CssClasses_ = {\n INPUT: 'mdl-checkbox__input',\n BOX_OUTLINE: 'mdl-checkbox__box-outline',\n FOCUS_HELPER: 'mdl-checkbox__focus-helper',\n TICK_OUTLINE: 'mdl-checkbox__tick-outline',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-checkbox__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked',\n IS_UPGRADED: 'is-upgraded'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onChange_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialCheckbox.prototype.onMouseUp_ = function (event) {\n this.blur_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialCheckbox.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialCheckbox.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.inputElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the inputs toggle state and update display.\n *\n * @public\n */\nMaterialCheckbox.prototype.checkToggleState = function () {\n if (this.inputElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialCheckbox.prototype['checkToggleState'] = MaterialCheckbox.prototype.checkToggleState;\n/**\n * Check the inputs disabled state and update display.\n *\n * @public\n */\nMaterialCheckbox.prototype.checkDisabled = function () {\n if (this.inputElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialCheckbox.prototype['checkDisabled'] = MaterialCheckbox.prototype.checkDisabled;\n/**\n * Disable checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.disable = function () {\n this.inputElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['disable'] = MaterialCheckbox.prototype.disable;\n/**\n * Enable checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.enable = function () {\n this.inputElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['enable'] = MaterialCheckbox.prototype.enable;\n/**\n * Check checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.check = function () {\n this.inputElement_.checked = true;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['check'] = MaterialCheckbox.prototype.check;\n/**\n * Uncheck checkbox.\n *\n * @public\n */\nMaterialCheckbox.prototype.uncheck = function () {\n this.inputElement_.checked = false;\n this.updateClasses_();\n};\nMaterialCheckbox.prototype['uncheck'] = MaterialCheckbox.prototype.uncheck;\n/**\n * Initialize element.\n */\nMaterialCheckbox.prototype.init = function () {\n if (this.element_) {\n this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n var boxOutline = document.createElement('span');\n boxOutline.classList.add(this.CssClasses_.BOX_OUTLINE);\n var tickContainer = document.createElement('span');\n tickContainer.classList.add(this.CssClasses_.FOCUS_HELPER);\n var tickOutline = document.createElement('span');\n tickOutline.classList.add(this.CssClasses_.TICK_OUTLINE);\n boxOutline.appendChild(tickOutline);\n this.element_.appendChild(tickContainer);\n this.element_.appendChild(boxOutline);\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n this.rippleContainerElement_ = document.createElement('span');\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);\n this.boundRippleMouseUp = this.onMouseUp_.bind(this);\n this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n this.rippleContainerElement_.appendChild(ripple);\n this.element_.appendChild(this.rippleContainerElement_);\n }\n this.boundInputOnChange = this.onChange_.bind(this);\n this.boundInputOnFocus = this.onFocus_.bind(this);\n this.boundInputOnBlur = this.onBlur_.bind(this);\n this.boundElementMouseUp = this.onMouseUp_.bind(this);\n this.inputElement_.addEventListener('change', this.boundInputOnChange);\n this.inputElement_.addEventListener('focus', this.boundInputOnFocus);\n this.inputElement_.addEventListener('blur', this.boundInputOnBlur);\n this.element_.addEventListener('mouseup', this.boundElementMouseUp);\n this.updateClasses_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialCheckbox,\n classAsString: 'MaterialCheckbox',\n cssClass: 'mdl-js-checkbox',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for icon toggle MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialIconToggle = function MaterialIconToggle(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialIconToggle'] = MaterialIconToggle;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialIconToggle.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialIconToggle.prototype.CssClasses_ = {\n INPUT: 'mdl-icon-toggle__input',\n JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-icon-toggle__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onChange_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialIconToggle.prototype.onMouseUp_ = function (event) {\n this.blur_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialIconToggle.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialIconToggle.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.inputElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the inputs toggle state and update display.\n *\n * @public\n */\nMaterialIconToggle.prototype.checkToggleState = function () {\n if (this.inputElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialIconToggle.prototype['checkToggleState'] = MaterialIconToggle.prototype.checkToggleState;\n/**\n * Check the inputs disabled state and update display.\n *\n * @public\n */\nMaterialIconToggle.prototype.checkDisabled = function () {\n if (this.inputElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialIconToggle.prototype['checkDisabled'] = MaterialIconToggle.prototype.checkDisabled;\n/**\n * Disable icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.disable = function () {\n this.inputElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['disable'] = MaterialIconToggle.prototype.disable;\n/**\n * Enable icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.enable = function () {\n this.inputElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['enable'] = MaterialIconToggle.prototype.enable;\n/**\n * Check icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.check = function () {\n this.inputElement_.checked = true;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['check'] = MaterialIconToggle.prototype.check;\n/**\n * Uncheck icon toggle.\n *\n * @public\n */\nMaterialIconToggle.prototype.uncheck = function () {\n this.inputElement_.checked = false;\n this.updateClasses_();\n};\nMaterialIconToggle.prototype['uncheck'] = MaterialIconToggle.prototype.uncheck;\n/**\n * Initialize element.\n */\nMaterialIconToggle.prototype.init = function () {\n if (this.element_) {\n this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n if (this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n this.rippleContainerElement_ = document.createElement('span');\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);\n this.boundRippleMouseUp = this.onMouseUp_.bind(this);\n this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n this.rippleContainerElement_.appendChild(ripple);\n this.element_.appendChild(this.rippleContainerElement_);\n }\n this.boundInputOnChange = this.onChange_.bind(this);\n this.boundInputOnFocus = this.onFocus_.bind(this);\n this.boundInputOnBlur = this.onBlur_.bind(this);\n this.boundElementOnMouseUp = this.onMouseUp_.bind(this);\n this.inputElement_.addEventListener('change', this.boundInputOnChange);\n this.inputElement_.addEventListener('focus', this.boundInputOnFocus);\n this.inputElement_.addEventListener('blur', this.boundInputOnBlur);\n this.element_.addEventListener('mouseup', this.boundElementOnMouseUp);\n this.updateClasses_();\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialIconToggle,\n classAsString: 'MaterialIconToggle',\n cssClass: 'mdl-js-icon-toggle',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for dropdown MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialMenu = function MaterialMenu(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialMenu'] = MaterialMenu;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialMenu.prototype.Constant_ = {\n // Total duration of the menu animation.\n TRANSITION_DURATION_SECONDS: 0.3,\n // The fraction of the total duration we want to use for menu item animations.\n TRANSITION_DURATION_FRACTION: 0.8,\n // How long the menu stays open after choosing an option (so the user can see\n // the ripple).\n CLOSE_TIMEOUT: 150\n};\n/**\n * Keycodes, for code readability.\n *\n * @enum {number}\n * @private\n */\nMaterialMenu.prototype.Keycodes_ = {\n ENTER: 13,\n ESCAPE: 27,\n SPACE: 32,\n UP_ARROW: 38,\n DOWN_ARROW: 40\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialMenu.prototype.CssClasses_ = {\n CONTAINER: 'mdl-menu__container',\n OUTLINE: 'mdl-menu__outline',\n ITEM: 'mdl-menu__item',\n ITEM_RIPPLE_CONTAINER: 'mdl-menu__item-ripple-container',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE: 'mdl-ripple',\n // Statuses\n IS_UPGRADED: 'is-upgraded',\n IS_VISIBLE: 'is-visible',\n IS_ANIMATING: 'is-animating',\n // Alignment options\n BOTTOM_LEFT: 'mdl-menu--bottom-left',\n // This is the default.\n BOTTOM_RIGHT: 'mdl-menu--bottom-right',\n TOP_LEFT: 'mdl-menu--top-left',\n TOP_RIGHT: 'mdl-menu--top-right',\n UNALIGNED: 'mdl-menu--unaligned'\n};\n/**\n * Initialize element.\n */\nMaterialMenu.prototype.init = function () {\n if (this.element_) {\n // Create container for the menu.\n var container = document.createElement('div');\n container.classList.add(this.CssClasses_.CONTAINER);\n this.element_.parentElement.insertBefore(container, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n container.appendChild(this.element_);\n this.container_ = container;\n // Create outline for the menu (shadow and background).\n var outline = document.createElement('div');\n outline.classList.add(this.CssClasses_.OUTLINE);\n this.outline_ = outline;\n container.insertBefore(outline, this.element_);\n // Find the \"for\" element and bind events to it.\n var forElId = this.element_.getAttribute('for') || this.element_.getAttribute('data-mdl-for');\n var forEl = null;\n if (forElId) {\n forEl = document.getElementById(forElId);\n if (forEl) {\n this.forElement_ = forEl;\n forEl.addEventListener('click', this.handleForClick_.bind(this));\n forEl.addEventListener('keydown', this.handleForKeyboardEvent_.bind(this));\n }\n }\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);\n this.boundItemKeydown_ = this.handleItemKeyboardEvent_.bind(this);\n this.boundItemClick_ = this.handleItemClick_.bind(this);\n for (var i = 0; i < items.length; i++) {\n // Add a listener to each menu item.\n items[i].addEventListener('click', this.boundItemClick_);\n // Add a tab index to each menu item.\n items[i].tabIndex = '-1';\n // Add a keyboard listener to each menu item.\n items[i].addEventListener('keydown', this.boundItemKeydown_);\n }\n // Add ripple classes to each item, if the user has enabled ripples.\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n for (i = 0; i < items.length; i++) {\n var item = items[i];\n var rippleContainer = document.createElement('span');\n rippleContainer.classList.add(this.CssClasses_.ITEM_RIPPLE_CONTAINER);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n rippleContainer.appendChild(ripple);\n item.appendChild(rippleContainer);\n item.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n }\n }\n // Copy alignment classes to the container, so the outline can use them.\n if (this.element_.classList.contains(this.CssClasses_.BOTTOM_LEFT)) {\n this.outline_.classList.add(this.CssClasses_.BOTTOM_LEFT);\n }\n if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) {\n this.outline_.classList.add(this.CssClasses_.BOTTOM_RIGHT);\n }\n if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) {\n this.outline_.classList.add(this.CssClasses_.TOP_LEFT);\n }\n if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n this.outline_.classList.add(this.CssClasses_.TOP_RIGHT);\n }\n if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) {\n this.outline_.classList.add(this.CssClasses_.UNALIGNED);\n }\n container.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n/**\n * Handles a click on the \"for\" element, by positioning the menu and then\n * toggling it.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleForClick_ = function (evt) {\n if (this.element_ && this.forElement_) {\n var rect = this.forElement_.getBoundingClientRect();\n var forRect = this.forElement_.parentElement.getBoundingClientRect();\n if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) {\n } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) {\n // Position below the \"for\" element, aligned to its right.\n this.container_.style.right = forRect.right - rect.right + 'px';\n this.container_.style.top = this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) {\n // Position above the \"for\" element, aligned to its left.\n this.container_.style.left = this.forElement_.offsetLeft + 'px';\n this.container_.style.bottom = forRect.bottom - rect.top + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n // Position above the \"for\" element, aligned to its right.\n this.container_.style.right = forRect.right - rect.right + 'px';\n this.container_.style.bottom = forRect.bottom - rect.top + 'px';\n } else {\n // Default: position below the \"for\" element, aligned to its left.\n this.container_.style.left = this.forElement_.offsetLeft + 'px';\n this.container_.style.top = this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px';\n }\n }\n this.toggle(evt);\n};\n/**\n * Handles a keyboard event on the \"for\" element.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleForKeyboardEvent_ = function (evt) {\n if (this.element_ && this.container_ && this.forElement_) {\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + ':not([disabled])');\n if (items && items.length > 0 && this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) {\n if (evt.keyCode === this.Keycodes_.UP_ARROW) {\n evt.preventDefault();\n items[items.length - 1].focus();\n } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) {\n evt.preventDefault();\n items[0].focus();\n }\n }\n }\n};\n/**\n * Handles a keyboard event on an item.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleItemKeyboardEvent_ = function (evt) {\n if (this.element_ && this.container_) {\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + ':not([disabled])');\n if (items && items.length > 0 && this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) {\n var currentIndex = Array.prototype.slice.call(items).indexOf(evt.target);\n if (evt.keyCode === this.Keycodes_.UP_ARROW) {\n evt.preventDefault();\n if (currentIndex > 0) {\n items[currentIndex - 1].focus();\n } else {\n items[items.length - 1].focus();\n }\n } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) {\n evt.preventDefault();\n if (items.length > currentIndex + 1) {\n items[currentIndex + 1].focus();\n } else {\n items[0].focus();\n }\n } else if (evt.keyCode === this.Keycodes_.SPACE || evt.keyCode === this.Keycodes_.ENTER) {\n evt.preventDefault();\n // Send mousedown and mouseup to trigger ripple.\n var e = new MouseEvent('mousedown');\n evt.target.dispatchEvent(e);\n e = new MouseEvent('mouseup');\n evt.target.dispatchEvent(e);\n // Send click.\n evt.target.click();\n } else if (evt.keyCode === this.Keycodes_.ESCAPE) {\n evt.preventDefault();\n this.hide();\n }\n }\n }\n};\n/**\n * Handles a click event on an item.\n *\n * @param {Event} evt The event that fired.\n * @private\n */\nMaterialMenu.prototype.handleItemClick_ = function (evt) {\n if (evt.target.hasAttribute('disabled')) {\n evt.stopPropagation();\n } else {\n // Wait some time before closing menu, so the user can see the ripple.\n this.closing_ = true;\n window.setTimeout(function (evt) {\n this.hide();\n this.closing_ = false;\n }.bind(this), this.Constant_.CLOSE_TIMEOUT);\n }\n};\n/**\n * Calculates the initial clip (for opening the menu) or final clip (for closing\n * it), and applies it. This allows us to animate from or to the correct point,\n * that is, the point it's aligned to in the \"for\" element.\n *\n * @param {number} height Height of the clip rectangle\n * @param {number} width Width of the clip rectangle\n * @private\n */\nMaterialMenu.prototype.applyClip_ = function (height, width) {\n if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) {\n // Do not clip.\n this.element_.style.clip = '';\n } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) {\n // Clip to the top right corner of the menu.\n this.element_.style.clip = 'rect(0 ' + width + 'px ' + '0 ' + width + 'px)';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) {\n // Clip to the bottom left corner of the menu.\n this.element_.style.clip = 'rect(' + height + 'px 0 ' + height + 'px 0)';\n } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n // Clip to the bottom right corner of the menu.\n this.element_.style.clip = 'rect(' + height + 'px ' + width + 'px ' + height + 'px ' + width + 'px)';\n } else {\n // Default: do not clip (same as clipping to the top left corner).\n this.element_.style.clip = '';\n }\n};\n/**\n * Cleanup function to remove animation listeners.\n *\n * @param {Event} evt\n * @private\n */\nMaterialMenu.prototype.removeAnimationEndListener_ = function (evt) {\n evt.target.classList.remove(MaterialMenu.prototype.CssClasses_.IS_ANIMATING);\n};\n/**\n * Adds an event listener to clean up after the animation ends.\n *\n * @private\n */\nMaterialMenu.prototype.addAnimationEndListener_ = function () {\n this.element_.addEventListener('transitionend', this.removeAnimationEndListener_);\n this.element_.addEventListener('webkitTransitionEnd', this.removeAnimationEndListener_);\n};\n/**\n * Displays the menu.\n *\n * @public\n */\nMaterialMenu.prototype.show = function (evt) {\n if (this.element_ && this.container_ && this.outline_) {\n // Measure the inner element.\n var height = this.element_.getBoundingClientRect().height;\n var width = this.element_.getBoundingClientRect().width;\n // Apply the inner element's size to the container and outline.\n this.container_.style.width = width + 'px';\n this.container_.style.height = height + 'px';\n this.outline_.style.width = width + 'px';\n this.outline_.style.height = height + 'px';\n var transitionDuration = this.Constant_.TRANSITION_DURATION_SECONDS * this.Constant_.TRANSITION_DURATION_FRACTION;\n // Calculate transition delays for individual menu items, so that they fade\n // in one at a time.\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);\n for (var i = 0; i < items.length; i++) {\n var itemDelay = null;\n if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT) || this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) {\n itemDelay = (height - items[i].offsetTop - items[i].offsetHeight) / height * transitionDuration + 's';\n } else {\n itemDelay = items[i].offsetTop / height * transitionDuration + 's';\n }\n items[i].style.transitionDelay = itemDelay;\n }\n // Apply the initial clip to the text before we start animating.\n this.applyClip_(height, width);\n // Wait for the next frame, turn on animation, and apply the final clip.\n // Also make it visible. This triggers the transitions.\n window.requestAnimationFrame(function () {\n this.element_.classList.add(this.CssClasses_.IS_ANIMATING);\n this.element_.style.clip = 'rect(0 ' + width + 'px ' + height + 'px 0)';\n this.container_.classList.add(this.CssClasses_.IS_VISIBLE);\n }.bind(this));\n // Clean up after the animation is complete.\n this.addAnimationEndListener_();\n // Add a click listener to the document, to close the menu.\n var callback = function (e) {\n // Check to see if the document is processing the same event that\n // displayed the menu in the first place. If so, do nothing.\n // Also check to see if the menu is in the process of closing itself, and\n // do nothing in that case.\n // Also check if the clicked element is a menu item\n // if so, do nothing.\n if (e !== evt && !this.closing_ && e.target.parentNode !== this.element_) {\n document.removeEventListener('click', callback);\n this.hide();\n }\n }.bind(this);\n document.addEventListener('click', callback);\n }\n};\nMaterialMenu.prototype['show'] = MaterialMenu.prototype.show;\n/**\n * Hides the menu.\n *\n * @public\n */\nMaterialMenu.prototype.hide = function () {\n if (this.element_ && this.container_ && this.outline_) {\n var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM);\n // Remove all transition delays; menu items fade out concurrently.\n for (var i = 0; i < items.length; i++) {\n items[i].style.removeProperty('transition-delay');\n }\n // Measure the inner element.\n var rect = this.element_.getBoundingClientRect();\n var height = rect.height;\n var width = rect.width;\n // Turn on animation, and apply the final clip. Also make invisible.\n // This triggers the transitions.\n this.element_.classList.add(this.CssClasses_.IS_ANIMATING);\n this.applyClip_(height, width);\n this.container_.classList.remove(this.CssClasses_.IS_VISIBLE);\n // Clean up after the animation is complete.\n this.addAnimationEndListener_();\n }\n};\nMaterialMenu.prototype['hide'] = MaterialMenu.prototype.hide;\n/**\n * Displays or hides the menu, depending on current state.\n *\n * @public\n */\nMaterialMenu.prototype.toggle = function (evt) {\n if (this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) {\n this.hide();\n } else {\n this.show(evt);\n }\n};\nMaterialMenu.prototype['toggle'] = MaterialMenu.prototype.toggle;\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialMenu,\n classAsString: 'MaterialMenu',\n cssClass: 'mdl-js-menu',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Progress MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialProgress = function MaterialProgress(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialProgress'] = MaterialProgress;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialProgress.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialProgress.prototype.CssClasses_ = { INDETERMINATE_CLASS: 'mdl-progress__indeterminate' };\n/**\n * Set the current progress of the progressbar.\n *\n * @param {number} p Percentage of the progress (0-100)\n * @public\n */\nMaterialProgress.prototype.setProgress = function (p) {\n if (this.element_.classList.contains(this.CssClasses_.INDETERMINATE_CLASS)) {\n return;\n }\n this.progressbar_.style.width = p + '%';\n};\nMaterialProgress.prototype['setProgress'] = MaterialProgress.prototype.setProgress;\n/**\n * Set the current progress of the buffer.\n *\n * @param {number} p Percentage of the buffer (0-100)\n * @public\n */\nMaterialProgress.prototype.setBuffer = function (p) {\n this.bufferbar_.style.width = p + '%';\n this.auxbar_.style.width = 100 - p + '%';\n};\nMaterialProgress.prototype['setBuffer'] = MaterialProgress.prototype.setBuffer;\n/**\n * Initialize element.\n */\nMaterialProgress.prototype.init = function () {\n if (this.element_) {\n var el = document.createElement('div');\n el.className = 'progressbar bar bar1';\n this.element_.appendChild(el);\n this.progressbar_ = el;\n el = document.createElement('div');\n el.className = 'bufferbar bar bar2';\n this.element_.appendChild(el);\n this.bufferbar_ = el;\n el = document.createElement('div');\n el.className = 'auxbar bar bar3';\n this.element_.appendChild(el);\n this.auxbar_ = el;\n this.progressbar_.style.width = '0%';\n this.bufferbar_.style.width = '100%';\n this.auxbar_.style.width = '0%';\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialProgress,\n classAsString: 'MaterialProgress',\n cssClass: 'mdl-js-progress',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Radio MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialRadio = function MaterialRadio(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialRadio'] = MaterialRadio;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialRadio.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialRadio.prototype.CssClasses_ = {\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked',\n IS_UPGRADED: 'is-upgraded',\n JS_RADIO: 'mdl-js-radio',\n RADIO_BTN: 'mdl-radio__button',\n RADIO_OUTER_CIRCLE: 'mdl-radio__outer-circle',\n RADIO_INNER_CIRCLE: 'mdl-radio__inner-circle',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-radio__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onChange_ = function (event) {\n // Since other radio buttons don't get change events, we need to look for\n // them to update their classes.\n var radios = document.getElementsByClassName(this.CssClasses_.JS_RADIO);\n for (var i = 0; i < radios.length; i++) {\n var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN);\n // Different name == different group, so no point updating those.\n if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) {\n radios[i]['MaterialRadio'].updateClasses_();\n }\n }\n};\n/**\n * Handle focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRadio.prototype.onMouseup_ = function (event) {\n this.blur_();\n};\n/**\n * Update classes.\n *\n * @private\n */\nMaterialRadio.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialRadio.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.btnElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the components disabled state.\n *\n * @public\n */\nMaterialRadio.prototype.checkDisabled = function () {\n if (this.btnElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialRadio.prototype['checkDisabled'] = MaterialRadio.prototype.checkDisabled;\n/**\n * Check the components toggled state.\n *\n * @public\n */\nMaterialRadio.prototype.checkToggleState = function () {\n if (this.btnElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialRadio.prototype['checkToggleState'] = MaterialRadio.prototype.checkToggleState;\n/**\n * Disable radio.\n *\n * @public\n */\nMaterialRadio.prototype.disable = function () {\n this.btnElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialRadio.prototype['disable'] = MaterialRadio.prototype.disable;\n/**\n * Enable radio.\n *\n * @public\n */\nMaterialRadio.prototype.enable = function () {\n this.btnElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialRadio.prototype['enable'] = MaterialRadio.prototype.enable;\n/**\n * Check radio.\n *\n * @public\n */\nMaterialRadio.prototype.check = function () {\n this.btnElement_.checked = true;\n this.updateClasses_();\n};\nMaterialRadio.prototype['check'] = MaterialRadio.prototype.check;\n/**\n * Uncheck radio.\n *\n * @public\n */\nMaterialRadio.prototype.uncheck = function () {\n this.btnElement_.checked = false;\n this.updateClasses_();\n};\nMaterialRadio.prototype['uncheck'] = MaterialRadio.prototype.uncheck;\n/**\n * Initialize element.\n */\nMaterialRadio.prototype.init = function () {\n if (this.element_) {\n this.btnElement_ = this.element_.querySelector('.' + this.CssClasses_.RADIO_BTN);\n this.boundChangeHandler_ = this.onChange_.bind(this);\n this.boundFocusHandler_ = this.onChange_.bind(this);\n this.boundBlurHandler_ = this.onBlur_.bind(this);\n this.boundMouseUpHandler_ = this.onMouseup_.bind(this);\n var outerCircle = document.createElement('span');\n outerCircle.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE);\n var innerCircle = document.createElement('span');\n innerCircle.classList.add(this.CssClasses_.RADIO_INNER_CIRCLE);\n this.element_.appendChild(outerCircle);\n this.element_.appendChild(innerCircle);\n var rippleContainer;\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n rippleContainer = document.createElement('span');\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n rippleContainer.classList.add(this.CssClasses_.RIPPLE_CENTER);\n rippleContainer.addEventListener('mouseup', this.boundMouseUpHandler_);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n rippleContainer.appendChild(ripple);\n this.element_.appendChild(rippleContainer);\n }\n this.btnElement_.addEventListener('change', this.boundChangeHandler_);\n this.btnElement_.addEventListener('focus', this.boundFocusHandler_);\n this.btnElement_.addEventListener('blur', this.boundBlurHandler_);\n this.element_.addEventListener('mouseup', this.boundMouseUpHandler_);\n this.updateClasses_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialRadio,\n classAsString: 'MaterialRadio',\n cssClass: 'mdl-js-radio',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Slider MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialSlider = function MaterialSlider(element) {\n this.element_ = element;\n // Browser feature detection.\n this.isIE_ = window.navigator.msPointerEnabled;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialSlider'] = MaterialSlider;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSlider.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSlider.prototype.CssClasses_ = {\n IE_CONTAINER: 'mdl-slider__ie-container',\n SLIDER_CONTAINER: 'mdl-slider__container',\n BACKGROUND_FLEX: 'mdl-slider__background-flex',\n BACKGROUND_LOWER: 'mdl-slider__background-lower',\n BACKGROUND_UPPER: 'mdl-slider__background-upper',\n IS_LOWEST_VALUE: 'is-lowest-value',\n IS_UPGRADED: 'is-upgraded'\n};\n/**\n * Handle input on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSlider.prototype.onInput_ = function (event) {\n this.updateValueStyles_();\n};\n/**\n * Handle change on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSlider.prototype.onChange_ = function (event) {\n this.updateValueStyles_();\n};\n/**\n * Handle mouseup on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSlider.prototype.onMouseUp_ = function (event) {\n event.target.blur();\n};\n/**\n * Handle mousedown on container element.\n * This handler is purpose is to not require the use to click\n * exactly on the 2px slider element, as FireFox seems to be very\n * strict about this.\n *\n * @param {Event} event The event that fired.\n * @private\n * @suppress {missingProperties}\n */\nMaterialSlider.prototype.onContainerMouseDown_ = function (event) {\n // If this click is not on the parent element (but rather some child)\n // ignore. It may still bubble up.\n if (event.target !== this.element_.parentElement) {\n return;\n }\n // Discard the original event and create a new event that\n // is on the slider element.\n event.preventDefault();\n var newEvent = new MouseEvent('mousedown', {\n target: event.target,\n buttons: event.buttons,\n clientX: event.clientX,\n clientY: this.element_.getBoundingClientRect().y\n });\n this.element_.dispatchEvent(newEvent);\n};\n/**\n * Handle updating of values.\n *\n * @private\n */\nMaterialSlider.prototype.updateValueStyles_ = function () {\n // Calculate and apply percentages to div structure behind slider.\n var fraction = (this.element_.value - this.element_.min) / (this.element_.max - this.element_.min);\n if (fraction === 0) {\n this.element_.classList.add(this.CssClasses_.IS_LOWEST_VALUE);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_LOWEST_VALUE);\n }\n if (!this.isIE_) {\n this.backgroundLower_.style.flex = fraction;\n this.backgroundLower_.style.webkitFlex = fraction;\n this.backgroundUpper_.style.flex = 1 - fraction;\n this.backgroundUpper_.style.webkitFlex = 1 - fraction;\n }\n};\n// Public methods.\n/**\n * Disable slider.\n *\n * @public\n */\nMaterialSlider.prototype.disable = function () {\n this.element_.disabled = true;\n};\nMaterialSlider.prototype['disable'] = MaterialSlider.prototype.disable;\n/**\n * Enable slider.\n *\n * @public\n */\nMaterialSlider.prototype.enable = function () {\n this.element_.disabled = false;\n};\nMaterialSlider.prototype['enable'] = MaterialSlider.prototype.enable;\n/**\n * Update slider value.\n *\n * @param {number} value The value to which to set the control (optional).\n * @public\n */\nMaterialSlider.prototype.change = function (value) {\n if (typeof value !== 'undefined') {\n this.element_.value = value;\n }\n this.updateValueStyles_();\n};\nMaterialSlider.prototype['change'] = MaterialSlider.prototype.change;\n/**\n * Initialize element.\n */\nMaterialSlider.prototype.init = function () {\n if (this.element_) {\n if (this.isIE_) {\n // Since we need to specify a very large height in IE due to\n // implementation limitations, we add a parent here that trims it down to\n // a reasonable size.\n var containerIE = document.createElement('div');\n containerIE.classList.add(this.CssClasses_.IE_CONTAINER);\n this.element_.parentElement.insertBefore(containerIE, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n containerIE.appendChild(this.element_);\n } else {\n // For non-IE browsers, we need a div structure that sits behind the\n // slider and allows us to style the left and right sides of it with\n // different colors.\n var container = document.createElement('div');\n container.classList.add(this.CssClasses_.SLIDER_CONTAINER);\n this.element_.parentElement.insertBefore(container, this.element_);\n this.element_.parentElement.removeChild(this.element_);\n container.appendChild(this.element_);\n var backgroundFlex = document.createElement('div');\n backgroundFlex.classList.add(this.CssClasses_.BACKGROUND_FLEX);\n container.appendChild(backgroundFlex);\n this.backgroundLower_ = document.createElement('div');\n this.backgroundLower_.classList.add(this.CssClasses_.BACKGROUND_LOWER);\n backgroundFlex.appendChild(this.backgroundLower_);\n this.backgroundUpper_ = document.createElement('div');\n this.backgroundUpper_.classList.add(this.CssClasses_.BACKGROUND_UPPER);\n backgroundFlex.appendChild(this.backgroundUpper_);\n }\n this.boundInputHandler = this.onInput_.bind(this);\n this.boundChangeHandler = this.onChange_.bind(this);\n this.boundMouseUpHandler = this.onMouseUp_.bind(this);\n this.boundContainerMouseDownHandler = this.onContainerMouseDown_.bind(this);\n this.element_.addEventListener('input', this.boundInputHandler);\n this.element_.addEventListener('change', this.boundChangeHandler);\n this.element_.addEventListener('mouseup', this.boundMouseUpHandler);\n this.element_.parentElement.addEventListener('mousedown', this.boundContainerMouseDownHandler);\n this.updateValueStyles_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSlider,\n classAsString: 'MaterialSlider',\n cssClass: 'mdl-js-slider',\n widget: true\n});","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Snackbar MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialSnackbar = function MaterialSnackbar(element) {\n this.element_ = element;\n this.textElement_ = this.element_.querySelector('.' + this.cssClasses_.MESSAGE);\n this.actionElement_ = this.element_.querySelector('.' + this.cssClasses_.ACTION);\n if (!this.textElement_) {\n throw new Error('There must be a message element for a snackbar.');\n }\n if (!this.actionElement_) {\n throw new Error('There must be an action element for a snackbar.');\n }\n this.active = false;\n this.actionHandler_ = undefined;\n this.message_ = undefined;\n this.actionText_ = undefined;\n this.queuedNotifications_ = [];\n this.setActionHidden_(true);\n};\nwindow['MaterialSnackbar'] = MaterialSnackbar;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSnackbar.prototype.Constant_ = {\n // The duration of the snackbar show/hide animation, in ms.\n ANIMATION_LENGTH: 250\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSnackbar.prototype.cssClasses_ = {\n SNACKBAR: 'mdl-snackbar',\n MESSAGE: 'mdl-snackbar__text',\n ACTION: 'mdl-snackbar__action',\n ACTIVE: 'mdl-snackbar--active'\n};\n/**\n * Display the snackbar.\n *\n * @private\n */\nMaterialSnackbar.prototype.displaySnackbar_ = function () {\n this.element_.setAttribute('aria-hidden', 'true');\n if (this.actionHandler_) {\n this.actionElement_.textContent = this.actionText_;\n this.actionElement_.addEventListener('click', this.actionHandler_);\n this.setActionHidden_(false);\n }\n this.textElement_.textContent = this.message_;\n this.element_.classList.add(this.cssClasses_.ACTIVE);\n this.element_.setAttribute('aria-hidden', 'false');\n setTimeout(this.cleanup_.bind(this), this.timeout_);\n};\n/**\n * Show the snackbar.\n *\n * @param {Object} data The data for the notification.\n * @public\n */\nMaterialSnackbar.prototype.showSnackbar = function (data) {\n if (data === undefined) {\n throw new Error('Please provide a data object with at least a message to display.');\n }\n if (data['message'] === undefined) {\n throw new Error('Please provide a message to be displayed.');\n }\n if (data['actionHandler'] && !data['actionText']) {\n throw new Error('Please provide action text with the handler.');\n }\n if (this.active) {\n this.queuedNotifications_.push(data);\n } else {\n this.active = true;\n this.message_ = data['message'];\n if (data['timeout']) {\n this.timeout_ = data['timeout'];\n } else {\n this.timeout_ = 2750;\n }\n if (data['actionHandler']) {\n this.actionHandler_ = data['actionHandler'];\n }\n if (data['actionText']) {\n this.actionText_ = data['actionText'];\n }\n this.displaySnackbar_();\n }\n};\nMaterialSnackbar.prototype['showSnackbar'] = MaterialSnackbar.prototype.showSnackbar;\n/**\n * Check if the queue has items within it.\n * If it does, display the next entry.\n *\n * @private\n */\nMaterialSnackbar.prototype.checkQueue_ = function () {\n if (this.queuedNotifications_.length > 0) {\n this.showSnackbar(this.queuedNotifications_.shift());\n }\n};\n/**\n * Cleanup the snackbar event listeners and accessiblity attributes.\n *\n * @private\n */\nMaterialSnackbar.prototype.cleanup_ = function () {\n this.element_.classList.remove(this.cssClasses_.ACTIVE);\n setTimeout(function () {\n this.element_.setAttribute('aria-hidden', 'true');\n this.textElement_.textContent = '';\n if (!Boolean(this.actionElement_.getAttribute('aria-hidden'))) {\n this.setActionHidden_(true);\n this.actionElement_.textContent = '';\n this.actionElement_.removeEventListener('click', this.actionHandler_);\n }\n this.actionHandler_ = undefined;\n this.message_ = undefined;\n this.actionText_ = undefined;\n this.active = false;\n this.checkQueue_();\n }.bind(this), this.Constant_.ANIMATION_LENGTH);\n};\n/**\n * Set the action handler hidden state.\n *\n * @param {boolean} value\n * @private\n */\nMaterialSnackbar.prototype.setActionHidden_ = function (value) {\n if (value) {\n this.actionElement_.setAttribute('aria-hidden', 'true');\n } else {\n this.actionElement_.removeAttribute('aria-hidden');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSnackbar,\n classAsString: 'MaterialSnackbar',\n cssClass: 'mdl-js-snackbar',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Spinner MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @param {HTMLElement} element The element that will be upgraded.\n * @constructor\n */\nvar MaterialSpinner = function MaterialSpinner(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialSpinner'] = MaterialSpinner;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSpinner.prototype.Constant_ = { MDL_SPINNER_LAYER_COUNT: 4 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSpinner.prototype.CssClasses_ = {\n MDL_SPINNER_LAYER: 'mdl-spinner__layer',\n MDL_SPINNER_CIRCLE_CLIPPER: 'mdl-spinner__circle-clipper',\n MDL_SPINNER_CIRCLE: 'mdl-spinner__circle',\n MDL_SPINNER_GAP_PATCH: 'mdl-spinner__gap-patch',\n MDL_SPINNER_LEFT: 'mdl-spinner__left',\n MDL_SPINNER_RIGHT: 'mdl-spinner__right'\n};\n/**\n * Auxiliary method to create a spinner layer.\n *\n * @param {number} index Index of the layer to be created.\n * @public\n */\nMaterialSpinner.prototype.createLayer = function (index) {\n var layer = document.createElement('div');\n layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER);\n layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER + '-' + index);\n var leftClipper = document.createElement('div');\n leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER);\n leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_LEFT);\n var gapPatch = document.createElement('div');\n gapPatch.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH);\n var rightClipper = document.createElement('div');\n rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER);\n rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_RIGHT);\n var circleOwners = [\n leftClipper,\n gapPatch,\n rightClipper\n ];\n for (var i = 0; i < circleOwners.length; i++) {\n var circle = document.createElement('div');\n circle.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE);\n circleOwners[i].appendChild(circle);\n }\n layer.appendChild(leftClipper);\n layer.appendChild(gapPatch);\n layer.appendChild(rightClipper);\n this.element_.appendChild(layer);\n};\nMaterialSpinner.prototype['createLayer'] = MaterialSpinner.prototype.createLayer;\n/**\n * Stops the spinner animation.\n * Public method for users who need to stop the spinner for any reason.\n *\n * @public\n */\nMaterialSpinner.prototype.stop = function () {\n this.element_.classList.remove('is-active');\n};\nMaterialSpinner.prototype['stop'] = MaterialSpinner.prototype.stop;\n/**\n * Starts the spinner animation.\n * Public method for users who need to manually start the spinner for any reason\n * (instead of just adding the 'is-active' class to their markup).\n *\n * @public\n */\nMaterialSpinner.prototype.start = function () {\n this.element_.classList.add('is-active');\n};\nMaterialSpinner.prototype['start'] = MaterialSpinner.prototype.start;\n/**\n * Initialize element.\n */\nMaterialSpinner.prototype.init = function () {\n if (this.element_) {\n for (var i = 1; i <= this.Constant_.MDL_SPINNER_LAYER_COUNT; i++) {\n this.createLayer(i);\n }\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSpinner,\n classAsString: 'MaterialSpinner',\n cssClass: 'mdl-js-spinner',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Checkbox MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialSwitch = function MaterialSwitch(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialSwitch'] = MaterialSwitch;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialSwitch.prototype.Constant_ = { TINY_TIMEOUT: 0.001 };\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialSwitch.prototype.CssClasses_ = {\n INPUT: 'mdl-switch__input',\n TRACK: 'mdl-switch__track',\n THUMB: 'mdl-switch__thumb',\n FOCUS_HELPER: 'mdl-switch__focus-helper',\n RIPPLE_EFFECT: 'mdl-js-ripple-effect',\n RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE_CONTAINER: 'mdl-switch__ripple-container',\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE: 'mdl-ripple',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_CHECKED: 'is-checked'\n};\n/**\n * Handle change of state.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onChange_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus of element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle mouseup.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialSwitch.prototype.onMouseUp_ = function (event) {\n this.blur_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialSwitch.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkToggleState();\n};\n/**\n * Add blur.\n *\n * @private\n */\nMaterialSwitch.prototype.blur_ = function () {\n // TODO: figure out why there's a focus event being fired after our blur,\n // so that we can avoid this hack.\n window.setTimeout(function () {\n this.inputElement_.blur();\n }.bind(this), this.Constant_.TINY_TIMEOUT);\n};\n// Public methods.\n/**\n * Check the components disabled state.\n *\n * @public\n */\nMaterialSwitch.prototype.checkDisabled = function () {\n if (this.inputElement_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialSwitch.prototype['checkDisabled'] = MaterialSwitch.prototype.checkDisabled;\n/**\n * Check the components toggled state.\n *\n * @public\n */\nMaterialSwitch.prototype.checkToggleState = function () {\n if (this.inputElement_.checked) {\n this.element_.classList.add(this.CssClasses_.IS_CHECKED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_CHECKED);\n }\n};\nMaterialSwitch.prototype['checkToggleState'] = MaterialSwitch.prototype.checkToggleState;\n/**\n * Disable switch.\n *\n * @public\n */\nMaterialSwitch.prototype.disable = function () {\n this.inputElement_.disabled = true;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['disable'] = MaterialSwitch.prototype.disable;\n/**\n * Enable switch.\n *\n * @public\n */\nMaterialSwitch.prototype.enable = function () {\n this.inputElement_.disabled = false;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['enable'] = MaterialSwitch.prototype.enable;\n/**\n * Activate switch.\n *\n * @public\n */\nMaterialSwitch.prototype.on = function () {\n this.inputElement_.checked = true;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['on'] = MaterialSwitch.prototype.on;\n/**\n * Deactivate switch.\n *\n * @public\n */\nMaterialSwitch.prototype.off = function () {\n this.inputElement_.checked = false;\n this.updateClasses_();\n};\nMaterialSwitch.prototype['off'] = MaterialSwitch.prototype.off;\n/**\n * Initialize element.\n */\nMaterialSwitch.prototype.init = function () {\n if (this.element_) {\n this.inputElement_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n var track = document.createElement('div');\n track.classList.add(this.CssClasses_.TRACK);\n var thumb = document.createElement('div');\n thumb.classList.add(this.CssClasses_.THUMB);\n var focusHelper = document.createElement('span');\n focusHelper.classList.add(this.CssClasses_.FOCUS_HELPER);\n thumb.appendChild(focusHelper);\n this.element_.appendChild(track);\n this.element_.appendChild(thumb);\n this.boundMouseUpHandler = this.onMouseUp_.bind(this);\n if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {\n this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);\n this.rippleContainerElement_ = document.createElement('span');\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT);\n this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);\n this.rippleContainerElement_.addEventListener('mouseup', this.boundMouseUpHandler);\n var ripple = document.createElement('span');\n ripple.classList.add(this.CssClasses_.RIPPLE);\n this.rippleContainerElement_.appendChild(ripple);\n this.element_.appendChild(this.rippleContainerElement_);\n }\n this.boundChangeHandler = this.onChange_.bind(this);\n this.boundFocusHandler = this.onFocus_.bind(this);\n this.boundBlurHandler = this.onBlur_.bind(this);\n this.inputElement_.addEventListener('change', this.boundChangeHandler);\n this.inputElement_.addEventListener('focus', this.boundFocusHandler);\n this.inputElement_.addEventListener('blur', this.boundBlurHandler);\n this.element_.addEventListener('mouseup', this.boundMouseUpHandler);\n this.updateClasses_();\n this.element_.classList.add('is-upgraded');\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialSwitch,\n classAsString: 'MaterialSwitch',\n cssClass: 'mdl-js-switch',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Textfield MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialTextfield = function MaterialTextfield(element) {\n this.element_ = element;\n this.maxRows = this.Constant_.NO_MAX_ROWS;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialTextfield'] = MaterialTextfield;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialTextfield.prototype.Constant_ = {\n NO_MAX_ROWS: -1,\n MAX_ROWS_ATTRIBUTE: 'maxrows'\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialTextfield.prototype.CssClasses_ = {\n LABEL: 'mdl-textfield__label',\n INPUT: 'mdl-textfield__input',\n IS_DIRTY: 'is-dirty',\n IS_FOCUSED: 'is-focused',\n IS_DISABLED: 'is-disabled',\n IS_INVALID: 'is-invalid',\n IS_UPGRADED: 'is-upgraded',\n HAS_PLACEHOLDER: 'has-placeholder'\n};\n/**\n * Handle input being entered.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onKeyDown_ = function (event) {\n var currentRowCount = event.target.value.split('\\n').length;\n if (event.keyCode === 13) {\n if (currentRowCount >= this.maxRows) {\n event.preventDefault();\n }\n }\n};\n/**\n * Handle focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onFocus_ = function (event) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle lost focus.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onBlur_ = function (event) {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n};\n/**\n * Handle reset event from out side.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTextfield.prototype.onReset_ = function (event) {\n this.updateClasses_();\n};\n/**\n * Handle class updates.\n *\n * @private\n */\nMaterialTextfield.prototype.updateClasses_ = function () {\n this.checkDisabled();\n this.checkValidity();\n this.checkDirty();\n this.checkFocus();\n};\n// Public methods.\n/**\n * Check the disabled state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkDisabled = function () {\n if (this.input_.disabled) {\n this.element_.classList.add(this.CssClasses_.IS_DISABLED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DISABLED);\n }\n};\nMaterialTextfield.prototype['checkDisabled'] = MaterialTextfield.prototype.checkDisabled;\n/**\n * Check the focus state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkFocus = function () {\n if (Boolean(this.element_.querySelector(':focus'))) {\n this.element_.classList.add(this.CssClasses_.IS_FOCUSED);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);\n }\n};\nMaterialTextfield.prototype['checkFocus'] = MaterialTextfield.prototype.checkFocus;\n/**\n * Check the validity state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkValidity = function () {\n if (this.input_.validity) {\n if (this.input_.validity.valid) {\n this.element_.classList.remove(this.CssClasses_.IS_INVALID);\n } else {\n this.element_.classList.add(this.CssClasses_.IS_INVALID);\n }\n }\n};\nMaterialTextfield.prototype['checkValidity'] = MaterialTextfield.prototype.checkValidity;\n/**\n * Check the dirty state and update field accordingly.\n *\n * @public\n */\nMaterialTextfield.prototype.checkDirty = function () {\n if (this.input_.value && this.input_.value.length > 0) {\n this.element_.classList.add(this.CssClasses_.IS_DIRTY);\n } else {\n this.element_.classList.remove(this.CssClasses_.IS_DIRTY);\n }\n};\nMaterialTextfield.prototype['checkDirty'] = MaterialTextfield.prototype.checkDirty;\n/**\n * Disable text field.\n *\n * @public\n */\nMaterialTextfield.prototype.disable = function () {\n this.input_.disabled = true;\n this.updateClasses_();\n};\nMaterialTextfield.prototype['disable'] = MaterialTextfield.prototype.disable;\n/**\n * Enable text field.\n *\n * @public\n */\nMaterialTextfield.prototype.enable = function () {\n this.input_.disabled = false;\n this.updateClasses_();\n};\nMaterialTextfield.prototype['enable'] = MaterialTextfield.prototype.enable;\n/**\n * Update text field value.\n *\n * @param {string} value The value to which to set the control (optional).\n * @public\n */\nMaterialTextfield.prototype.change = function (value) {\n this.input_.value = value || '';\n this.updateClasses_();\n};\nMaterialTextfield.prototype['change'] = MaterialTextfield.prototype.change;\n/**\n * Initialize element.\n */\nMaterialTextfield.prototype.init = function () {\n if (this.element_) {\n this.label_ = this.element_.querySelector('.' + this.CssClasses_.LABEL);\n this.input_ = this.element_.querySelector('.' + this.CssClasses_.INPUT);\n if (this.input_) {\n if (this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)) {\n this.maxRows = parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE), 10);\n if (isNaN(this.maxRows)) {\n this.maxRows = this.Constant_.NO_MAX_ROWS;\n }\n }\n if (this.input_.hasAttribute('placeholder')) {\n this.element_.classList.add(this.CssClasses_.HAS_PLACEHOLDER);\n }\n this.boundUpdateClassesHandler = this.updateClasses_.bind(this);\n this.boundFocusHandler = this.onFocus_.bind(this);\n this.boundBlurHandler = this.onBlur_.bind(this);\n this.boundResetHandler = this.onReset_.bind(this);\n this.input_.addEventListener('input', this.boundUpdateClassesHandler);\n this.input_.addEventListener('focus', this.boundFocusHandler);\n this.input_.addEventListener('blur', this.boundBlurHandler);\n this.input_.addEventListener('reset', this.boundResetHandler);\n if (this.maxRows !== this.Constant_.NO_MAX_ROWS) {\n // TODO: This should handle pasting multi line text.\n // Currently doesn't.\n this.boundKeyDownHandler = this.onKeyDown_.bind(this);\n this.input_.addEventListener('keydown', this.boundKeyDownHandler);\n }\n var invalid = this.element_.classList.contains(this.CssClasses_.IS_INVALID);\n this.updateClasses_();\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n if (invalid) {\n this.element_.classList.add(this.CssClasses_.IS_INVALID);\n }\n if (this.input_.hasAttribute('autofocus')) {\n this.element_.focus();\n this.checkFocus();\n }\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialTextfield,\n classAsString: 'MaterialTextfield',\n cssClass: 'mdl-js-textfield',\n widget: true\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Tooltip MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialTooltip = function MaterialTooltip(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialTooltip'] = MaterialTooltip;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialTooltip.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialTooltip.prototype.CssClasses_ = {\n IS_ACTIVE: 'is-active',\n BOTTOM: 'mdl-tooltip--bottom',\n LEFT: 'mdl-tooltip--left',\n RIGHT: 'mdl-tooltip--right',\n TOP: 'mdl-tooltip--top'\n};\n/**\n * Handle mouseenter for tooltip.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialTooltip.prototype.handleMouseEnter_ = function (event) {\n var props = event.target.getBoundingClientRect();\n var left = props.left + props.width / 2;\n var top = props.top + props.height / 2;\n var marginLeft = -1 * (this.element_.offsetWidth / 2);\n var marginTop = -1 * (this.element_.offsetHeight / 2);\n if (this.element_.classList.contains(this.CssClasses_.LEFT) || this.element_.classList.contains(this.CssClasses_.RIGHT)) {\n left = props.width / 2;\n if (top + marginTop < 0) {\n this.element_.style.top = 0;\n this.element_.style.marginTop = 0;\n } else {\n this.element_.style.top = top + 'px';\n this.element_.style.marginTop = marginTop + 'px';\n }\n } else {\n if (left + marginLeft < 0) {\n this.element_.style.left = 0;\n this.element_.style.marginLeft = 0;\n } else {\n this.element_.style.left = left + 'px';\n this.element_.style.marginLeft = marginLeft + 'px';\n }\n }\n if (this.element_.classList.contains(this.CssClasses_.TOP)) {\n this.element_.style.top = props.top - this.element_.offsetHeight - 10 + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.RIGHT)) {\n this.element_.style.left = props.left + props.width + 10 + 'px';\n } else if (this.element_.classList.contains(this.CssClasses_.LEFT)) {\n this.element_.style.left = props.left - this.element_.offsetWidth - 10 + 'px';\n } else {\n this.element_.style.top = props.top + props.height + 10 + 'px';\n }\n this.element_.classList.add(this.CssClasses_.IS_ACTIVE);\n};\n/**\n * Handle mouseleave for tooltip.\n *\n * @private\n */\nMaterialTooltip.prototype.handleMouseLeave_ = function () {\n this.element_.classList.remove(this.CssClasses_.IS_ACTIVE);\n};\n/**\n * Initialize element.\n */\nMaterialTooltip.prototype.init = function () {\n if (this.element_) {\n var forElId = this.element_.getAttribute('for');\n if (forElId) {\n this.forElement_ = document.getElementById(forElId);\n }\n if (this.forElement_) {\n // It's left here because it prevents accidental text selection on Android\n if (!this.forElement_.hasAttribute('tabindex')) {\n this.forElement_.setAttribute('tabindex', '0');\n }\n this.boundMouseEnterHandler = this.handleMouseEnter_.bind(this);\n this.boundMouseLeaveHandler = this.handleMouseLeave_.bind(this);\n this.forElement_.addEventListener('mouseenter', this.boundMouseEnterHandler, false);\n this.forElement_.addEventListener('touchend', this.boundMouseEnterHandler, false);\n this.forElement_.addEventListener('mouseleave', this.boundMouseLeaveHandler, false);\n window.addEventListener('touchstart', this.boundMouseLeaveHandler);\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialTooltip,\n classAsString: 'MaterialTooltip',\n cssClass: 'mdl-tooltip'\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Data Table Card MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {Element} element The element that will be upgraded.\n */\nvar MaterialDataTable = function MaterialDataTable(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialDataTable'] = MaterialDataTable;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialDataTable.prototype.Constant_ = {};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialDataTable.prototype.CssClasses_ = {\n DATA_TABLE: 'mdl-data-table',\n SELECTABLE: 'mdl-data-table--selectable',\n SELECT_ELEMENT: 'mdl-data-table__select',\n IS_SELECTED: 'is-selected',\n IS_UPGRADED: 'is-upgraded'\n};\n/**\n * Generates and returns a function that toggles the selection state of a\n * single row (or multiple rows).\n *\n * @param {Element} checkbox Checkbox that toggles the selection state.\n * @param {Element} row Row to toggle when checkbox changes.\n * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes.\n * @private\n */\nMaterialDataTable.prototype.selectRow_ = function (checkbox, row, opt_rows) {\n if (row) {\n return function () {\n if (checkbox.checked) {\n row.classList.add(this.CssClasses_.IS_SELECTED);\n } else {\n row.classList.remove(this.CssClasses_.IS_SELECTED);\n }\n }.bind(this);\n }\n if (opt_rows) {\n return function () {\n var i;\n var el;\n if (checkbox.checked) {\n for (i = 0; i < opt_rows.length; i++) {\n el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox');\n el['MaterialCheckbox'].check();\n opt_rows[i].classList.add(this.CssClasses_.IS_SELECTED);\n }\n } else {\n for (i = 0; i < opt_rows.length; i++) {\n el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox');\n el['MaterialCheckbox'].uncheck();\n opt_rows[i].classList.remove(this.CssClasses_.IS_SELECTED);\n }\n }\n }.bind(this);\n }\n};\n/**\n * Creates a checkbox for a single or or multiple rows and hooks up the\n * event handling.\n *\n * @param {Element} row Row to toggle when checkbox changes.\n * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes.\n * @private\n */\nMaterialDataTable.prototype.createCheckbox_ = function (row, opt_rows) {\n var label = document.createElement('label');\n var labelClasses = [\n 'mdl-checkbox',\n 'mdl-js-checkbox',\n 'mdl-js-ripple-effect',\n this.CssClasses_.SELECT_ELEMENT\n ];\n label.className = labelClasses.join(' ');\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.classList.add('mdl-checkbox__input');\n if (row) {\n checkbox.checked = row.classList.contains(this.CssClasses_.IS_SELECTED);\n checkbox.addEventListener('change', this.selectRow_(checkbox, row));\n } else if (opt_rows) {\n checkbox.addEventListener('change', this.selectRow_(checkbox, null, opt_rows));\n }\n label.appendChild(checkbox);\n componentHandler.upgradeElement(label, 'MaterialCheckbox');\n return label;\n};\n/**\n * Initialize element.\n */\nMaterialDataTable.prototype.init = function () {\n if (this.element_) {\n var firstHeader = this.element_.querySelector('th');\n var bodyRows = Array.prototype.slice.call(this.element_.querySelectorAll('tbody tr'));\n var footRows = Array.prototype.slice.call(this.element_.querySelectorAll('tfoot tr'));\n var rows = bodyRows.concat(footRows);\n if (this.element_.classList.contains(this.CssClasses_.SELECTABLE)) {\n var th = document.createElement('th');\n var headerCheckbox = this.createCheckbox_(null, rows);\n th.appendChild(headerCheckbox);\n firstHeader.parentElement.insertBefore(th, firstHeader);\n for (var i = 0; i < rows.length; i++) {\n var firstCell = rows[i].querySelector('td');\n if (firstCell) {\n var td = document.createElement('td');\n if (rows[i].parentNode.nodeName.toUpperCase() === 'TBODY') {\n var rowCheckbox = this.createCheckbox_(rows[i]);\n td.appendChild(rowCheckbox);\n }\n rows[i].insertBefore(td, firstCell);\n }\n }\n this.element_.classList.add(this.CssClasses_.IS_UPGRADED);\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialDataTable,\n classAsString: 'MaterialDataTable',\n cssClass: 'mdl-js-data-table'\n});","/**\n * @license\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Class constructor for Ripple MDL component.\n * Implements MDL component design pattern defined at:\n * https://github.com/jasonmayes/mdl-component-design-pattern\n *\n * @constructor\n * @param {HTMLElement} element The element that will be upgraded.\n */\nvar MaterialRipple = function MaterialRipple(element) {\n this.element_ = element;\n // Initialize instance.\n this.init();\n};\nwindow['MaterialRipple'] = MaterialRipple;\n/**\n * Store constants in one place so they can be updated easily.\n *\n * @enum {string | number}\n * @private\n */\nMaterialRipple.prototype.Constant_ = {\n INITIAL_SCALE: 'scale(0.0001, 0.0001)',\n INITIAL_SIZE: '1px',\n INITIAL_OPACITY: '0.4',\n FINAL_OPACITY: '0',\n FINAL_SCALE: ''\n};\n/**\n * Store strings for class names defined by this component that are used in\n * JavaScript. This allows us to simply change it in one place should we\n * decide to modify at a later date.\n *\n * @enum {string}\n * @private\n */\nMaterialRipple.prototype.CssClasses_ = {\n RIPPLE_CENTER: 'mdl-ripple--center',\n RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',\n RIPPLE: 'mdl-ripple',\n IS_ANIMATING: 'is-animating',\n IS_VISIBLE: 'is-visible'\n};\n/**\n * Handle mouse / finger down on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRipple.prototype.downHandler_ = function (event) {\n if (!this.rippleElement_.style.width && !this.rippleElement_.style.height) {\n var rect = this.element_.getBoundingClientRect();\n this.boundHeight = rect.height;\n this.boundWidth = rect.width;\n this.rippleSize_ = Math.sqrt(rect.width * rect.width + rect.height * rect.height) * 2 + 2;\n this.rippleElement_.style.width = this.rippleSize_ + 'px';\n this.rippleElement_.style.height = this.rippleSize_ + 'px';\n }\n this.rippleElement_.classList.add(this.CssClasses_.IS_VISIBLE);\n if (event.type === 'mousedown' && this.ignoringMouseDown_) {\n this.ignoringMouseDown_ = false;\n } else {\n if (event.type === 'touchstart') {\n this.ignoringMouseDown_ = true;\n }\n var frameCount = this.getFrameCount();\n if (frameCount > 0) {\n return;\n }\n this.setFrameCount(1);\n var bound = event.currentTarget.getBoundingClientRect();\n var x;\n var y;\n // Check if we are handling a keyboard click.\n if (event.clientX === 0 && event.clientY === 0) {\n x = Math.round(bound.width / 2);\n y = Math.round(bound.height / 2);\n } else {\n var clientX = event.clientX ? event.clientX : event.touches[0].clientX;\n var clientY = event.clientY ? event.clientY : event.touches[0].clientY;\n x = Math.round(clientX - bound.left);\n y = Math.round(clientY - bound.top);\n }\n this.setRippleXY(x, y);\n this.setRippleStyles(true);\n window.requestAnimationFrame(this.animFrameHandler.bind(this));\n }\n};\n/**\n * Handle mouse / finger up on element.\n *\n * @param {Event} event The event that fired.\n * @private\n */\nMaterialRipple.prototype.upHandler_ = function (event) {\n // Don't fire for the artificial \"mouseup\" generated by a double-click.\n if (event && event.detail !== 2) {\n // Allow a repaint to occur before removing this class, so the animation\n // shows for tap events, which seem to trigger a mouseup too soon after\n // mousedown.\n window.setTimeout(function () {\n this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE);\n }.bind(this), 0);\n }\n};\n/**\n * Initialize element.\n */\nMaterialRipple.prototype.init = function () {\n if (this.element_) {\n var recentering = this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER);\n if (!this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)) {\n this.rippleElement_ = this.element_.querySelector('.' + this.CssClasses_.RIPPLE);\n this.frameCount_ = 0;\n this.rippleSize_ = 0;\n this.x_ = 0;\n this.y_ = 0;\n // Touch start produces a compat mouse down event, which would cause a\n // second ripples. To avoid that, we use this property to ignore the first\n // mouse down after a touch start.\n this.ignoringMouseDown_ = false;\n this.boundDownHandler = this.downHandler_.bind(this);\n this.element_.addEventListener('mousedown', this.boundDownHandler);\n this.element_.addEventListener('touchstart', this.boundDownHandler);\n this.boundUpHandler = this.upHandler_.bind(this);\n this.element_.addEventListener('mouseup', this.boundUpHandler);\n this.element_.addEventListener('mouseleave', this.boundUpHandler);\n this.element_.addEventListener('touchend', this.boundUpHandler);\n this.element_.addEventListener('blur', this.boundUpHandler);\n /**\n * Getter for frameCount_.\n * @return {number} the frame count.\n */\n this.getFrameCount = function () {\n return this.frameCount_;\n };\n /**\n * Setter for frameCount_.\n * @param {number} fC the frame count.\n */\n this.setFrameCount = function (fC) {\n this.frameCount_ = fC;\n };\n /**\n * Getter for rippleElement_.\n * @return {Element} the ripple element.\n */\n this.getRippleElement = function () {\n return this.rippleElement_;\n };\n /**\n * Sets the ripple X and Y coordinates.\n * @param {number} newX the new X coordinate\n * @param {number} newY the new Y coordinate\n */\n this.setRippleXY = function (newX, newY) {\n this.x_ = newX;\n this.y_ = newY;\n };\n /**\n * Sets the ripple styles.\n * @param {boolean} start whether or not this is the start frame.\n */\n this.setRippleStyles = function (start) {\n if (this.rippleElement_ !== null) {\n var transformString;\n var scale;\n var size;\n var offset = 'translate(' + this.x_ + 'px, ' + this.y_ + 'px)';\n if (start) {\n scale = this.Constant_.INITIAL_SCALE;\n size = this.Constant_.INITIAL_SIZE;\n } else {\n scale = this.Constant_.FINAL_SCALE;\n size = this.rippleSize_ + 'px';\n if (recentering) {\n offset = 'translate(' + this.boundWidth / 2 + 'px, ' + this.boundHeight / 2 + 'px)';\n }\n }\n transformString = 'translate(-50%, -50%) ' + offset + scale;\n this.rippleElement_.style.webkitTransform = transformString;\n this.rippleElement_.style.msTransform = transformString;\n this.rippleElement_.style.transform = transformString;\n if (start) {\n this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING);\n } else {\n this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING);\n }\n }\n };\n /**\n * Handles an animation frame.\n */\n this.animFrameHandler = function () {\n if (this.frameCount_-- > 0) {\n window.requestAnimationFrame(this.animFrameHandler.bind(this));\n } else {\n this.setRippleStyles(false);\n }\n };\n }\n }\n};\n// The component registers itself. It can assume componentHandler is available\n// in the global scope.\ncomponentHandler.register({\n constructor: MaterialRipple,\n classAsString: 'MaterialRipple',\n cssClass: 'mdl-js-ripple-effect',\n widget: false\n});"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/dashboard-ui/bower_components/material-design-lite/package.json b/dashboard-ui/bower_components/material-design-lite/package.json deleted file mode 100644 index 6a4021fc8e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/package.json +++ /dev/null @@ -1,72 +0,0 @@ -{ - "name": "material-design-lite", - "version": "1.1.3", - "description": "Material Design Components in CSS, JS and HTML", - "private": true, - "license": "Apache-2.0", - "author": "Google", - "repository": "google/material-design-lite", - "main": "dist/material.min.js", - "devDependencies": { - "acorn": "^2.2.0", - "babel-core": "^5.8.25", - "browser-sync": "^2.2.3", - "chai": "^3.3.0", - "chai-jquery": "^2.0.0", - "del": "^2.0.2", - "drool": "^0.3.1", - "escodegen": "^1.6.1", - "google-closure-compiler": "", - "gulp": "^3.9.0", - "gulp-autoprefixer": "^3.0.2", - "gulp-cache": "^0.3.0", - "gulp-closure-compiler": "^0.3.1", - "gulp-concat": "^2.4.1", - "gulp-connect": "^2.2.0", - "gulp-css-inline-images": "^0.1.1", - "gulp-csso": "1.0.0", - "gulp-file": "^0.2.0", - "gulp-flatten": "^0.2.0", - "gulp-front-matter": "^1.2.2", - "gulp-header": "^1.2.2", - "gulp-if": "^2.0.0", - "gulp-iife": "^0.1.0", - "gulp-imagemin": "^2.2.1", - "gulp-jscs": "^3.0.1", - "gulp-jshint": "^1.6.3", - "gulp-load-plugins": "^0.10.0", - "gulp-marked": "^1.0.0", - "gulp-mocha-phantomjs": "^0.10.1", - "gulp-open": "^1.0.0", - "gulp-rename": "^1.2.0", - "gulp-replace": "^0.5.3", - "gulp-sass": "2.0.*", - "gulp-shell": "^0.4.2", - "gulp-size": "^2.0.0", - "gulp-sourcemaps": "^1.3.0", - "gulp-subtree": "^0.1.0", - "gulp-tap": "^0.1.3", - "gulp-uglify": "^1.0.1", - "gulp-util": "^3.0.4", - "gulp-zip": "^3.0.2", - "humanize": "0.0.9", - "jquery": "^2.1.3", - "jshint-stylish": "^2.0.1", - "merge-stream": "^1.0.0", - "mocha": "^2.1.0", - "prismjs": "0.0.1", - "run-sequence": "^1.0.2", - "swig": "^1.4.2", - "through2": "^2.0.0", - "vinyl-paths": "^2.0.0" - }, - "engines": { - "node": ">=0.12.0" - }, - "scripts": { - "test": "gulp && git status | grep 'working directory clean' >/dev/null || (echo 'Please commit all changes generated by building'; exit 1)" - }, - "babel": { - "only": "gulpfile.babel.js" - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/INTRODUCTION.md b/dashboard-ui/bower_components/material-design-lite/src/INTRODUCTION.md deleted file mode 100644 index e27dfb2f7b..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/INTRODUCTION.md +++ /dev/null @@ -1,44 +0,0 @@ -# Material Design Lite - -## Introduction -**Material Design Light (MDL)** is a library of components for web developers based on Google's **Material Design** philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the MDL components. If you have not yet read the [Material Design Introduction](http://www.google.com/design/spec/material-design/introduction.html), you should do so before attempting to use the components. - -The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation. - -The MDL component library includes new versions of common user interface controls such as buttons, check boxes, and text fields, adapted to follow Material Design concepts. The library also includes enhanced and specialized features like cards, column layouts, sliders, spinners, tabs, typography, and more. - -MDL is free to download and use, and may be used with or without any build library or development environment (such as [Material Design Lite](http://www.getmdl.io/)). It is a cross-browser, cross-OS web developer's toolkit that can be used by anyone who wants to write more productive, portable, and — most importantly — usable web pages. - -## Getting started - -### Get the components -To obtain the components, clone or download the [GitHub MDL repository](https://github.com/google/material-design-lite). Copy the entire package (the top-level folder and everything below it) to the project folder where you will write your HTML pages. This ensures that your project can access all of MDL's components and assets, and that you always have the original files for reference in case you break something. :-) - -### Include the master CSS and JavaScript -In each HTML page in your project, include the minified (compressed) CSS and JavaScript files using standard relative-path references and the Material Icon font. This example assumes that a copy of the MDL package folders resides in your project folder. - - -```html - - - -``` - -That's it! You are now ready to use the MDL components. - -### Use the components -In general, follow these basic steps to use an MDL component in your HTML page. - -1. Start with a standard HTML element, such as ` diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-colored.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-colored.html deleted file mode 100644 index b25e8da0a4..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-colored.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-disabled.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-disabled.html deleted file mode 100644 index 3dc9cb46b9..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-disabled.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini-colored.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini-colored.html deleted file mode 100644 index 3e35a1599e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini-colored.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini.html deleted file mode 100644 index 8b5c5ca300..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-mini.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-ripple.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-ripple.html deleted file mode 100644 index 02c42f9ec0..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab-ripple.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab.html deleted file mode 100644 index 0874925bd8..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/fab.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-accent.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-accent.html deleted file mode 100644 index b650bc2f4c..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-accent.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-disabled.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-disabled.html deleted file mode 100644 index 9139038d39..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-disabled.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-primary.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-primary.html deleted file mode 100644 index 780ce48935..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-primary.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-ripple.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-ripple.html deleted file mode 100644 index c8c37a8a46..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat-ripple.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat.html deleted file mode 100644 index 19da6130fc..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/flat.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon-colored.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon-colored.html deleted file mode 100644 index cabcb5af6c..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon-colored.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon.html deleted file mode 100644 index 122023a52e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/icon.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-accent.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-accent.html deleted file mode 100644 index cb547f1944..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-accent.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-colored.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-colored.html deleted file mode 100644 index 713c2f582f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-colored.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-disabled.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-disabled.html deleted file mode 100644 index 02f747428a..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-disabled.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple-accent.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple-accent.html deleted file mode 100644 index 9d33d8be07..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple-accent.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple.html deleted file mode 100644 index 6b38c0bf2b..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised-ripple.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised.html b/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised.html deleted file mode 100644 index a9397331cf..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/button/snippets/raised.html +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/card/_card.scss b/dashboard-ui/bower_components/material-design-lite/src/card/_card.scss deleted file mode 100644 index 8bd7cbd43e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/card/_card.scss +++ /dev/null @@ -1,111 +0,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. - */ - -@import "../variables"; - -.mdl-card { - display: flex; - flex-direction: column; - font-size: $card-font-size; - font-weight: 400; - min-height: $card-height; - overflow: hidden; - width: $card-width; - z-index: $card-z-index; - position: relative; - background: $card-background-color; - border-radius: 2px; - box-sizing: border-box; -} - -.mdl-card__media { - background-color: $card-image-placeholder-color; - background-repeat: repeat; - background-position: 50% 50%; - background-size: cover; - background-origin: padding-box; - background-attachment: scroll; - box-sizing: border-box; -} - -.mdl-card__title { - align-items: center; - color: $card-text-color; - display: block; - display: flex; - justify-content: stretch; - line-height: normal; - padding: $card-vertical-padding $card-horizontal-padding; - perspective-origin: $card-title-perspective-origin-x $card-title-perspective-origin-y; - transform-origin: $card-title-transform-origin-x $card-title-transform-origin-y; - box-sizing: border-box; - - &.mdl-card--border { - border-bottom: 1px solid $card-border-color; - } -} - -.mdl-card__title-text { - align-self: flex-end; - color: inherit; - display: block; - display: flex; - font-size: $card-title-font-size; - font-weight: $card-title-text-font-weight; - line-height: normal; - overflow: hidden; - transform-origin: $card-title-text-transform-origin-x $card-title-text-transform-origin-y; - margin: 0; -} - -.mdl-card__subtitle-text { - font-size: $card-subtitle-font-size; - color: $card-subtitle-color; - margin: 0; -} - -.mdl-card__supporting-text { - color: $card-supporting-text-text-color; - font-size: $card-supporting-text-font-size; - line-height: $card-supporting-text-line-height; - overflow: hidden; - padding: $card-vertical-padding $card-horizontal-padding; - width: 90%; -} - -.mdl-card__actions { - font-size: $card-actions-font-size; - line-height: normal; - width: 100%; - background-color: rgba(0,0,0,0); - padding: 8px; - box-sizing: border-box; - - &.mdl-card--border { - border-top: 1px solid $card-border-color; - } -} - -.mdl-card--expand { - flex-grow: 1; -} - - -.mdl-card__menu { - position: absolute; - right: 16px; - top: 16px; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/event.html b/dashboard-ui/bower_components/material-design-lite/src/card/snippets/event.html deleted file mode 100644 index b5407c319a..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/event.html +++ /dev/null @@ -1,47 +0,0 @@ - - - -
-
-

- Featured event:
- May 24, 2016
- 7-11pm -

-
-
- - Add to Calendar - -
- event -
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/image.html b/dashboard-ui/bower_components/material-design-lite/src/card/snippets/image.html deleted file mode 100644 index f9cb6454ba..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/image.html +++ /dev/null @@ -1,25 +0,0 @@ - - - -
-
-
- Image.jpg -
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/square.html b/dashboard-ui/bower_components/material-design-lite/src/card/snippets/square.html deleted file mode 100644 index 93d13f5033..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/square.html +++ /dev/null @@ -1,27 +0,0 @@ - - - -
-
-

Update

-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Aenan convallis. -
-
- - View Updates - -
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/wide.html b/dashboard-ui/bower_components/material-design-lite/src/card/snippets/wide.html deleted file mode 100644 index 0ee92408a2..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/card/snippets/wide.html +++ /dev/null @@ -1,34 +0,0 @@ - - - -
-
-

Welcome

-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Mauris sagittis pellentesque lacus eleifend lacinia... -
-
- - Get Started - -
-
- -
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/checkbox/_checkbox.scss b/dashboard-ui/bower_components/material-design-lite/src/checkbox/_checkbox.scss deleted file mode 100644 index 3dd265ed46..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/checkbox/_checkbox.scss +++ /dev/null @@ -1,180 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-checkbox { - position: relative; - - z-index: 1; - - vertical-align: middle; - - display: inline-block; - - box-sizing: border-box; - width: 100%; - height: $checkbox-label-height; - margin: 0; - padding: 0; - - &.is-upgraded { - padding-left: $checkbox-button-size + $checkbox-padding; - } -} - -.mdl-checkbox__input { - line-height: $checkbox-label-height; - - .mdl-checkbox.is-upgraded & { - // Hide input element, while still making it respond to focus. - 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-checkbox__box-outline { - position: absolute; - top: $checkbox-top-offset; - left: 0; - - display: inline-block; - - box-sizing: border-box; - width: $checkbox-button-size; - height: $checkbox-button-size; - margin: 0; - - cursor: pointer; - overflow: hidden; - - border: 2px solid $checkbox-off-color; - border-radius: 2px; - - z-index: 2; - - .mdl-checkbox.is-checked & { - border: 2px solid $checkbox-color; - } - - fieldset[disabled] .mdl-checkbox &, - .mdl-checkbox.is-disabled & { - border: 2px solid $checkbox-disabled-color; - cursor: auto; - } -} - -.mdl-checkbox__focus-helper { - position: absolute; - top: $checkbox-top-offset; - left: 0; - - display: inline-block; - - box-sizing: border-box; - width: $checkbox-button-size; - height: $checkbox-button-size; - border-radius: 50%; - - background-color: transparent; - - .mdl-checkbox.is-focused & { - box-shadow: 0 0 0px ($checkbox-button-size / 2) rgba(0, 0, 0, 0.1); - background-color: rgba(0, 0, 0, 0.1); - } - - .mdl-checkbox.is-focused.is-checked & { - box-shadow: 0 0 0px ($checkbox-button-size / 2) $checkbox-focus-color; - background-color: $checkbox-focus-color; - } -} - -.mdl-checkbox__tick-outline { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - mask: url("#{$checkbox-image-path}/tick-mask.svg?embed"); - - background: transparent; - @include material-animation-default(0.28s); - transition-property: background; - - .mdl-checkbox.is-checked & { - background: $checkbox-color url("#{$checkbox-image-path}/tick.svg?embed"); - } - - fieldset[disabled] .mdl-checkbox.is-checked &, - .mdl-checkbox.is-checked.is-disabled & { - background: $checkbox-disabled-color url("#{$checkbox-image-path}/tick.svg?embed"); - } -} - -.mdl-checkbox__label { - position: relative; - cursor: pointer; - font-size: $checkbox-label-font-size; - line-height: $checkbox-label-height; - margin: 0; - - fieldset[disabled] .mdl-checkbox &, - .mdl-checkbox.is-disabled & { - color: $checkbox-disabled-color; - cursor: auto; - } -} - -.mdl-checkbox__ripple-container { - position: absolute; - z-index: 2; - top: -(($checkbox-ripple-size - $checkbox-label-height) / 2); - left: -(($checkbox-ripple-size - $checkbox-button-size) / 2); - - box-sizing: border-box; - width: $checkbox-ripple-size; - height: $checkbox-ripple-size; - border-radius: 50%; - - cursor: pointer; - - overflow: hidden; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); - - & .mdl-ripple { - background: $checkbox-color; - } - - fieldset[disabled] .mdl-checkbox &, - .mdl-checkbox.is-disabled & { - cursor: auto; - } - - fieldset[disabled] .mdl-checkbox & .mdl-ripple, - .mdl-checkbox.is-disabled & .mdl-ripple { - background: transparent; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/checkbox/checkbox.js b/dashboard-ui/bower_components/material-design-lite/src/checkbox/checkbox.js deleted file mode 100644 index 148035b681..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/checkbox/checkbox.js +++ /dev/null @@ -1,269 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Checkbox MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialCheckbox = function MaterialCheckbox(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialCheckbox'] = MaterialCheckbox; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialCheckbox.prototype.Constant_ = { - TINY_TIMEOUT: 0.001 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialCheckbox.prototype.CssClasses_ = { - INPUT: 'mdl-checkbox__input', - BOX_OUTLINE: 'mdl-checkbox__box-outline', - FOCUS_HELPER: 'mdl-checkbox__focus-helper', - TICK_OUTLINE: 'mdl-checkbox__tick-outline', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-checkbox__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple', - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked', - IS_UPGRADED: 'is-upgraded' - }; - - /** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialCheckbox.prototype.onChange_ = function(event) { - this.updateClasses_(); - }; - - /** - * Handle focus of element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialCheckbox.prototype.onFocus_ = function(event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle lost focus of element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialCheckbox.prototype.onBlur_ = function(event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialCheckbox.prototype.onMouseUp_ = function(event) { - this.blur_(); - }; - - /** - * Handle class updates. - * - * @private - */ - MaterialCheckbox.prototype.updateClasses_ = function() { - this.checkDisabled(); - this.checkToggleState(); - }; - - /** - * Add blur. - * - * @private - */ - MaterialCheckbox.prototype.blur_ = function() { - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function() { - this.inputElement_.blur(); - }.bind(this), /** @type {number} */ (this.Constant_.TINY_TIMEOUT)); - }; - - // Public methods. - - /** - * Check the inputs toggle state and update display. - * - * @public - */ - MaterialCheckbox.prototype.checkToggleState = function() { - if (this.inputElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } - }; - MaterialCheckbox.prototype['checkToggleState'] = - MaterialCheckbox.prototype.checkToggleState; - - /** - * Check the inputs disabled state and update display. - * - * @public - */ - MaterialCheckbox.prototype.checkDisabled = function() { - if (this.inputElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } - }; - MaterialCheckbox.prototype['checkDisabled'] = - MaterialCheckbox.prototype.checkDisabled; - - /** - * Disable checkbox. - * - * @public - */ - MaterialCheckbox.prototype.disable = function() { - this.inputElement_.disabled = true; - this.updateClasses_(); - }; - MaterialCheckbox.prototype['disable'] = MaterialCheckbox.prototype.disable; - - /** - * Enable checkbox. - * - * @public - */ - MaterialCheckbox.prototype.enable = function() { - this.inputElement_.disabled = false; - this.updateClasses_(); - }; - MaterialCheckbox.prototype['enable'] = MaterialCheckbox.prototype.enable; - - /** - * Check checkbox. - * - * @public - */ - MaterialCheckbox.prototype.check = function() { - this.inputElement_.checked = true; - this.updateClasses_(); - }; - MaterialCheckbox.prototype['check'] = MaterialCheckbox.prototype.check; - - /** - * Uncheck checkbox. - * - * @public - */ - MaterialCheckbox.prototype.uncheck = function() { - this.inputElement_.checked = false; - this.updateClasses_(); - }; - MaterialCheckbox.prototype['uncheck'] = MaterialCheckbox.prototype.uncheck; - - /** - * Initialize element. - */ - MaterialCheckbox.prototype.init = function() { - if (this.element_) { - this.inputElement_ = this.element_.querySelector('.' + - this.CssClasses_.INPUT); - - var boxOutline = document.createElement('span'); - boxOutline.classList.add(this.CssClasses_.BOX_OUTLINE); - - var tickContainer = document.createElement('span'); - tickContainer.classList.add(this.CssClasses_.FOCUS_HELPER); - - var tickOutline = document.createElement('span'); - tickOutline.classList.add(this.CssClasses_.TICK_OUTLINE); - - boxOutline.appendChild(tickOutline); - - this.element_.appendChild(tickContainer); - this.element_.appendChild(boxOutline); - - if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - this.rippleContainerElement_ = document.createElement('span'); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER); - this.boundRippleMouseUp = this.onMouseUp_.bind(this); - this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp); - - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - - this.rippleContainerElement_.appendChild(ripple); - this.element_.appendChild(this.rippleContainerElement_); - } - this.boundInputOnChange = this.onChange_.bind(this); - this.boundInputOnFocus = this.onFocus_.bind(this); - this.boundInputOnBlur = this.onBlur_.bind(this); - this.boundElementMouseUp = this.onMouseUp_.bind(this); - this.inputElement_.addEventListener('change', this.boundInputOnChange); - this.inputElement_.addEventListener('focus', this.boundInputOnFocus); - this.inputElement_.addEventListener('blur', this.boundInputOnBlur); - this.element_.addEventListener('mouseup', this.boundElementMouseUp); - - this.updateClasses_(); - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialCheckbox, - classAsString: 'MaterialCheckbox', - cssClass: 'mdl-js-checkbox', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-off.html b/dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-off.html deleted file mode 100644 index 1cbcc2597a..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-off.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-on.html b/dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-on.html deleted file mode 100644 index cd7a065efb..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/checkbox/snippets/check-on.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/data-table/_data-table.scss b/dashboard-ui/bower_components/material-design-lite/src/data-table/_data-table.scss deleted file mode 100644 index 1f04724ced..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/data-table/_data-table.scss +++ /dev/null @@ -1,120 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-data-table { - position: relative; - border: $data-table-dividers; - border-collapse: collapse; - white-space: nowrap; - font-size: $data-table-font-size; - background-color: unquote("rgb(#{$color-white})"); - - thead { - padding-bottom: 3px; - - .mdl-data-table__select { - margin-top: 0; - } - } - - tbody { - tr { - position: relative; - height: $data-table-row-height; - @include material-animation-default(0.28s); - transition-property: background-color; - - &.is-selected { - background-color: $data-table-selection-color; - } - - &:hover { - background-color: $data-table-hover-color; - } - } - } - - td, th { - padding: 0 $data-table-column-padding 12px $data-table-column-padding; - text-align: right; - - &:first-of-type { - padding-left: 24px; - } - - &:last-of-type { - padding-right: 24px; - } - } - - td { - position: relative; - vertical-align: middle; - height: $data-table-row-height; - border-top: $data-table-dividers; - border-bottom: $data-table-dividers; - padding-top: $data-table-cell-top; - box-sizing: border-box; - - .mdl-data-table__select { - vertical-align: middle; - } - } - - th { - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - @include typo-body-2(); - height: $data-table-row-height; - font-size: $data-table-header-font-size; - color: $data-table-header-color; - padding-bottom: 8px; - box-sizing: border-box; - - &.mdl-data-table__header--sorted-ascending, - &.mdl-data-table__header--sorted-descending { - color: $data-table-header-sorted-color; - &:before { - @include typo-icon; - font-size: $data-table-header-sort-icon-size; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; - } - &:hover { - cursor: pointer; - &:before { - color: $data-table-header-sorted-icon-hover-color; - } - } - } - &.mdl-data-table__header--sorted-descending:before { - content: "\e5db"; - } - } -} - -.mdl-data-table__select { - width: 16px; -} - -.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { - text-align: left; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/data-table/data-table.js b/dashboard-ui/bower_components/material-design-lite/src/data-table/data-table.js deleted file mode 100644 index f2d7983a9b..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/data-table/data-table.js +++ /dev/null @@ -1,177 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Data Table Card MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {Element} element The element that will be upgraded. - */ - var MaterialDataTable = function MaterialDataTable(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - - window['MaterialDataTable'] = MaterialDataTable; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialDataTable.prototype.Constant_ = { - // None at the moment. - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialDataTable.prototype.CssClasses_ = { - DATA_TABLE: 'mdl-data-table', - SELECTABLE: 'mdl-data-table--selectable', - SELECT_ELEMENT: 'mdl-data-table__select', - IS_SELECTED: 'is-selected', - IS_UPGRADED: 'is-upgraded' - }; - - /** - * Generates and returns a function that toggles the selection state of a - * single row (or multiple rows). - * - * @param {Element} checkbox Checkbox that toggles the selection state. - * @param {Element} row Row to toggle when checkbox changes. - * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes. - * @private - */ - MaterialDataTable.prototype.selectRow_ = function(checkbox, row, opt_rows) { - if (row) { - return function() { - if (checkbox.checked) { - row.classList.add(this.CssClasses_.IS_SELECTED); - } else { - row.classList.remove(this.CssClasses_.IS_SELECTED); - } - }.bind(this); - } - - if (opt_rows) { - return function() { - var i; - var el; - if (checkbox.checked) { - for (i = 0; i < opt_rows.length; i++) { - el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox'); - el['MaterialCheckbox'].check(); - opt_rows[i].classList.add(this.CssClasses_.IS_SELECTED); - } - } else { - for (i = 0; i < opt_rows.length; i++) { - el = opt_rows[i].querySelector('td').querySelector('.mdl-checkbox'); - el['MaterialCheckbox'].uncheck(); - opt_rows[i].classList.remove(this.CssClasses_.IS_SELECTED); - } - } - }.bind(this); - } - }; - - /** - * Creates a checkbox for a single or or multiple rows and hooks up the - * event handling. - * - * @param {Element} row Row to toggle when checkbox changes. - * @param {(Array|NodeList)=} opt_rows Rows to toggle when checkbox changes. - * @private - */ - MaterialDataTable.prototype.createCheckbox_ = function(row, opt_rows) { - var label = document.createElement('label'); - var labelClasses = [ - 'mdl-checkbox', - 'mdl-js-checkbox', - 'mdl-js-ripple-effect', - this.CssClasses_.SELECT_ELEMENT - ]; - label.className = labelClasses.join(' '); - var checkbox = document.createElement('input'); - checkbox.type = 'checkbox'; - checkbox.classList.add('mdl-checkbox__input'); - - if (row) { - checkbox.checked = row.classList.contains(this.CssClasses_.IS_SELECTED); - checkbox.addEventListener('change', this.selectRow_(checkbox, row)); - } else if (opt_rows) { - checkbox.addEventListener('change', this.selectRow_(checkbox, null, opt_rows)); - } - - label.appendChild(checkbox); - componentHandler.upgradeElement(label, 'MaterialCheckbox'); - return label; - }; - - /** - * Initialize element. - */ - MaterialDataTable.prototype.init = function() { - if (this.element_) { - var firstHeader = this.element_.querySelector('th'); - var bodyRows = Array.prototype.slice.call(this.element_.querySelectorAll('tbody tr')); - var footRows = Array.prototype.slice.call(this.element_.querySelectorAll('tfoot tr')); - var rows = bodyRows.concat(footRows); - - if (this.element_.classList.contains(this.CssClasses_.SELECTABLE)) { - var th = document.createElement('th'); - var headerCheckbox = this.createCheckbox_(null, rows); - th.appendChild(headerCheckbox); - firstHeader.parentElement.insertBefore(th, firstHeader); - - for (var i = 0; i < rows.length; i++) { - var firstCell = rows[i].querySelector('td'); - if (firstCell) { - var td = document.createElement('td'); - if (rows[i].parentNode.nodeName.toUpperCase() === 'TBODY') { - var rowCheckbox = this.createCheckbox_(rows[i]); - td.appendChild(rowCheckbox); - } - rows[i].insertBefore(td, firstCell); - } - } - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialDataTable, - classAsString: 'MaterialDataTable', - cssClass: 'mdl-js-data-table' - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/data-table/snippets/data-table.html b/dashboard-ui/bower_components/material-design-lite/src/data-table/snippets/data-table.html deleted file mode 100644 index e269e04076..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/data-table/snippets/data-table.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - -
MaterialQuantityUnit price
Acrylic (Transparent)25$2.90
Plywood (Birch)50$1.25
Laminate (Gold on Blue)10$2.35
diff --git a/dashboard-ui/bower_components/material-design-lite/src/demos.css b/dashboard-ui/bower_components/material-design-lite/src/demos.css deleted file mode 100644 index d0cfefbfda..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/demos.css +++ /dev/null @@ -1,39 +0,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 { - width: 100%; - height: auto; - - margin: 0; - padding: 0; - - padding: 24px; - box-sizing: border-box; -} - -.demo-preview-block { - padding: 20px; - padding-bottom: 0; - margin-bottom: 0; - box-sizing: border-box; - width: 100%; -} - -.demo-code { - width: 100%; - box-sizing: border-box; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/dialog/_dialog.scss b/dashboard-ui/bower_components/material-design-lite/src/dialog/_dialog.scss deleted file mode 100644 index 9f2c3e630f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/dialog/_dialog.scss +++ /dev/null @@ -1,57 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-dialog { - border: none; - @include shadow-24dp; - @include dialog-width; - - &__title { - padding: 24px 24px 0; - margin: 0; - font-size: 2.5rem; - } - &__actions { - padding: 8px 8px 8px 24px; - display: flex; - flex-direction: row-reverse; - flex-wrap: wrap; - > * { - margin-right: 8px; - height: 36px; - &:first-child { - margin-right: 0; - } - } - &--full-width { - padding: 0 0 8px 0; - > * { - height: 48px; - flex: 0 0 100%; - padding-right: 16px; - margin-right: 0; - text-align: right; - } - } - } - &__content { - padding: 20px 24px 24px 24px; - color: $dialog-content-color; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/footer/_mega_footer.scss b/dashboard-ui/bower_components/material-design-lite/src/footer/_mega_footer.scss deleted file mode 100644 index 49ea23a289..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/footer/_mega_footer.scss +++ /dev/null @@ -1,321 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-mega-footer { - padding: $footer-min-padding $footer-padding-sides; - - color: $footer-color; - background-color: $footer-bg-color; -} - - -.mdl-mega-footer--top-section:after, -.mdl-mega-footer--middle-section:after, -.mdl-mega-footer--bottom-section:after, -.mdl-mega-footer__top-section:after, -.mdl-mega-footer__middle-section:after, -.mdl-mega-footer__bottom-section:after { - content: ''; - display: block; - clear: both; -} - -.mdl-mega-footer--left-section, -.mdl-mega-footer__left-section { - margin-bottom: $footer-min-padding; -} - -.mdl-mega-footer--right-section, -.mdl-mega-footer__right-section { - margin-bottom: $footer-min-padding; -} - -.mdl-mega-footer--right-section a, -.mdl-mega-footer__right-section a { - display: block; - - margin-bottom: $footer-min-padding; - - color: inherit; - text-decoration: none; -} - -@media screen and (min-width: 760px) { - .mdl-mega-footer--left-section, - .mdl-mega-footer__left-section { - float: left; - } - - .mdl-mega-footer--right-section, - .mdl-mega-footer__right-section { - float: right; - } - - .mdl-mega-footer--right-section a, - .mdl-mega-footer__right-section a { - display: inline-block; - - margin-left: $footer-min-padding; - - line-height: $footer-btn-size; - vertical-align: middle; - } -} - -.mdl-mega-footer--social-btn, -.mdl-mega-footer__social-btn { - width: $footer-btn-size; - height: $footer-btn-size; - - padding: 0; - margin: 0; - - background-color: $footer-button-fill-color; - - border: none; -} - -.mdl-mega-footer--drop-down-section, -.mdl-mega-footer__drop-down-section { - display: block; - - position: relative; -} - -@media screen and (min-width: 760px) { - .mdl-mega-footer--drop-down-section, - .mdl-mega-footer__drop-down-section { - width: 33%; - } - - .mdl-mega-footer--drop-down-section:nth-child(1), - .mdl-mega-footer--drop-down-section:nth-child(2), - .mdl-mega-footer__drop-down-section:nth-child(1), - .mdl-mega-footer__drop-down-section:nth-child(2) { - float: left; - } - - .mdl-mega-footer--drop-down-section:nth-child(3), - .mdl-mega-footer__drop-down-section:nth-child(3) { - float: right; - - &:after { - clear: right; - } - } - - .mdl-mega-footer--drop-down-section:nth-child(4), - .mdl-mega-footer__drop-down-section:nth-child(4) { - clear: right; - float: right; - } - - .mdl-mega-footer--middle-section:after, - .mdl-mega-footer__middle-section:after { - content: ''; - - display: block; - - clear: both; - } - - .mdl-mega-footer--bottom-section, - .mdl-mega-footer__bottom-section { - padding-top: 0; - } -} - -@media screen and (min-width: 1024px) { - .mdl-mega-footer--drop-down-section, - .mdl-mega-footer--drop-down-section:nth-child(3), - .mdl-mega-footer--drop-down-section:nth-child(4), - .mdl-mega-footer__drop-down-section, - .mdl-mega-footer__drop-down-section:nth-child(3), - .mdl-mega-footer__drop-down-section:nth-child(4) { - width: 24%; - - float: left; - } -} - -.mdl-mega-footer--heading-checkbox, -.mdl-mega-footer__heading-checkbox { - position: absolute; - width: 100%; - height: $footer-heading-line-height + ($footer-min-padding * 2); - - padding: ($footer-min-padding * 2); - margin: 0; - margin-top: -$footer-min-padding; - - cursor: pointer; - - z-index: 1; - opacity: 0; - - & + .mdl-mega-footer--heading:after, - & + .mdl-mega-footer__heading:after { - font-family: 'Material Icons'; - content: '\E5CE' - } -} - -.mdl-mega-footer--heading-checkbox:checked, -.mdl-mega-footer__heading-checkbox:checked { - // WebViews in iOS 9 break the "~" operator, and WebViews in OS X 10.10 - // break consecutive "+" operators in some cases. Therefore, we need to use - // both here to cover all the bases. - & ~ .mdl-mega-footer--link-list, - & ~ .mdl-mega-footer__link-list, - & + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, - & + .mdl-mega-footer__heading + .mdl-mega-footer__link-list { - display: none; - } - - & + .mdl-mega-footer--heading:after, - & + .mdl-mega-footer__heading:after { - font-family: 'Material Icons'; - content: '\E5CF' - } -} - -.mdl-mega-footer--heading, -.mdl-mega-footer__heading { - position: relative; - width: 100%; - - padding-right: $footer-heading-line-height + $footer-min-padding; - margin-bottom: $footer-min-padding; - - box-sizing:border-box; - - font-size: $footer-heading-font-size; - line-height: $footer-heading-line-height; - - font-weight: 500; - - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - - color: $footer-heading-color; -} - -.mdl-mega-footer--heading:after, -.mdl-mega-footer__heading:after { - content: ''; - - position: absolute; - top: 0; - right: 0; - - display: block; - - width: $footer-heading-line-height; - height: $footer-heading-line-height; - - background-size: cover; -} - -.mdl-mega-footer--link-list, -.mdl-mega-footer__link-list { - list-style: none; - - margin: 0; - padding: 0; - - margin-bottom: $footer-min-padding * 2; - &:after { - clear: both; - display: block; - content: ''; - } -} - -.mdl-mega-footer--link-list li, -.mdl-mega-footer__link-list li { - @include typo-body-1(); - line-height: 20px; -} - -.mdl-mega-footer--link-list a, -.mdl-mega-footer__link-list a { - color: inherit; - text-decoration: none; - white-space: nowrap; -} - -@media screen and (min-width: 760px) { - .mdl-mega-footer--heading-checkbox, - .mdl-mega-footer__heading-checkbox { - display: none; - - & + .mdl-mega-footer--heading:after, - & + .mdl-mega-footer__heading:after { - content: ''; - } - } - .mdl-mega-footer--heading-checkbox:checked, - .mdl-mega-footer__heading-checkbox:checked { - // WebViews in iOS 9 break the "~" operator, and WebViews in OS X 10.10 - // break consecutive "+" operators in some cases. Therefore, we need to use - // both here to cover all the bases. - & ~ .mdl-mega-footer--link-list, - & ~ .mdl-mega-footer__link-list, - & + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, - & + .mdl-mega-footer--heading + .mdl-mega-footer--link-list { - display: block; - } - - & + .mdl-mega-footer--heading:after, - & + .mdl-mega-footer__heading:after { - content: ''; - } - } -} - -.mdl-mega-footer--bottom-section, -.mdl-mega-footer__bottom-section { - padding-top: $footer-min-padding; - margin-bottom: $footer-min-padding; -} - -.mdl-logo { - margin-bottom: $footer-min-padding; - color: white; -} - -.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, -.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li { - float: left; - - margin-bottom: 0; - margin-right: $footer-min-padding; -} - - - -@media screen and (min-width: 760px) { - .mdl-logo { - float: left; - - margin-bottom: 0; - margin-right: $footer-min-padding; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/footer/_mini_footer.scss b/dashboard-ui/bower_components/material-design-lite/src/footer/_mini_footer.scss deleted file mode 100644 index 6a1c8ed642..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/footer/_mini_footer.scss +++ /dev/null @@ -1,88 +0,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. - */ - -@import "../variables"; - -.mdl-mini-footer { - display: flex; - flex-flow: row wrap; - justify-content: space-between; - - padding: ($padding * 2) $padding; - - color: $footer-color; - background-color: $footer-bg-color; - - &:after { - content: ''; - display: block; - } - - & .mdl-logo { - line-height: $footer-btn-size; - } -} - -.mdl-mini-footer--link-list, -.mdl-mini-footer__link-list { - display: flex; - flex-flow: row nowrap; - - list-style: none; - - margin: 0; - padding: 0; - - & li { - margin-bottom: 0; - margin-right: $padding; - - @media screen and (min-width: 760px) { - line-height: $footer-btn-size; - } - } - - & a { - color: inherit; - text-decoration: none; - white-space: nowrap; - } -} - -.mdl-mini-footer--left-section, -.mdl-mini-footer__left-section { - display: inline-block; - order: 0; -} - -.mdl-mini-footer--right-section, -.mdl-mini-footer__right-section { - display: inline-block; - order: 1; -} - -.mdl-mini-footer--social-btn, -.mdl-mini-footer__social-btn { - width: $footer-btn-size; - height: $footer-btn-size; - - padding: 0; - margin: 0; - - background-color: $footer-button-fill-color; - - border: none; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mega-footer.html b/dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mega-footer.html deleted file mode 100644 index edd2f7d5f0..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mega-footer.html +++ /dev/null @@ -1,57 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mini-footer.html b/dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mini-footer.html deleted file mode 100644 index 1d78b27302..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/footer/snippets/mini-footer.html +++ /dev/null @@ -1,9 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/grid/_grid.scss b/dashboard-ui/bower_components/material-design-lite/src/grid/_grid.scss deleted file mode 100644 index d0aab57ac6..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/grid/_grid.scss +++ /dev/null @@ -1,231 +0,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. - */ - -/* -* NOTE: Some rules here are applied using duplicate selectors. -* This is on purpose to increase their specificity when applied. -* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone` -*/ - -@import "../variables"; - -.mdl-grid { - display: flex; - flex-flow: row wrap; - margin: 0 auto 0 auto; - align-items: stretch; - - &.mdl-grid--no-spacing { - padding: 0; - } -} - -.mdl-cell { - box-sizing: border-box; -} - - -.mdl-cell--top { - align-self: flex-start; -} - -.mdl-cell--middle { - align-self: center; -} - -.mdl-cell--bottom { - align-self: flex-end; -} - -.mdl-cell--stretch { - align-self: stretch; -} - -.mdl-grid.mdl-grid--no-spacing > .mdl-cell { - margin: 0; -} - -// Define order override classes. -@for $i from 1 through $grid-max-columns { - .mdl-cell--order-#{$i} { - order: $i; - } -} - - -// Mixins for width calculation. -@mixin partial-size($size, $columns, $gutter) { - width: calc(#{(($size / $columns) * 100)+"%"} - #{$gutter}); - - .mdl-grid--no-spacing > & { - width: #{(($size / $columns) * 100)+"%"}; - } -} - -@mixin full-size($gutter) { - @include partial-size(1, 1, $gutter); -} - -@mixin offset-size($size, $columns, $gutter) { - margin-left: calc(#{(($size / $columns) * 100)+"%"} + #{$gutter / 2}); - - .mdl-grid.mdl-grid--no-spacing > & { - margin-left: #{(($size / $columns) * 100)+"%"}; - } -} - - - -////////// Phone ////////// - -@media (max-width: $grid-tablet-breakpoint - 1) { - .mdl-grid { - padding: $grid-phone-margin - ($grid-phone-gutter / 2); - } - - .mdl-cell { - margin: $grid-phone-gutter / 2; - @include partial-size($grid-cell-default-columns, $grid-phone-columns, - $grid-phone-gutter); - } - - .mdl-cell--hide-phone { - display: none !important; - } - - // Define order override classes. - @for $i from 1 through $grid-max-columns { - .mdl-cell--order-#{$i}-phone.mdl-cell--order-#{$i}-phone { - order: $i; - } - } - - // Define partial sizes for columnNumber < totalColumns. - @for $i from 1 through ($grid-phone-columns - 1) { - .mdl-cell--#{$i}-col, - .mdl-cell--#{$i}-col-phone.mdl-cell--#{$i}-col-phone { - @include partial-size($i, $grid-phone-columns, $grid-phone-gutter); - } - } - - // Define 100% for everything else. - @for $i from $grid-phone-columns through $grid-desktop-columns { - .mdl-cell--#{$i}-col, - .mdl-cell--#{$i}-col-phone.mdl-cell--#{$i}-col-phone { - @include full-size($grid-phone-gutter); - } - } - - // Define valid phone offsets. - @for $i from 1 through ($grid-phone-columns - 1) { - .mdl-cell--#{$i}-offset, - .mdl-cell--#{$i}-offset-phone.mdl-cell--#{$i}-offset-phone { - @include offset-size($i, $grid-phone-columns, $grid-phone-gutter); - } - } -} - - -////////// Tablet ////////// - -@media (min-width: $grid-tablet-breakpoint) and (max-width: $grid-desktop-breakpoint - 1) { - .mdl-grid { - padding: $grid-tablet-margin - ($grid-tablet-gutter / 2); - } - - .mdl-cell { - margin: $grid-tablet-gutter / 2; - @include partial-size($grid-cell-default-columns, $grid-tablet-columns, - $grid-tablet-gutter); - } - - .mdl-cell--hide-tablet { - display: none !important; - } - - // Define order override classes. - @for $i from 1 through $grid-max-columns { - .mdl-cell--order-#{$i}-tablet.mdl-cell--order-#{$i}-tablet { - order: $i; - } - } - - // Define partial sizes for columnNumber < totalColumns. - @for $i from 1 through ($grid-tablet-columns - 1) { - .mdl-cell--#{$i}-col, - .mdl-cell--#{$i}-col-tablet.mdl-cell--#{$i}-col-tablet { - @include partial-size($i, $grid-tablet-columns, $grid-tablet-gutter); - } - } - - // Define 100% for everything else. - @for $i from $grid-tablet-columns through $grid-desktop-columns { - .mdl-cell--#{$i}-col, - .mdl-cell--#{$i}-col-tablet.mdl-cell--#{$i}-col-tablet { - @include full-size($grid-tablet-gutter); - } - } - - // Define valid tablet offsets. - @for $i from 1 through ($grid-tablet-columns - 1) { - .mdl-cell--#{$i}-offset, - .mdl-cell--#{$i}-offset-tablet.mdl-cell--#{$i}-offset-tablet { - @include offset-size($i, $grid-tablet-columns, $grid-tablet-gutter); - } - } -} - - -////////// Desktop ////////// - -@media (min-width: $grid-desktop-breakpoint) { - .mdl-grid { - padding: $grid-desktop-margin - ($grid-desktop-gutter / 2); - } - - .mdl-cell { - margin: $grid-desktop-gutter / 2; - @include partial-size($grid-cell-default-columns, $grid-desktop-columns, - $grid-desktop-gutter); - } - - .mdl-cell--hide-desktop { - display: none !important; - } - - // Define order override classes. - @for $i from 1 through $grid-max-columns { - .mdl-cell--order-#{$i}-desktop.mdl-cell--order-#{$i}-desktop { - order: $i; - } - } - - // Define partial sizes for all numbers of columns. - @for $i from 1 through $grid-desktop-columns { - .mdl-cell--#{$i}-col, - .mdl-cell--#{$i}-col-desktop.mdl-cell--#{$i}-col-desktop { - @include partial-size($i, $grid-desktop-columns, $grid-desktop-gutter); - } - } - - // Define valid desktop offsets. - @for $i from 1 through ($grid-desktop-columns - 1) { - .mdl-cell--#{$i}-offset, - .mdl-cell--#{$i}-offset-desktop.mdl-cell--#{$i}-offset-desktop { - @include offset-size($i, $grid-desktop-columns, $grid-desktop-gutter); - } - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/codepen-grid.css b/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/codepen-grid.css deleted file mode 100644 index b71618936b..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/codepen-grid.css +++ /dev/null @@ -1,11 +0,0 @@ -.mdl-cell { - box-sizing: border-box; - background-color: #BDBDBD; - height: 200px; - padding-left: 8px; - padding-top: 4px; - color: white; -} -.mdl-grid:first-of-type .mdl-cell { - height: 50px; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid-demo.html b/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid-demo.html deleted file mode 100644 index 88f6040f7f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid-demo.html +++ /dev/null @@ -1,15 +0,0 @@ - - -{% include "grid.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid.html b/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid.html deleted file mode 100644 index 202a091836..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/grid/snippets/grid.html +++ /dev/null @@ -1,29 +0,0 @@ -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
4
-
4
-
4
-
-
-
6
-
4
-
2
-
-
-
6 (8 tablet)
-
4 (6 tablet)
-
2 (4 phone)
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/_icon-toggle.scss b/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/_icon-toggle.scss deleted file mode 100644 index 354f02302f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/_icon-toggle.scss +++ /dev/null @@ -1,121 +0,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. - */ - -@import "../variables"; - -.mdl-icon-toggle { - position: relative; - - z-index: 1; - - vertical-align: middle; - - display: inline-block; - height: $icon-toggle-size; - margin: 0; - padding: 0; -} - -.mdl-icon-toggle__input { - line-height: $icon-toggle-size; - - .mdl-icon-toggle.is-upgraded & { - // Hide input element, while still making it respond to focus. - 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-icon-toggle__label { - display: inline-block; - position: relative; - cursor: pointer; - height: $icon-toggle-size; - width: $icon-toggle-size; - min-width: $icon-toggle-size; - color: $icon-toggle-color; - border-radius: 50%; - padding: 0; - margin-left: 0; - margin-right: 0; - text-align: center; - background-color: transparent; - will-change: background-color; - transition: background-color 0.2s $animation-curve-default, - color 0.2s $animation-curve-default; - - &.material-icons { - line-height: $icon-toggle-size; - font-size: $icon-toggle-font-size; - } - - .mdl-icon-toggle.is-checked & { - color: $icon-toggle-checked-color; - } - - .mdl-icon-toggle.is-disabled & { - color: $icon-toggle-disabled-color; - cursor: auto; - transition: none; - } - - .mdl-icon-toggle.is-focused & { - background-color: $icon-toggle-focus-color; - } - - .mdl-icon-toggle.is-focused.is-checked & { - background-color: $icon-toggle-checked-focus-color; - } -} - - -.mdl-icon-toggle__ripple-container { - position: absolute; - z-index: 2; - top: -(($icon-toggle-ripple-size - $icon-toggle-size) / 2); - left: -(($icon-toggle-ripple-size - $icon-toggle-size) / 2); - - box-sizing: border-box; - width: $icon-toggle-ripple-size; - height: $icon-toggle-ripple-size; - border-radius: 50%; - - cursor: pointer; - - overflow: hidden; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); - - & .mdl-ripple { - background: $icon-toggle-color; - } - - .mdl-icon-toggle.is-disabled & { - cursor: auto; - } - - .mdl-icon-toggle.is-disabled & .mdl-ripple { - background: transparent; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/icon-toggle.js b/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/icon-toggle.js deleted file mode 100644 index 5d5a17c6d6..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/icon-toggle.js +++ /dev/null @@ -1,255 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for icon toggle MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialIconToggle = function MaterialIconToggle(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialIconToggle'] = MaterialIconToggle; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialIconToggle.prototype.Constant_ = { - TINY_TIMEOUT: 0.001 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialIconToggle.prototype.CssClasses_ = { - INPUT: 'mdl-icon-toggle__input', - JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-icon-toggle__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple', - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked' - }; - - /** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialIconToggle.prototype.onChange_ = function(event) { - this.updateClasses_(); - }; - - /** - * Handle focus of element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialIconToggle.prototype.onFocus_ = function(event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle lost focus of element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialIconToggle.prototype.onBlur_ = function(event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialIconToggle.prototype.onMouseUp_ = function(event) { - this.blur_(); - }; - - /** - * Handle class updates. - * - * @private - */ - MaterialIconToggle.prototype.updateClasses_ = function() { - this.checkDisabled(); - this.checkToggleState(); - }; - - /** - * Add blur. - * - * @private - */ - MaterialIconToggle.prototype.blur_ = function() { - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function() { - this.inputElement_.blur(); - }.bind(this), /** @type {number} */ (this.Constant_.TINY_TIMEOUT)); - }; - - // Public methods. - - /** - * Check the inputs toggle state and update display. - * - * @public - */ - MaterialIconToggle.prototype.checkToggleState = function() { - if (this.inputElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } - }; - MaterialIconToggle.prototype['checkToggleState'] = - MaterialIconToggle.prototype.checkToggleState; - - /** - * Check the inputs disabled state and update display. - * - * @public - */ - MaterialIconToggle.prototype.checkDisabled = function() { - if (this.inputElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } - }; - MaterialIconToggle.prototype['checkDisabled'] = - MaterialIconToggle.prototype.checkDisabled; - - /** - * Disable icon toggle. - * - * @public - */ - MaterialIconToggle.prototype.disable = function() { - this.inputElement_.disabled = true; - this.updateClasses_(); - }; - MaterialIconToggle.prototype['disable'] = - MaterialIconToggle.prototype.disable; - - /** - * Enable icon toggle. - * - * @public - */ - MaterialIconToggle.prototype.enable = function() { - this.inputElement_.disabled = false; - this.updateClasses_(); - }; - MaterialIconToggle.prototype['enable'] = MaterialIconToggle.prototype.enable; - - /** - * Check icon toggle. - * - * @public - */ - MaterialIconToggle.prototype.check = function() { - this.inputElement_.checked = true; - this.updateClasses_(); - }; - MaterialIconToggle.prototype['check'] = MaterialIconToggle.prototype.check; - - /** - * Uncheck icon toggle. - * - * @public - */ - MaterialIconToggle.prototype.uncheck = function() { - this.inputElement_.checked = false; - this.updateClasses_(); - }; - MaterialIconToggle.prototype['uncheck'] = - MaterialIconToggle.prototype.uncheck; - - /** - * Initialize element. - */ - MaterialIconToggle.prototype.init = function() { - - if (this.element_) { - this.inputElement_ = - this.element_.querySelector('.' + this.CssClasses_.INPUT); - - if (this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - this.rippleContainerElement_ = document.createElement('span'); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER); - this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER); - this.boundRippleMouseUp = this.onMouseUp_.bind(this); - this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp); - - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - - this.rippleContainerElement_.appendChild(ripple); - this.element_.appendChild(this.rippleContainerElement_); - } - - this.boundInputOnChange = this.onChange_.bind(this); - this.boundInputOnFocus = this.onFocus_.bind(this); - this.boundInputOnBlur = this.onBlur_.bind(this); - this.boundElementOnMouseUp = this.onMouseUp_.bind(this); - this.inputElement_.addEventListener('change', this.boundInputOnChange); - this.inputElement_.addEventListener('focus', this.boundInputOnFocus); - this.inputElement_.addEventListener('blur', this.boundInputOnBlur); - this.element_.addEventListener('mouseup', this.boundElementOnMouseUp); - - this.updateClasses_(); - this.element_.classList.add('is-upgraded'); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialIconToggle, - classAsString: 'MaterialIconToggle', - cssClass: 'mdl-js-icon-toggle', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-off.html b/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-off.html deleted file mode 100644 index 347a490f52..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-off.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-on.html b/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-on.html deleted file mode 100644 index 23632a3614..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/icon-toggle/snippets/icon-on.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/images/buffer.svg b/dashboard-ui/bower_components/material-design-lite/src/images/buffer.svg deleted file mode 100644 index 790b160ff8..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/images/buffer.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/images/tick-mask.svg b/dashboard-ui/bower_components/material-design-lite/src/images/tick-mask.svg deleted file mode 100644 index b098920425..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/images/tick-mask.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - - - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/images/tick.svg b/dashboard-ui/bower_components/material-design-lite/src/images/tick.svg deleted file mode 100644 index b3d6ec8555..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/images/tick.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/index.html b/dashboard-ui/bower_components/material-design-lite/src/index.html deleted file mode 100644 index 5b0f88bf82..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/index.html +++ /dev/null @@ -1,209 +0,0 @@ - - - - - - - - Material Design Lite - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- Material Design Lite - -
- -
-
-

Typography

- -
- -
-

List

- -
- -
-

Palette

- -
- -
-

Shadows

- -
- -
-

Cards

- -
- -
-

Animation

- -
- -
-

Button

- -
- -
-

Menu

- -
- -
-

Text Field

- -
- -
-

Radio Buttons

- -
- -
-

Checkbox

- -
- -
-

Switch

- -
- -
-

Icon Toggle

- -
- -
-

Slider

- -
- -
-

Spinner

- -
- -
-

Progress Bar

- -
- -
-

Layout

- -
- -
-

Content Tabs

- -
- -
-

Icons

- -
- - -
-

Tooltip

- -
- -
-

Column Layout

- -
- -
-

Footer

- -
-
-
- - - - - - - - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/_layout.scss b/dashboard-ui/bower_components/material-design-lite/src/layout/_layout.scss deleted file mode 100644 index de8fc0ce33..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/_layout.scss +++ /dev/null @@ -1,667 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -// Navigation classes. Only used here for now, but we may at some point move -// this to its own component. -.mdl-navigation { - display: flex; - flex-wrap: nowrap; - box-sizing: border-box; -} - -.mdl-navigation__link { - color: $layout-text-color; - text-decoration: none; - margin: 0; - @include typo-body-1(true); - - // Align icons inside link with text - & .material-icons { - vertical-align: middle; - } -} - -// Main layout class. -.mdl-layout { - width: 100%; - height: 100%; - display: flex; - flex-direction: column; - overflow-y: auto; - overflow-x: hidden; - position: relative; - -webkit-overflow-scrolling: touch; -} - -// Utility classes for screen sizes. -.mdl-layout.is-small-screen .mdl-layout--large-screen-only { - display: none; -} - -.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only { - display: none; -} - -.mdl-layout__container { - position: absolute; - width: 100%; - height: 100%; -} - - - // Optional utility classes for formatting special blocks in this component. - .mdl-layout__title, - .mdl-layout-title { - display: block; - position: relative; - - @include typo-title(); - font-weight: 400; - box-sizing: border-box; - } - - .mdl-layout-spacer { - flex-grow: 1; - } - - - // Drawer. - .mdl-layout__drawer { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - - width: $layout-drawer-width; - height: 100%; - max-height: 100%; - - position: absolute; - top: 0; - left: 0; - - @include shadow-2dp(); - - box-sizing: border-box; - border-right: 1px solid $layout-drawer-border-color; - background: $layout-drawer-bg-color; - - // Transform offscreen. - transform: translateX(-$layout-drawer-width - 10px); - transform-style: preserve-3d; - will-change: transform; - - @include material-animation-default(); - transition-property: transform; - - color: $layout-text-color; - - overflow: visible; - overflow-y: auto; - - z-index: 5; - - &.is-visible { - transform: translateX(0); - & ~ .mdl-layout__content.mdl-layout__content { - overflow: hidden; - } - } - - & > * { - flex-shrink: 0; - } - - & > .mdl-layout__title, - & > .mdl-layout-title { - line-height: $layout-desktop-header-height; - padding-left: $layout-header-desktop-indent; - - @media screen and (max-width: $layout-screen-size-threshold) { - line-height: $layout-mobile-header-height; - padding-left: $layout-header-mobile-indent; - } - } - - & .mdl-navigation { - flex-direction: column; - align-items: stretch; - padding-top: 16px; - - & .mdl-navigation__link { - display: block; - flex-shrink: 0; - padding: 16px $layout-header-desktop-indent; - margin: 0; - color: $layout-drawer-navigation-color; - - @media screen and (max-width: $layout-screen-size-threshold) { - padding: 16px $layout-header-mobile-indent; - } - - &:hover { - background-color: $layout-nav-color; - } - - &--current { - background-color: $layout-drawer-navigation-link-active-background; - color: $layout-drawer-navigation-link-active-color; - } - } - } - - @media screen and (min-width: $layout-screen-size-threshold + 1px) { - .mdl-layout--fixed-drawer > & { - transform: translateX(0); - } - } - } - - - // Drawer button. - // TODO(sgomes): Replace with an icon button when we have that component. - .mdl-layout__drawer-button { - display: block; - - position: absolute; - height: $layout-drawer-button-desktop-size; - width: $layout-drawer-button-desktop-size; - border: 0; - - flex-shrink: 0; - - overflow: hidden; - text-align: center; - cursor: pointer; - font-size: 26px; - line-height: $layout-drawer-button-desktop-size + 2; - font-family: Helvetica, Arial, sans-serif; - margin: 10px 12px; - top: 0; - left: 0; - color: $layout-header-text-color; - - z-index: 4; - - .mdl-layout__header & { - position: absolute; - color: $layout-header-text-color; - background-color: inherit; - - @media screen and (max-width: $layout-screen-size-threshold) { - margin: 4px; - } - } - - @media screen and (max-width: $layout-screen-size-threshold) { - margin: 4px; - color: rgba(0, 0, 0, 0.5); - } - - @media screen and (min-width: $layout-screen-size-threshold + 1px) { - .mdl-layout--fixed-drawer > & { - display: none; - } - - .mdl-layout--no-desktop-drawer-button & { - display: none; - } - } - - .mdl-layout--no-drawer-button & { - display: none; - } - } - - .mdl-layout__header { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: flex-start; - box-sizing: border-box; - flex-shrink: 0; - - width: 100%; - margin: 0; - padding: 0; - border: none; - min-height: $layout-desktop-header-height; - max-height: 1000px; - z-index: 3; - - background-color: $layout-header-bg-color; - color: $layout-header-text-color; - - @include shadow-2dp(); - @include material-animation-default(); - transition-property: max-height, box-shadow; - - @media screen and (max-width: $layout-screen-size-threshold) { - min-height: $layout-mobile-header-height; - } - - .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > & { - margin-left: $layout-drawer-width; - width: calc(100% - #{$layout-drawer-width}); - } - - @media screen and (min-width: $layout-screen-size-threshold + 1px) { - .mdl-layout--fixed-drawer > & { - .mdl-layout__header-row { - padding-left: 40px; - } - } - } - - & > .mdl-layout-icon { - position: absolute; - left: $layout-header-desktop-indent; - top: ($layout-desktop-header-height - $layout-header-icon-size) / 2; - height: $layout-header-icon-size; - width: $layout-header-icon-size; - overflow: hidden; - z-index: 3; - display: block; - - @media screen and (max-width: $layout-screen-size-threshold) { - left: $layout-header-mobile-indent; - top: ($layout-mobile-header-height - $layout-header-icon-size) / 2; - } - } - - .mdl-layout.has-drawer & > .mdl-layout-icon { - display: none; - } - - &.is-compact { - max-height: $layout-desktop-header-height; - - @media screen and (max-width: $layout-screen-size-threshold) { - max-height: $layout-mobile-header-height; - } - } - - &.is-compact.has-tabs { - height: $layout-desktop-header-height + $layout-tab-bar-height; - - @media screen and (max-width: $layout-screen-size-threshold) { - min-height: $layout-mobile-header-height + $layout-tab-bar-height; - } - } - - @media screen and (max-width: $layout-screen-size-threshold) { - & { - display: none; - } - - .mdl-layout--fixed-header > & { - display: flex; - } - } - } - - .mdl-layout__header--transparent.mdl-layout__header--transparent { - background-color: transparent; - box-shadow: none; - } - - .mdl-layout__header--seamed { - box-shadow: none; - } - - .mdl-layout__header--scroll { - box-shadow: none; - } - - .mdl-layout__header--waterfall { - box-shadow: none; - overflow: hidden; - - &.is-casting-shadow { - @include shadow-2dp(); - } - - &.mdl-layout__header--waterfall-hide-top { - justify-content: flex-end; - } - } - - .mdl-layout__header-row { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - flex-shrink: 0; - box-sizing: border-box; - align-self: stretch; - align-items: center; - height: $layout-header-desktop-row-height; - margin: 0; - padding: 0 $layout-header-desktop-indent 0 $layout-header-desktop-baseline; - - .mdl-layout--no-drawer-button & { - padding-left: $layout-header-desktop-indent; - } - - @media screen and (min-width: $layout-screen-size-threshold + 1px) { - .mdl-layout--no-desktop-drawer-button & { - padding-left: $layout-header-desktop-indent; - } - } - - @media screen and (max-width: $layout-screen-size-threshold) { - height: $layout-header-mobile-row-height; - padding: 0 $layout-header-mobile-indent 0 $layout-header-mobile-baseline; - - .mdl-layout--no-drawer-button & { - padding-left: $layout-header-mobile-indent; - } - } - - & > * { - flex-shrink: 0; - } - - .mdl-layout__header--scroll & { - width: 100%; - } - - & .mdl-navigation { - margin: 0; - padding: 0; - height: $layout-header-desktop-row-height; - flex-direction: row; - align-items: center; - - @media screen and (max-width: $layout-screen-size-threshold) { - height: $layout-header-mobile-row-height; - } - } - - & .mdl-navigation__link { - display: block; - color: $layout-header-text-color; - line-height: $layout-header-desktop-row-height; - padding: 0 24px; - - @media screen and (max-width: $layout-screen-size-threshold) { - line-height: $layout-header-mobile-row-height; - padding: 0 $layout-header-mobile-indent; - } - } - } - - // Obfuscator. - .mdl-layout__obfuscator { - background-color: transparent; - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 4; - visibility: hidden; - transition-property: background-color; - @include material-animation-default(); - - &.is-visible { - background-color: rgba(0, 0, 0, 0.5); - visibility: visible; - } - - @supports (pointer-events: auto) { - background-color: rgba(0, 0, 0, 0.5); - opacity: 0; - transition-property: opacity; - visibility: visible; - pointer-events: none; - &.is-visible { - pointer-events: auto; - opacity: 1; - } - } - } - - - // Content. - .mdl-layout__content { - // Fix IE10 bug. - -ms-flex: 0 1 auto; - - position: relative; - display: inline-block; - overflow-y: auto; - overflow-x: hidden; - flex-grow: 1; - z-index: 1; - -webkit-overflow-scrolling: touch; - - .mdl-layout--fixed-drawer > & { - margin-left: $layout-drawer-width; - } - - .mdl-layout__container.has-scrolling-header & { - overflow: visible; - } - - @media screen and (max-width: $layout-screen-size-threshold) { - .mdl-layout--fixed-drawer > & { - margin-left: 0; - } - - .mdl-layout__container.has-scrolling-header & { - overflow-y: auto; - overflow-x: hidden; - } - } - } - - // Tabs. - .mdl-layout__tab-bar { - height: $layout-tab-bar-height * 2; - margin: 0; - width: calc(100% - - #{(($layout-header-desktop-baseline - $layout-tab-desktop-padding) * 2)}); - padding: 0 0 0 - ($layout-header-desktop-baseline - $layout-tab-desktop-padding); - display: flex; - background-color: $layout-header-bg-color; - overflow-y: hidden; - overflow-x: scroll; - - &::-webkit-scrollbar { - display: none; - } - - .mdl-layout--no-drawer-button & { - padding-left: $layout-header-desktop-indent - $layout-tab-desktop-padding; - width: calc(100% - - #{(($layout-header-desktop-indent - $layout-tab-desktop-padding) * 2)}); - } - - @media screen and (min-width: $layout-screen-size-threshold + 1px) { - .mdl-layout--no-desktop-drawer-button & { - padding-left: $layout-header-desktop-indent - $layout-tab-desktop-padding; - width: calc(100% - - #{(($layout-header-desktop-indent - $layout-tab-desktop-padding) * 2)}); - } - } - - @media screen and (max-width: $layout-screen-size-threshold) { - width: calc(100% - - #{($layout-header-mobile-baseline - $layout-tab-mobile-padding)}); - padding: 0 0 0 - ($layout-header-mobile-baseline - $layout-tab-mobile-padding); - - .mdl-layout--no-drawer-button & { - width: calc(100% - - #{(($layout-header-mobile-indent - $layout-tab-mobile-padding) * 2)}); - padding-left: $layout-header-mobile-indent - $layout-tab-mobile-padding; - } - } - - .mdl-layout--fixed-tabs & { - padding: 0; - overflow: hidden; - width: 100%; - } - } - - .mdl-layout__tab-bar-container { - position: relative; - height: $layout-tab-bar-height; - width: 100%; - border: none; - margin: 0; - z-index: 2; - flex-grow: 0; - flex-shrink: 0; - overflow: hidden; - - .mdl-layout__container > & { - position: absolute; - top: 0; - left: 0; - } - } - - .mdl-layout__tab-bar-button { - display: inline-block; - position: absolute; - top: 0; - height: $layout-tab-bar-height; - width: $layout-header-desktop-baseline - $layout-tab-desktop-padding; - z-index: 4; - text-align: center; - background-color: $layout-header-bg-color; - color: transparent; - cursor: pointer; - user-select: none; - - .mdl-layout--no-desktop-drawer-button &, - .mdl-layout--no-drawer-button & { - width: $layout-header-desktop-indent - $layout-tab-desktop-padding; - - & .material-icons { - position: relative; - left: ($layout-header-desktop-indent - $layout-tab-desktop-padding - 24px) / 2; - } - } - - @media screen and (max-width: $layout-screen-size-threshold) { - display: none; - width: $layout-header-mobile-baseline - $layout-tab-mobile-padding; - } - - .mdl-layout--fixed-tabs & { - display: none; - } - - & .material-icons { - line-height: $layout-tab-bar-height; - } - - &.is-active { - color: $layout-header-text-color; - } - } - - .mdl-layout__tab-bar-left-button { - left: 0; - } - - .mdl-layout__tab-bar-right-button { - right: 0; - } - - .mdl-layout__tab { - margin: 0; - border: none; - padding: 0 $layout-tab-desktop-padding 0 $layout-tab-desktop-padding; - - float: left; - position: relative; - display: block; - flex-grow: 0; - flex-shrink: 0; - - text-decoration: none; - height: $layout-tab-bar-height; - line-height: $layout-tab-bar-height; - - text-align: center; - font-weight: 500; - font-size: $layout-tab-font-size; - text-transform: uppercase; - - color: $layout-header-tab-text-color; - overflow: hidden; - - @media screen and (max-width: $layout-screen-size-threshold) { - padding: 0 $layout-tab-mobile-padding 0 $layout-tab-mobile-padding; - } - - .mdl-layout--fixed-tabs & { - float: none; - flex-grow: 1; - padding: 0; - } - - .mdl-layout.is-upgraded &.is-active { - color: $layout-header-text-color; - } - - .mdl-layout.is-upgraded &.is-active::after { - height: $layout-tab-highlight-thickness; - width: 100%; - display: block; - content: " "; - bottom: 0; - left: 0; - position: absolute; - background: $layout-header-tab-highlight; - animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards; - transition: all 1s cubic-bezier(0.4, 0.0, 1, 1); - } - - & .mdl-layout__tab-ripple-container { - display: block; - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; - z-index: 1; - overflow: hidden; - - & .mdl-ripple { - background-color: $layout-header-text-color; - } - } - } - - .mdl-layout__tab-panel { - display: block; - - .mdl-layout.is-upgraded & { - display: none; - } - - .mdl-layout.is-upgraded &.is-active { - display: block; - } - } diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/layout.js b/dashboard-ui/bower_components/material-design-lite/src/layout/layout.js deleted file mode 100644 index b479f9096c..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/layout.js +++ /dev/null @@ -1,571 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Layout MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialLayout = function MaterialLayout(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialLayout'] = MaterialLayout; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialLayout.prototype.Constant_ = { - MAX_WIDTH: '(max-width: 1024px)', - TAB_SCROLL_PIXELS: 100, - RESIZE_TIMEOUT: 100, - - MENU_ICON: '', - CHEVRON_LEFT: 'chevron_left', - CHEVRON_RIGHT: 'chevron_right' - }; - - /** - * Keycodes, for code readability. - * - * @enum {number} - * @private - */ - MaterialLayout.prototype.Keycodes_ = { - ENTER: 13, - ESCAPE: 27, - SPACE: 32 - }; - - /** - * Modes. - * - * @enum {number} - * @private - */ - MaterialLayout.prototype.Mode_ = { - STANDARD: 0, - SEAMED: 1, - WATERFALL: 2, - SCROLL: 3 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialLayout.prototype.CssClasses_ = { - CONTAINER: 'mdl-layout__container', - HEADER: 'mdl-layout__header', - DRAWER: 'mdl-layout__drawer', - CONTENT: 'mdl-layout__content', - DRAWER_BTN: 'mdl-layout__drawer-button', - - ICON: 'material-icons', - - JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_CONTAINER: 'mdl-layout__tab-ripple-container', - RIPPLE: 'mdl-ripple', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - - HEADER_SEAMED: 'mdl-layout__header--seamed', - HEADER_WATERFALL: 'mdl-layout__header--waterfall', - HEADER_SCROLL: 'mdl-layout__header--scroll', - - FIXED_HEADER: 'mdl-layout--fixed-header', - OBFUSCATOR: 'mdl-layout__obfuscator', - - TAB_BAR: 'mdl-layout__tab-bar', - TAB_CONTAINER: 'mdl-layout__tab-bar-container', - TAB: 'mdl-layout__tab', - TAB_BAR_BUTTON: 'mdl-layout__tab-bar-button', - TAB_BAR_LEFT_BUTTON: 'mdl-layout__tab-bar-left-button', - TAB_BAR_RIGHT_BUTTON: 'mdl-layout__tab-bar-right-button', - PANEL: 'mdl-layout__tab-panel', - - HAS_DRAWER: 'has-drawer', - HAS_TABS: 'has-tabs', - HAS_SCROLLING_HEADER: 'has-scrolling-header', - CASTING_SHADOW: 'is-casting-shadow', - IS_COMPACT: 'is-compact', - IS_SMALL_SCREEN: 'is-small-screen', - IS_DRAWER_OPEN: 'is-visible', - IS_ACTIVE: 'is-active', - IS_UPGRADED: 'is-upgraded', - IS_ANIMATING: 'is-animating', - - ON_LARGE_SCREEN: 'mdl-layout--large-screen-only', - ON_SMALL_SCREEN: 'mdl-layout--small-screen-only' - - }; - - /** - * Handles scrolling on the content. - * - * @private - */ - MaterialLayout.prototype.contentScrollHandler_ = function() { - if (this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)) { - return; - } - - var headerVisible = - !this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN) || - this.element_.classList.contains(this.CssClasses_.FIXED_HEADER); - - if (this.content_.scrollTop > 0 && - !this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) { - this.header_.classList.add(this.CssClasses_.CASTING_SHADOW); - this.header_.classList.add(this.CssClasses_.IS_COMPACT); - if (headerVisible) { - this.header_.classList.add(this.CssClasses_.IS_ANIMATING); - } - } else if (this.content_.scrollTop <= 0 && - this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) { - this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW); - this.header_.classList.remove(this.CssClasses_.IS_COMPACT); - if (headerVisible) { - this.header_.classList.add(this.CssClasses_.IS_ANIMATING); - } - } - }; - - /** - * Handles a keyboard event on the drawer. - * - * @param {Event} evt The event that fired. - * @private - */ - MaterialLayout.prototype.keyboardEventHandler_ = function(evt) { - // Only react when the drawer is open. - if (evt.keyCode === this.Keycodes_.ESCAPE && - this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) { - this.toggleDrawer(); - } - }; - - /** - * Handles changes in screen size. - * - * @private - */ - MaterialLayout.prototype.screenSizeHandler_ = function() { - if (this.screenSizeMediaQuery_.matches) { - this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN); - } else { - this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN); - // Collapse drawer (if any) when moving to a large screen size. - if (this.drawer_) { - this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN); - this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN); - } - } - }; - - /** - * Handles events of drawer button. - * - * @param {Event} evt The event that fired. - * @private - */ - MaterialLayout.prototype.drawerToggleHandler_ = function(evt) { - if (evt && (evt.type === 'keydown')) { - if (evt.keyCode === this.Keycodes_.SPACE || evt.keyCode === this.Keycodes_.ENTER) { - // prevent scrolling in drawer nav - evt.preventDefault(); - } else { - // prevent other keys - return; - } - } - - this.toggleDrawer(); - }; - - /** - * Handles (un)setting the `is-animating` class - * - * @private - */ - MaterialLayout.prototype.headerTransitionEndHandler_ = function() { - this.header_.classList.remove(this.CssClasses_.IS_ANIMATING); - }; - - /** - * Handles expanding the header on click - * - * @private - */ - MaterialLayout.prototype.headerClickHandler_ = function() { - if (this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) { - this.header_.classList.remove(this.CssClasses_.IS_COMPACT); - this.header_.classList.add(this.CssClasses_.IS_ANIMATING); - } - }; - - /** - * Reset tab state, dropping active classes - * - * @private - */ - MaterialLayout.prototype.resetTabState_ = function(tabBar) { - for (var k = 0; k < tabBar.length; k++) { - tabBar[k].classList.remove(this.CssClasses_.IS_ACTIVE); - } - }; - - /** - * Reset panel state, droping active classes - * - * @private - */ - MaterialLayout.prototype.resetPanelState_ = function(panels) { - for (var j = 0; j < panels.length; j++) { - panels[j].classList.remove(this.CssClasses_.IS_ACTIVE); - } - }; - - /** - * Toggle drawer state - * - * @public - */ - MaterialLayout.prototype.toggleDrawer = function() { - var drawerButton = this.element_.querySelector('.' + this.CssClasses_.DRAWER_BTN); - this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN); - this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN); - - // Set accessibility properties. - if (this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)) { - this.drawer_.setAttribute('aria-hidden', 'false'); - drawerButton.setAttribute('aria-expanded', 'true'); - } else { - this.drawer_.setAttribute('aria-hidden', 'true'); - drawerButton.setAttribute('aria-expanded', 'false'); - } - }; - MaterialLayout.prototype['toggleDrawer'] = - MaterialLayout.prototype.toggleDrawer; - - /** - * Initialize element. - */ - MaterialLayout.prototype.init = function() { - if (this.element_) { - var container = document.createElement('div'); - container.classList.add(this.CssClasses_.CONTAINER); - - var focusedElement = this.element_.querySelector(':focus'); - - this.element_.parentElement.insertBefore(container, this.element_); - this.element_.parentElement.removeChild(this.element_); - container.appendChild(this.element_); - - if (focusedElement) { - focusedElement.focus(); - } - - var directChildren = this.element_.childNodes; - var numChildren = directChildren.length; - for (var c = 0; c < numChildren; c++) { - var child = directChildren[c]; - if (child.classList && - child.classList.contains(this.CssClasses_.HEADER)) { - this.header_ = child; - } - - if (child.classList && - child.classList.contains(this.CssClasses_.DRAWER)) { - this.drawer_ = child; - } - - if (child.classList && - child.classList.contains(this.CssClasses_.CONTENT)) { - this.content_ = child; - } - } - - window.addEventListener('pageshow', function(e) { - if (e.persisted) { // when page is loaded from back/forward cache - // trigger repaint to let layout scroll in safari - this.element_.style.overflowY = 'hidden'; - requestAnimationFrame(function() { - this.element_.style.overflowY = ''; - }.bind(this)); - } - }.bind(this), false); - - if (this.header_) { - this.tabBar_ = this.header_.querySelector('.' + this.CssClasses_.TAB_BAR); - } - - var mode = this.Mode_.STANDARD; - - if (this.header_) { - if (this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)) { - mode = this.Mode_.SEAMED; - } else if (this.header_.classList.contains( - this.CssClasses_.HEADER_WATERFALL)) { - mode = this.Mode_.WATERFALL; - this.header_.addEventListener('transitionend', - this.headerTransitionEndHandler_.bind(this)); - this.header_.addEventListener('click', - this.headerClickHandler_.bind(this)); - } else if (this.header_.classList.contains( - this.CssClasses_.HEADER_SCROLL)) { - mode = this.Mode_.SCROLL; - container.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER); - } - - if (mode === this.Mode_.STANDARD) { - this.header_.classList.add(this.CssClasses_.CASTING_SHADOW); - if (this.tabBar_) { - this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW); - } - } else if (mode === this.Mode_.SEAMED || mode === this.Mode_.SCROLL) { - this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW); - if (this.tabBar_) { - this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW); - } - } else if (mode === this.Mode_.WATERFALL) { - // Add and remove shadows depending on scroll position. - // Also add/remove auxiliary class for styling of the compact version of - // the header. - this.content_.addEventListener('scroll', - this.contentScrollHandler_.bind(this)); - this.contentScrollHandler_(); - } - } - - // Add drawer toggling button to our layout, if we have an openable drawer. - if (this.drawer_) { - var drawerButton = this.element_.querySelector('.' + - this.CssClasses_.DRAWER_BTN); - if (!drawerButton) { - drawerButton = document.createElement('div'); - drawerButton.setAttribute('aria-expanded', 'false'); - drawerButton.setAttribute('role', 'button'); - drawerButton.setAttribute('tabindex', '0'); - drawerButton.classList.add(this.CssClasses_.DRAWER_BTN); - - var drawerButtonIcon = document.createElement('i'); - drawerButtonIcon.classList.add(this.CssClasses_.ICON); - drawerButtonIcon.innerHTML = this.Constant_.MENU_ICON; - drawerButton.appendChild(drawerButtonIcon); - } - - if (this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)) { - //If drawer has ON_LARGE_SCREEN class then add it to the drawer toggle button as well. - drawerButton.classList.add(this.CssClasses_.ON_LARGE_SCREEN); - } else if (this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)) { - //If drawer has ON_SMALL_SCREEN class then add it to the drawer toggle button as well. - drawerButton.classList.add(this.CssClasses_.ON_SMALL_SCREEN); - } - - drawerButton.addEventListener('click', - this.drawerToggleHandler_.bind(this)); - - drawerButton.addEventListener('keydown', - this.drawerToggleHandler_.bind(this)); - - // Add a class if the layout has a drawer, for altering the left padding. - // Adds the HAS_DRAWER to the elements since this.header_ may or may - // not be present. - this.element_.classList.add(this.CssClasses_.HAS_DRAWER); - - // If we have a fixed header, add the button to the header rather than - // the layout. - if (this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)) { - this.header_.insertBefore(drawerButton, this.header_.firstChild); - } else { - this.element_.insertBefore(drawerButton, this.content_); - } - - var obfuscator = document.createElement('div'); - obfuscator.classList.add(this.CssClasses_.OBFUSCATOR); - this.element_.appendChild(obfuscator); - obfuscator.addEventListener('click', - this.drawerToggleHandler_.bind(this)); - this.obfuscator_ = obfuscator; - - this.drawer_.addEventListener('keydown', this.keyboardEventHandler_.bind(this)); - this.drawer_.setAttribute('aria-hidden', 'true'); - } - - // Keep an eye on screen size, and add/remove auxiliary class for styling - // of small screens. - this.screenSizeMediaQuery_ = window.matchMedia( - /** @type {string} */ (this.Constant_.MAX_WIDTH)); - this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this)); - this.screenSizeHandler_(); - - // Initialize tabs, if any. - if (this.header_ && this.tabBar_) { - this.element_.classList.add(this.CssClasses_.HAS_TABS); - - var tabContainer = document.createElement('div'); - tabContainer.classList.add(this.CssClasses_.TAB_CONTAINER); - this.header_.insertBefore(tabContainer, this.tabBar_); - this.header_.removeChild(this.tabBar_); - - var leftButton = document.createElement('div'); - leftButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON); - leftButton.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON); - var leftButtonIcon = document.createElement('i'); - leftButtonIcon.classList.add(this.CssClasses_.ICON); - leftButtonIcon.textContent = this.Constant_.CHEVRON_LEFT; - leftButton.appendChild(leftButtonIcon); - leftButton.addEventListener('click', function() { - this.tabBar_.scrollLeft -= this.Constant_.TAB_SCROLL_PIXELS; - }.bind(this)); - - var rightButton = document.createElement('div'); - rightButton.classList.add(this.CssClasses_.TAB_BAR_BUTTON); - rightButton.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON); - var rightButtonIcon = document.createElement('i'); - rightButtonIcon.classList.add(this.CssClasses_.ICON); - rightButtonIcon.textContent = this.Constant_.CHEVRON_RIGHT; - rightButton.appendChild(rightButtonIcon); - rightButton.addEventListener('click', function() { - this.tabBar_.scrollLeft += this.Constant_.TAB_SCROLL_PIXELS; - }.bind(this)); - - tabContainer.appendChild(leftButton); - tabContainer.appendChild(this.tabBar_); - tabContainer.appendChild(rightButton); - - // Add and remove tab buttons depending on scroll position and total - // window size. - var tabUpdateHandler = function() { - if (this.tabBar_.scrollLeft > 0) { - leftButton.classList.add(this.CssClasses_.IS_ACTIVE); - } else { - leftButton.classList.remove(this.CssClasses_.IS_ACTIVE); - } - - if (this.tabBar_.scrollLeft < - this.tabBar_.scrollWidth - this.tabBar_.offsetWidth) { - rightButton.classList.add(this.CssClasses_.IS_ACTIVE); - } else { - rightButton.classList.remove(this.CssClasses_.IS_ACTIVE); - } - }.bind(this); - - this.tabBar_.addEventListener('scroll', tabUpdateHandler); - tabUpdateHandler(); - - // Update tabs when the window resizes. - var windowResizeHandler = function() { - // Use timeouts to make sure it doesn't happen too often. - if (this.resizeTimeoutId_) { - clearTimeout(this.resizeTimeoutId_); - } - this.resizeTimeoutId_ = setTimeout(function() { - tabUpdateHandler(); - this.resizeTimeoutId_ = null; - }.bind(this), /** @type {number} */ (this.Constant_.RESIZE_TIMEOUT)); - }.bind(this); - - window.addEventListener('resize', windowResizeHandler); - - if (this.tabBar_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) { - this.tabBar_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - } - - // Select element tabs, document panels - var tabs = this.tabBar_.querySelectorAll('.' + this.CssClasses_.TAB); - var panels = this.content_.querySelectorAll('.' + this.CssClasses_.PANEL); - - // Create new tabs for each tab element - for (var i = 0; i < tabs.length; i++) { - new MaterialLayoutTab(tabs[i], tabs, panels, this); - } - } - - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } - }; - - /** - * Constructor for an individual tab. - * - * @constructor - * @param {HTMLElement} tab The HTML element for the tab. - * @param {!Array} tabs Array with HTML elements for all tabs. - * @param {!Array} panels Array with HTML elements for all panels. - * @param {MaterialLayout} layout The MaterialLayout object that owns the tab. - */ - function MaterialLayoutTab(tab, tabs, panels, layout) { - - /** - * Auxiliary method to programmatically select a tab in the UI. - */ - function selectTab() { - var href = tab.href.split('#')[1]; - var panel = layout.content_.querySelector('#' + href); - layout.resetTabState_(tabs); - layout.resetPanelState_(panels); - tab.classList.add(layout.CssClasses_.IS_ACTIVE); - panel.classList.add(layout.CssClasses_.IS_ACTIVE); - } - - if (layout.tabBar_.classList.contains( - layout.CssClasses_.JS_RIPPLE_EFFECT)) { - var rippleContainer = document.createElement('span'); - rippleContainer.classList.add(layout.CssClasses_.RIPPLE_CONTAINER); - rippleContainer.classList.add(layout.CssClasses_.JS_RIPPLE_EFFECT); - var ripple = document.createElement('span'); - ripple.classList.add(layout.CssClasses_.RIPPLE); - rippleContainer.appendChild(ripple); - tab.appendChild(rippleContainer); - } - - tab.addEventListener('click', function(e) { - if (tab.getAttribute('href').charAt(0) === '#') { - e.preventDefault(); - selectTab(); - } - }); - - tab.show = selectTab; - - } - window['MaterialLayoutTab'] = MaterialLayoutTab; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialLayout, - classAsString: 'MaterialLayout', - cssClass: 'mdl-js-layout' - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer-demo.html deleted file mode 100644 index 6a975c803c..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer-demo.html +++ /dev/null @@ -1,15 +0,0 @@ - - -{% include "fixed-drawer.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer.html deleted file mode 100644 index d03455ed7d..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-drawer.html +++ /dev/null @@ -1,15 +0,0 @@ - -
-
- Title - -
-
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-demo.html deleted file mode 100644 index 992953a510..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-demo.html +++ /dev/null @@ -1,15 +0,0 @@ - - -{% include "fixed-header.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer-demo.html deleted file mode 100644 index 389199e148..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer-demo.html +++ /dev/null @@ -1,15 +0,0 @@ - - -{% include "fixed-header-drawer.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer.html deleted file mode 100644 index 9d85c30958..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header-drawer.html +++ /dev/null @@ -1,33 +0,0 @@ - -
-
-
-
-
- -
- -
-
-
-
-
- Title - -
-
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header.html deleted file mode 100644 index 43ecea3a9d..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-header.html +++ /dev/null @@ -1,30 +0,0 @@ - -
-
-
- - Title - -
- - -
-
-
- Title - -
-
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs-demo.html deleted file mode 100644 index 7091a0990f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs-demo.html +++ /dev/null @@ -1,15 +0,0 @@ - - -{% include "fixed-tabs.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs.html deleted file mode 100644 index d9e7521129..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/fixed-tabs.html +++ /dev/null @@ -1,30 +0,0 @@ - -
-
-
- - Title -
- -
- Tab 1 - Tab 2 - Tab 3 -
-
-
- Title -
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs-demo.html deleted file mode 100644 index 848dcdd361..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs-demo.html +++ /dev/null @@ -1,15 +0,0 @@ - - -{% include "scrollable-tabs.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs.html deleted file mode 100644 index 822863a117..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrollable-tabs.html +++ /dev/null @@ -1,41 +0,0 @@ - -
-
-
- - Title -
- -
- Tab 1 - Tab 2 - Tab 3 - Tab 4 - Tab 5 - Tab 6 -
-
-
- Title -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header-demo.html deleted file mode 100644 index 7a015336b4..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header-demo.html +++ /dev/null @@ -1,16 +0,0 @@ - - -{% include "scrolling-header.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header.html deleted file mode 100644 index 6d798a72bf..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/scrolling-header.html +++ /dev/null @@ -1,31 +0,0 @@ - -
-
-
- - Title - -
- - -
-
-
- Title - -
-
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent-demo.html deleted file mode 100644 index 75dc85433e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent-demo.html +++ /dev/null @@ -1,12 +0,0 @@ - - -{% include "transparent.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent.html deleted file mode 100644 index 752b8b852f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/transparent.html +++ /dev/null @@ -1,41 +0,0 @@ - - - -
-
-
- - Title - -
- - -
-
-
- Title - -
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header-demo.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header-demo.html deleted file mode 100644 index 15cb494198..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header-demo.html +++ /dev/null @@ -1,16 +0,0 @@ - - -{% include "waterfall-header.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header.html b/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header.html deleted file mode 100644 index 0b2e492fec..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/layout/snippets/waterfall-header.html +++ /dev/null @@ -1,51 +0,0 @@ - - - -
-
- -
- - Title -
-
- -
- -
-
-
- -
-
- - -
-
-
- Title - -
-
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/list/_list.scss b/dashboard-ui/bower_components/material-design-lite/src/list/_list.scss deleted file mode 100644 index 980ef38146..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/list/_list.scss +++ /dev/null @@ -1,157 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - - -.mdl-list { - display: block; - padding: $list-border 0; - list-style: none; -} - -.mdl-list__item { - @include typo-subhead(); - line-height: 1; - display: flex; - min-height: $list-min-height; - box-sizing: border-box; - flex-direction: row; - flex-wrap: nowrap; - align-items: center; - padding: $list-min-padding; - cursor: default; - color: $list-main-text-text-color; - overflow: hidden; - - & .mdl-list__item-primary-content { - order: 0; - flex-grow: 2; - text-decoration: none; - box-sizing: border-box; - display: flex; - align-items: center; - - & .mdl-list__item-icon { - margin-right: $list-icon-text-left-distance - $list-icon-size - $list-min-padding; - } - - & .mdl-list__item-avatar { - margin-right: $list-avatar-text-left-distance - $list-avatar-size - $list-min-padding; - } - } - - & .mdl-list__item-secondary-content { - display: flex; - flex-flow: column; - align-items: flex-end; - margin-left: $list-min-padding; - - & .mdl-list__item-secondary-action label { display: inline; } - & .mdl-list__item-secondary-info { - @include typo-caption(); - color: $list-supporting-text-text-color; - } - & .mdl-list__item-sub-header { - padding: 0 0 0 $list-min-padding; - } - } -} - -.mdl-list__item-icon, -.mdl-list__item-icon.material-icons { - height: $list-icon-size; - width: $list-icon-size; - font-size: $list-icon-size; - box-sizing: border-box; - color: $list-icon-color; -} - -.mdl-list__item-avatar, -.mdl-list__item-avatar.material-icons { - height: $list-avatar-size; - width: $list-avatar-size; - box-sizing: border-box; - border-radius: 50%; - // Set a background colour in case the user doesn't provide an image. - background-color: $list-icon-color; - // Set a font size and color in case the user provides a Material Icon. - font-size: $list-avatar-size; - color: $list-avatar-color; -} - -.mdl-list__item--two-line { - height: $list-two-line-height; - - & .mdl-list__item-primary-content { - height: $list-two-line-height - $list-min-padding - $list-bottom-padding; - line-height: 20px; - display: block; - - & .mdl-list__item-avatar{ - float: left; - } - - & .mdl-list__item-icon { - float: left; - // Icons are aligned to center of text in a two line list. - margin-top: - ($list-two-line-height - $list-min-padding - $list-bottom-padding - - $list-icon-size) / 2; - } - - & .mdl-list__item-secondary-content { - height: $list-two-line-height - $list-min-padding - $list-bottom-padding; - } - - & .mdl-list__item-sub-title { - @include typo-body-1(); - line-height: 18px; - color: $list-supporting-text-text-color; - display: block; - padding: 0; - } - } -} - -.mdl-list__item--three-line { - height: $list-three-line-height; - - & .mdl-list__item-primary-content { - height: $list-three-line-height - $list-min-padding - $list-bottom-padding; - line-height: 20px; - display: block; - - & .mdl-list__item-avatar, - & .mdl-list__item-icon { - float: left; - } - } - - & .mdl-list__item-secondary-content { - height: $list-three-line-height - $list-min-padding - $list-bottom-padding; - } - - & .mdl-list__item-text-body { - @include typo-body-1(); - line-height: 18px; - height: $list-three-line-height - $list-min-padding - $list-bottom-padding; - color: $list-supporting-text-text-color; - display: block; - padding: 0; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/action.html b/dashboard-ui/bower_components/material-design-lite/src/list/snippets/action.html deleted file mode 100644 index 62447cbdaa..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/action.html +++ /dev/null @@ -1,32 +0,0 @@ - - - -
-
- - person - Bryan Cranston - - star -
-
- - person - Aaron Paul - - star -
-
- - person - Bob Odenkirk - - - star - -
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/icon.html b/dashboard-ui/bower_components/material-design-lite/src/list/snippets/icon.html deleted file mode 100644 index fca89ab84a..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/icon.html +++ /dev/null @@ -1,27 +0,0 @@ - - - -
    -
  • - - person - Bryan Cranston - -
    • -
  • - - person - Aaron Paul - -
    • -
  • - - person - Bob Odenkirk - -
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-control.html b/dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-control.html deleted file mode 100644 index c69ba9227a..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-control.html +++ /dev/null @@ -1,46 +0,0 @@ - - - -
    -
  • - - person - Bryan Cranston - - - - -
    • -
  • - - person - Aaron Paul - - - - -
    • -
  • - - person - Bob Odenkirk - - - - -
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-item.html b/dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-item.html deleted file mode 100644 index 635e41a723..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/list-item.html +++ /dev/null @@ -1,24 +0,0 @@ - - - -
    -
  • - - Bryan Cranston - -
    • -
  • - - Aaron Paul - -
    • -
  • - - Bob Odenkirk - -
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/three-line.html b/dashboard-ui/bower_components/material-design-lite/src/list/snippets/three-line.html deleted file mode 100644 index 2a33d38b61..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/three-line.html +++ /dev/null @@ -1,48 +0,0 @@ - - - -
    -
  • - - person - Bryan Cranston - - Bryan Cranston played the role of Walter in Breaking Bad. He is also known - for playing Hal in Malcom in the Middle. - - - - star - -
    • -
  • - - person - Aaron Paul - - Aaron Paul played the role of Jesse in Breaking Bad. He also featured in - the "Need For Speed" Movie. - - - - star - -
    • -
  • - - person - Bob Odenkirk - - Bob Odinkrik played the role of Saul in Breaking Bad. Due to public fondness for the - character, Bob stars in his own show now, called "Better Call Saul". - - - - star - -
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/two-line.html b/dashboard-ui/bower_components/material-design-lite/src/list/snippets/two-line.html deleted file mode 100644 index b130ababa4..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/list/snippets/two-line.html +++ /dev/null @@ -1,40 +0,0 @@ - - - -
    -
  • - - person - Bryan Cranston - 62 Episodes - - - Actor - star - -
    • -
  • - - person - Aaron Paul - 62 Episodes - - - star - -
    • -
  • - - person - Bob Odenkirk - 62 Episodes - - - star - -
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/material-design-lite-grid.scss b/dashboard-ui/bower_components/material-design-lite/src/material-design-lite-grid.scss deleted file mode 100644 index 060dad26a6..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/material-design-lite-grid.scss +++ /dev/null @@ -1,21 +0,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. - */ - -/* Material Design Lite Grid*/ - -@import "variables"; -@import "mixins"; -@import "grid/grid"; \ No newline at end of file diff --git a/dashboard-ui/bower_components/material-design-lite/src/material-design-lite.scss b/dashboard-ui/bower_components/material-design-lite/src/material-design-lite.scss deleted file mode 100644 index ccbad1488c..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/material-design-lite.scss +++ /dev/null @@ -1,53 +0,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. - */ - -/* Material Design Lite */ - -// Variables and mixins -@import "variables"; -@import "mixins"; - -// Resets and dependencies -@import "resets/resets"; -@import "typography/typography"; - -// Components -@import "palette/palette"; -@import "ripple/ripple"; -@import "animation/animation"; -@import "badge/badge"; -@import "button/button"; -@import "card/card"; -@import "checkbox/checkbox"; -@import "data-table/data-table"; -@import "dialog/dialog"; -@import "footer/mega_footer"; -@import "footer/mini_footer"; -@import "icon-toggle/icon-toggle"; -@import "list/list"; -@import "menu/menu"; -@import "progress/progress"; -@import "layout/layout"; -@import "radio/radio"; -@import "slider/slider"; -@import "snackbar/snackbar"; -@import "spinner/spinner"; -@import "switch/switch"; -@import "tabs/tabs"; -@import "textfield/textfield"; -@import "tooltip/tooltip"; -@import "shadow/shadow"; -@import "grid/grid"; diff --git a/dashboard-ui/bower_components/material-design-lite/src/mdlComponentHandler.js b/dashboard-ui/bower_components/material-design-lite/src/mdlComponentHandler.js deleted file mode 100644 index 843a5ac6b3..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/mdlComponentHandler.js +++ /dev/null @@ -1,490 +0,0 @@ -/** - * @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. - */ - -/** - * A component handler interface using the revealing module design pattern. - * More details on this design pattern here: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @author Jason Mayes. - */ -/* exported componentHandler */ - -// Pre-defining the componentHandler interface, for closure documentation and -// static verification. -var componentHandler = { - /** - * Searches existing DOM for elements of our component type and upgrades them - * if they have not already been upgraded. - * - * @param {string=} optJsClass the programatic name of the element class we - * need to create a new instance of. - * @param {string=} optCssClass the name of the CSS class elements of this - * type will have. - */ - upgradeDom: function(optJsClass, optCssClass) {}, - /** - * Upgrades a specific element rather than all in the DOM. - * - * @param {!Element} element The element we wish to upgrade. - * @param {string=} optJsClass Optional name of the class we want to upgrade - * the element to. - */ - upgradeElement: function(element, optJsClass) {}, - /** - * Upgrades a specific list of elements rather than all in the DOM. - * - * @param {!Element|!Array|!NodeList|!HTMLCollection} elements - * The elements we wish to upgrade. - */ - upgradeElements: function(elements) {}, - /** - * Upgrades all registered components found in the current DOM. This is - * automatically called on window load. - */ - upgradeAllRegistered: function() {}, - /** - * Allows user to be alerted to any upgrades that are performed for a given - * component type - * - * @param {string} jsClass The class name of the MDL component we wish - * to hook into for any upgrades performed. - * @param {function(!HTMLElement)} callback The function to call upon an - * upgrade. This function should expect 1 parameter - the HTMLElement which - * got upgraded. - */ - registerUpgradedCallback: function(jsClass, callback) {}, - /** - * Registers a class for future use and attempts to upgrade existing DOM. - * - * @param {componentHandler.ComponentConfigPublic} config the registration configuration - */ - register: function(config) {}, - /** - * Downgrade either a given node, an array of nodes, or a NodeList. - * - * @param {!Node|!Array|!NodeList} nodes - */ - downgradeElements: function(nodes) {} -}; - -componentHandler = (function() { - 'use strict'; - - /** @type {!Array} */ - var registeredComponents_ = []; - - /** @type {!Array} */ - var createdComponents_ = []; - - var componentConfigProperty_ = 'mdlComponentConfigInternal_'; - - /** - * Searches registered components for a class we are interested in using. - * Optionally replaces a match with passed object if specified. - * - * @param {string} name The name of a class we want to use. - * @param {componentHandler.ComponentConfig=} optReplace Optional object to replace match with. - * @return {!Object|boolean} - * @private - */ - function findRegisteredClass_(name, optReplace) { - for (var i = 0; i < registeredComponents_.length; i++) { - if (registeredComponents_[i].className === name) { - if (typeof optReplace !== 'undefined') { - registeredComponents_[i] = optReplace; - } - return registeredComponents_[i]; - } - } - return false; - } - - /** - * Returns an array of the classNames of the upgraded classes on the element. - * - * @param {!Element} element The element to fetch data from. - * @return {!Array} - * @private - */ - function getUpgradedListOfElement_(element) { - var dataUpgraded = element.getAttribute('data-upgraded'); - // Use `['']` as default value to conform the `,name,name...` style. - return dataUpgraded === null ? [''] : dataUpgraded.split(','); - } - - /** - * Returns true if the given element has already been upgraded for the given - * class. - * - * @param {!Element} element The element we want to check. - * @param {string} jsClass The class to check for. - * @returns {boolean} - * @private - */ - function isElementUpgraded_(element, jsClass) { - var upgradedList = getUpgradedListOfElement_(element); - return upgradedList.indexOf(jsClass) !== -1; - } - - /** - * Searches existing DOM for elements of our component type and upgrades them - * if they have not already been upgraded. - * - * @param {string=} optJsClass the programatic name of the element class we - * need to create a new instance of. - * @param {string=} optCssClass the name of the CSS class elements of this - * type will have. - */ - function upgradeDomInternal(optJsClass, optCssClass) { - if (typeof optJsClass === 'undefined' && - typeof optCssClass === 'undefined') { - for (var i = 0; i < registeredComponents_.length; i++) { - upgradeDomInternal(registeredComponents_[i].className, - registeredComponents_[i].cssClass); - } - } else { - var jsClass = /** @type {string} */ (optJsClass); - if (typeof optCssClass === 'undefined') { - var registeredClass = findRegisteredClass_(jsClass); - if (registeredClass) { - optCssClass = registeredClass.cssClass; - } - } - - var elements = document.querySelectorAll('.' + optCssClass); - for (var n = 0; n < elements.length; n++) { - upgradeElementInternal(elements[n], jsClass); - } - } - } - - /** - * Upgrades a specific element rather than all in the DOM. - * - * @param {!Element} element The element we wish to upgrade. - * @param {string=} optJsClass Optional name of the class we want to upgrade - * the element to. - */ - function upgradeElementInternal(element, optJsClass) { - // Verify argument type. - if (!(typeof element === 'object' && element instanceof Element)) { - throw new Error('Invalid argument provided to upgrade MDL element.'); - } - var upgradedList = getUpgradedListOfElement_(element); - var classesToUpgrade = []; - // If jsClass is not provided scan the registered components to find the - // ones matching the element's CSS classList. - if (!optJsClass) { - var classList = element.classList; - registeredComponents_.forEach(function(component) { - // Match CSS & Not to be upgraded & Not upgraded. - if (classList.contains(component.cssClass) && - classesToUpgrade.indexOf(component) === -1 && - !isElementUpgraded_(element, component.className)) { - classesToUpgrade.push(component); - } - }); - } else if (!isElementUpgraded_(element, optJsClass)) { - classesToUpgrade.push(findRegisteredClass_(optJsClass)); - } - - // Upgrade the element for each classes. - for (var i = 0, n = classesToUpgrade.length, registeredClass; i < n; i++) { - registeredClass = classesToUpgrade[i]; - if (registeredClass) { - // Mark element as upgraded. - upgradedList.push(registeredClass.className); - element.setAttribute('data-upgraded', upgradedList.join(',')); - var instance = new registeredClass.classConstructor(element); - instance[componentConfigProperty_] = registeredClass; - createdComponents_.push(instance); - // Call any callbacks the user has registered with this component type. - for (var j = 0, m = registeredClass.callbacks.length; j < m; j++) { - registeredClass.callbacks[j](element); - } - - if (registeredClass.widget) { - // Assign per element instance for control over API - element[registeredClass.className] = instance; - } - } else { - throw new Error( - 'Unable to find a registered component for the given class.'); - } - - var ev; - if ('CustomEvent' in window && typeof window.CustomEvent === 'function') { - ev = new Event('mdl-componentupgraded', { - 'bubbles': true, 'cancelable': false - }); - } else { - ev = document.createEvent('Events'); - ev.initEvent('mdl-componentupgraded', true, true); - } - element.dispatchEvent(ev); - } - } - - /** - * Upgrades a specific list of elements rather than all in the DOM. - * - * @param {!Element|!Array|!NodeList|!HTMLCollection} elements - * The elements we wish to upgrade. - */ - function upgradeElementsInternal(elements) { - if (!Array.isArray(elements)) { - if (typeof elements.item === 'function') { - elements = Array.prototype.slice.call(/** @type {Array} */ (elements)); - } else { - elements = [elements]; - } - } - for (var i = 0, n = elements.length, element; i < n; i++) { - element = elements[i]; - if (element instanceof HTMLElement) { - upgradeElementInternal(element); - if (element.children.length > 0) { - upgradeElementsInternal(element.children); - } - } - } - } - - /** - * Registers a class for future use and attempts to upgrade existing DOM. - * - * @param {componentHandler.ComponentConfigPublic} config - */ - function registerInternal(config) { - // In order to support both Closure-compiled and uncompiled code accessing - // this method, we need to allow for both the dot and array syntax for - // property access. You'll therefore see the `foo.bar || foo['bar']` - // pattern repeated across this method. - var widgetMissing = (typeof config.widget === 'undefined' && - typeof config['widget'] === 'undefined'); - var widget = true; - - if (!widgetMissing) { - widget = config.widget || config['widget']; - } - - var newConfig = /** @type {componentHandler.ComponentConfig} */ ({ - classConstructor: config.constructor || config['constructor'], - className: config.classAsString || config['classAsString'], - cssClass: config.cssClass || config['cssClass'], - widget: widget, - callbacks: [] - }); - - registeredComponents_.forEach(function(item) { - if (item.cssClass === newConfig.cssClass) { - throw new Error('The provided cssClass has already been registered: ' + item.cssClass); - } - if (item.className === newConfig.className) { - throw new Error('The provided className has already been registered'); - } - }); - - if (config.constructor.prototype - .hasOwnProperty(componentConfigProperty_)) { - throw new Error( - 'MDL component classes must not have ' + componentConfigProperty_ + - ' defined as a property.'); - } - - var found = findRegisteredClass_(config.classAsString, newConfig); - - if (!found) { - registeredComponents_.push(newConfig); - } - } - - /** - * Allows user to be alerted to any upgrades that are performed for a given - * component type - * - * @param {string} jsClass The class name of the MDL component we wish - * to hook into for any upgrades performed. - * @param {function(!HTMLElement)} callback The function to call upon an - * upgrade. This function should expect 1 parameter - the HTMLElement which - * got upgraded. - */ - function registerUpgradedCallbackInternal(jsClass, callback) { - var regClass = findRegisteredClass_(jsClass); - if (regClass) { - regClass.callbacks.push(callback); - } - } - - /** - * Upgrades all registered components found in the current DOM. This is - * automatically called on window load. - */ - function upgradeAllRegisteredInternal() { - for (var n = 0; n < registeredComponents_.length; n++) { - upgradeDomInternal(registeredComponents_[n].className); - } - } - - /** - * Check the component for the downgrade method. - * Execute if found. - * Remove component from createdComponents list. - * - * @param {?componentHandler.Component} component - */ - function deconstructComponentInternal(component) { - if (component) { - var componentIndex = createdComponents_.indexOf(component); - createdComponents_.splice(componentIndex, 1); - - var upgrades = component.element_.getAttribute('data-upgraded').split(','); - var componentPlace = upgrades.indexOf(component[componentConfigProperty_].classAsString); - upgrades.splice(componentPlace, 1); - component.element_.setAttribute('data-upgraded', upgrades.join(',')); - - var ev; - if ('CustomEvent' in window && typeof window.CustomEvent === 'function') { - ev = new Event('mdl-componentdowngraded', { - 'bubbles': true, 'cancelable': false - }); - } else { - ev = document.createEvent('Events'); - ev.initEvent('mdl-componentdowngraded', true, true); - } - } - } - - /** - * Downgrade either a given node, an array of nodes, or a NodeList. - * - * @param {!Node|!Array|!NodeList} nodes - */ - function downgradeNodesInternal(nodes) { - /** - * Auxiliary function to downgrade a single node. - * @param {!Node} node the node to be downgraded - */ - var downgradeNode = function(node) { - createdComponents_.filter(function(item) { - return item.element_ === node; - }).forEach(deconstructComponentInternal); - }; - if (nodes instanceof Array || nodes instanceof NodeList) { - for (var n = 0; n < nodes.length; n++) { - downgradeNode(nodes[n]); - } - } else if (nodes instanceof Node) { - downgradeNode(nodes); - } else { - throw new Error('Invalid argument provided to downgrade MDL nodes.'); - } - } - - // Now return the functions that should be made public with their publicly - // facing names... - return { - upgradeDom: upgradeDomInternal, - upgradeElement: upgradeElementInternal, - upgradeElements: upgradeElementsInternal, - upgradeAllRegistered: upgradeAllRegisteredInternal, - registerUpgradedCallback: registerUpgradedCallbackInternal, - register: registerInternal, - downgradeElements: downgradeNodesInternal - }; -})(); - -/** - * Describes the type of a registered component type managed by - * componentHandler. Provided for benefit of the Closure compiler. - * - * @typedef {{ - * constructor: Function, - * classAsString: string, - * cssClass: string, - * widget: (string|boolean|undefined) - * }} - */ -componentHandler.ComponentConfigPublic; // jshint ignore:line - -/** - * Describes the type of a registered component type managed by - * componentHandler. Provided for benefit of the Closure compiler. - * - * @typedef {{ - * constructor: !Function, - * className: string, - * cssClass: string, - * widget: (string|boolean), - * callbacks: !Array - * }} - */ -componentHandler.ComponentConfig; // jshint ignore:line - -/** - * Created component (i.e., upgraded element) type as managed by - * componentHandler. Provided for benefit of the Closure compiler. - * - * @typedef {{ - * element_: !HTMLElement, - * className: string, - * classAsString: string, - * cssClass: string, - * widget: string - * }} - */ -componentHandler.Component; // jshint ignore:line - -// Export all symbols, for the benefit of Closure compiler. -// No effect on uncompiled code. -componentHandler['upgradeDom'] = componentHandler.upgradeDom; -componentHandler['upgradeElement'] = componentHandler.upgradeElement; -componentHandler['upgradeElements'] = componentHandler.upgradeElements; -componentHandler['upgradeAllRegistered'] = - componentHandler.upgradeAllRegistered; -componentHandler['registerUpgradedCallback'] = - componentHandler.registerUpgradedCallback; -componentHandler['register'] = componentHandler.register; -componentHandler['downgradeElements'] = componentHandler.downgradeElements; -window.componentHandler = componentHandler; -window['componentHandler'] = componentHandler; - -window.addEventListener('load', function() { - 'use strict'; - - /** - * Performs a "Cutting the mustard" test. If the browser supports the features - * tested, adds a mdl-js class to the element. It then upgrades all MDL - * components requiring JavaScript. - */ - if ('classList' in document.createElement('div') && - 'querySelector' in document && - 'addEventListener' in window && Array.prototype.forEach) { - document.documentElement.classList.add('mdl-js'); - componentHandler.upgradeAllRegistered(); - } else { - /** - * Dummy function to avoid JS errors. - */ - componentHandler.upgradeElement = function() {}; - /** - * Dummy function to avoid JS errors. - */ - componentHandler.register = function() {}; - } -}); diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/_menu.scss b/dashboard-ui/bower_components/material-design-lite/src/menu/_menu.scss deleted file mode 100644 index bb56414956..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/_menu.scss +++ /dev/null @@ -1,200 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-menu__container { - display: block; - margin: 0; - padding: 0; - border: none; - position: absolute; - overflow: visible; - height: 0; - width: 0; - visibility: hidden; - z-index: -1; - - &.is-visible, - &.is-animating { - z-index: 999; - visibility: visible; - } -} - -.mdl-menu__outline { - display: block; - background: $default-dropdown-bg-color; - margin: 0; - padding: 0; - border: none; - border-radius: 2px; - position: absolute; - top: 0; - left: 0; - overflow: hidden; - opacity: 0; - transform: scale(0); - transform-origin: 0 0; - @include shadow-2dp(); - will-change: transform; - transition: transform $menu-expand-duration $animation-curve-default, - opacity $menu-fade-duration $animation-curve-default; - z-index: -1; - - .mdl-menu__container.is-visible & { - opacity: 1; - transform: scale(1); - z-index: 999; - } - - &.mdl-menu--bottom-right { - transform-origin: 100% 0; - } - - &.mdl-menu--top-left { - transform-origin: 0 100%; - } - - &.mdl-menu--top-right { - transform-origin: 100% 100%; - } -} - -.mdl-menu { - position: absolute; - list-style: none; - top: 0; - left: 0; - height: auto; - width: auto; - min-width: 124px; - padding: 8px 0; - margin: 0; - opacity: 0; - clip: rect(0 0 0 0); - z-index: -1; - - .mdl-menu__container.is-visible & { - opacity: 1; - z-index: 999; - } - - &.is-animating { - transition: opacity $menu-fade-duration $animation-curve-default, - clip $menu-expand-duration $animation-curve-default; - } - - &.mdl-menu--bottom-right { - left: auto; - right: 0; - } - - &.mdl-menu--top-left { - top: auto; - bottom: 0; - } - - &.mdl-menu--top-right { - top: auto; - left: auto; - bottom: 0; - right: 0; - } - - &.mdl-menu--unaligned { - top: auto; - left: auto; - } -} - -.mdl-menu__item { - display: block; - border: none; - color: $default-item-text-color; - background-color: transparent; - text-align: left; - margin: 0; - padding: 0 16px; - outline-color: $default-item-outline-color; - position: relative; - overflow: hidden; - @include typo-body-1(); - text-decoration: none; - cursor: pointer; - height: 48px; - line-height: 48px; - white-space: nowrap; - opacity: 0; - transition: opacity $menu-fade-duration $animation-curve-default; - user-select: none; - - .mdl-menu__container.is-visible & { - opacity: 1; - } - - &::-moz-focus-inner { - border: 0; - } - - &--full-bleed-divider { - border-bottom: 1px solid $default-item-divider-color; - } - - &[disabled], &[data-mdl-disabled] { - color: $disabled-item-text-color; - background-color: transparent; - cursor: auto; - - &:hover { - background-color: transparent; - } - - &:focus { - background-color: transparent; - } - - & .mdl-ripple { - background: transparent; - } - } - - &:hover { - background-color: $default-item-hover-bg-color; - } - - &:focus { - outline: none; - background-color: $default-item-focus-bg-color; - } - - &:active { - background-color: $default-item-active-bg-color; - } -} - - -.mdl-menu__item--ripple-container { - display: block; - height: 100%; - left: 0px; - position: absolute; - top: 0px; - width: 100%; - z-index: 0; - overflow: hidden; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/menu.js b/dashboard-ui/bower_components/material-design-lite/src/menu/menu.js deleted file mode 100644 index de5b3b9967..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/menu.js +++ /dev/null @@ -1,482 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for dropdown MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialMenu = function MaterialMenu(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialMenu'] = MaterialMenu; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialMenu.prototype.Constant_ = { - // Total duration of the menu animation. - TRANSITION_DURATION_SECONDS: 0.3, - // The fraction of the total duration we want to use for menu item animations. - TRANSITION_DURATION_FRACTION: 0.8, - // How long the menu stays open after choosing an option (so the user can see - // the ripple). - CLOSE_TIMEOUT: 150 - }; - - /** - * Keycodes, for code readability. - * - * @enum {number} - * @private - */ - MaterialMenu.prototype.Keycodes_ = { - ENTER: 13, - ESCAPE: 27, - SPACE: 32, - UP_ARROW: 38, - DOWN_ARROW: 40 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialMenu.prototype.CssClasses_ = { - CONTAINER: 'mdl-menu__container', - OUTLINE: 'mdl-menu__outline', - ITEM: 'mdl-menu__item', - ITEM_RIPPLE_CONTAINER: 'mdl-menu__item-ripple-container', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE: 'mdl-ripple', - // Statuses - IS_UPGRADED: 'is-upgraded', - IS_VISIBLE: 'is-visible', - IS_ANIMATING: 'is-animating', - // Alignment options - BOTTOM_LEFT: 'mdl-menu--bottom-left', // This is the default. - BOTTOM_RIGHT: 'mdl-menu--bottom-right', - TOP_LEFT: 'mdl-menu--top-left', - TOP_RIGHT: 'mdl-menu--top-right', - UNALIGNED: 'mdl-menu--unaligned' - }; - - /** - * Initialize element. - */ - MaterialMenu.prototype.init = function() { - if (this.element_) { - // Create container for the menu. - var container = document.createElement('div'); - container.classList.add(this.CssClasses_.CONTAINER); - this.element_.parentElement.insertBefore(container, this.element_); - this.element_.parentElement.removeChild(this.element_); - container.appendChild(this.element_); - this.container_ = container; - - // Create outline for the menu (shadow and background). - var outline = document.createElement('div'); - outline.classList.add(this.CssClasses_.OUTLINE); - this.outline_ = outline; - container.insertBefore(outline, this.element_); - - // Find the "for" element and bind events to it. - var forElId = this.element_.getAttribute('for') || - this.element_.getAttribute('data-mdl-for'); - var forEl = null; - if (forElId) { - forEl = document.getElementById(forElId); - if (forEl) { - this.forElement_ = forEl; - forEl.addEventListener('click', this.handleForClick_.bind(this)); - forEl.addEventListener('keydown', - this.handleForKeyboardEvent_.bind(this)); - } - } - - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM); - this.boundItemKeydown_ = this.handleItemKeyboardEvent_.bind(this); - this.boundItemClick_ = this.handleItemClick_.bind(this); - for (var i = 0; i < items.length; i++) { - // Add a listener to each menu item. - items[i].addEventListener('click', this.boundItemClick_); - // Add a tab index to each menu item. - items[i].tabIndex = '-1'; - // Add a keyboard listener to each menu item. - items[i].addEventListener('keydown', this.boundItemKeydown_); - } - - // Add ripple classes to each item, if the user has enabled ripples. - if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS); - - for (i = 0; i < items.length; i++) { - var item = items[i]; - - var rippleContainer = document.createElement('span'); - rippleContainer.classList.add(this.CssClasses_.ITEM_RIPPLE_CONTAINER); - - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - rippleContainer.appendChild(ripple); - - item.appendChild(rippleContainer); - item.classList.add(this.CssClasses_.RIPPLE_EFFECT); - } - } - - // Copy alignment classes to the container, so the outline can use them. - if (this.element_.classList.contains(this.CssClasses_.BOTTOM_LEFT)) { - this.outline_.classList.add(this.CssClasses_.BOTTOM_LEFT); - } - if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) { - this.outline_.classList.add(this.CssClasses_.BOTTOM_RIGHT); - } - if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) { - this.outline_.classList.add(this.CssClasses_.TOP_LEFT); - } - if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - this.outline_.classList.add(this.CssClasses_.TOP_RIGHT); - } - if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) { - this.outline_.classList.add(this.CssClasses_.UNALIGNED); - } - - container.classList.add(this.CssClasses_.IS_UPGRADED); - } - }; - - /** - * Handles a click on the "for" element, by positioning the menu and then - * toggling it. - * - * @param {Event} evt The event that fired. - * @private - */ - MaterialMenu.prototype.handleForClick_ = function(evt) { - if (this.element_ && this.forElement_) { - var rect = this.forElement_.getBoundingClientRect(); - var forRect = this.forElement_.parentElement.getBoundingClientRect(); - - if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) { - // Do not position the menu automatically. Requires the developer to - // manually specify position. - } else if (this.element_.classList.contains( - this.CssClasses_.BOTTOM_RIGHT)) { - // Position below the "for" element, aligned to its right. - this.container_.style.right = (forRect.right - rect.right) + 'px'; - this.container_.style.top = - this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) { - // Position above the "for" element, aligned to its left. - this.container_.style.left = this.forElement_.offsetLeft + 'px'; - this.container_.style.bottom = (forRect.bottom - rect.top) + 'px'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - // Position above the "for" element, aligned to its right. - this.container_.style.right = (forRect.right - rect.right) + 'px'; - this.container_.style.bottom = (forRect.bottom - rect.top) + 'px'; - } else { - // Default: position below the "for" element, aligned to its left. - this.container_.style.left = this.forElement_.offsetLeft + 'px'; - this.container_.style.top = - this.forElement_.offsetTop + this.forElement_.offsetHeight + 'px'; - } - } - - this.toggle(evt); - }; - - /** - * Handles a keyboard event on the "for" element. - * - * @param {Event} evt The event that fired. - * @private - */ - MaterialMenu.prototype.handleForKeyboardEvent_ = function(evt) { - if (this.element_ && this.container_ && this.forElement_) { - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + - ':not([disabled])'); - - if (items && items.length > 0 && - this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) { - if (evt.keyCode === this.Keycodes_.UP_ARROW) { - evt.preventDefault(); - items[items.length - 1].focus(); - } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) { - evt.preventDefault(); - items[0].focus(); - } - } - } - }; - - /** - * Handles a keyboard event on an item. - * - * @param {Event} evt The event that fired. - * @private - */ - MaterialMenu.prototype.handleItemKeyboardEvent_ = function(evt) { - if (this.element_ && this.container_) { - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM + - ':not([disabled])'); - - if (items && items.length > 0 && - this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) { - var currentIndex = Array.prototype.slice.call(items).indexOf(evt.target); - - if (evt.keyCode === this.Keycodes_.UP_ARROW) { - evt.preventDefault(); - if (currentIndex > 0) { - items[currentIndex - 1].focus(); - } else { - items[items.length - 1].focus(); - } - } else if (evt.keyCode === this.Keycodes_.DOWN_ARROW) { - evt.preventDefault(); - if (items.length > currentIndex + 1) { - items[currentIndex + 1].focus(); - } else { - items[0].focus(); - } - } else if (evt.keyCode === this.Keycodes_.SPACE || - evt.keyCode === this.Keycodes_.ENTER) { - evt.preventDefault(); - // Send mousedown and mouseup to trigger ripple. - var e = new MouseEvent('mousedown'); - evt.target.dispatchEvent(e); - e = new MouseEvent('mouseup'); - evt.target.dispatchEvent(e); - // Send click. - evt.target.click(); - } else if (evt.keyCode === this.Keycodes_.ESCAPE) { - evt.preventDefault(); - this.hide(); - } - } - } - }; - - /** - * Handles a click event on an item. - * - * @param {Event} evt The event that fired. - * @private - */ - MaterialMenu.prototype.handleItemClick_ = function(evt) { - if (evt.target.hasAttribute('disabled')) { - evt.stopPropagation(); - } else { - // Wait some time before closing menu, so the user can see the ripple. - this.closing_ = true; - window.setTimeout(function(evt) { - this.hide(); - this.closing_ = false; - }.bind(this), /** @type {number} */ (this.Constant_.CLOSE_TIMEOUT)); - } - }; - - /** - * Calculates the initial clip (for opening the menu) or final clip (for closing - * it), and applies it. This allows us to animate from or to the correct point, - * that is, the point it's aligned to in the "for" element. - * - * @param {number} height Height of the clip rectangle - * @param {number} width Width of the clip rectangle - * @private - */ - MaterialMenu.prototype.applyClip_ = function(height, width) { - if (this.element_.classList.contains(this.CssClasses_.UNALIGNED)) { - // Do not clip. - this.element_.style.clip = ''; - } else if (this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)) { - // Clip to the top right corner of the menu. - this.element_.style.clip = - 'rect(0 ' + width + 'px ' + '0 ' + width + 'px)'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT)) { - // Clip to the bottom left corner of the menu. - this.element_.style.clip = - 'rect(' + height + 'px 0 ' + height + 'px 0)'; - } else if (this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - // Clip to the bottom right corner of the menu. - this.element_.style.clip = 'rect(' + height + 'px ' + width + 'px ' + - height + 'px ' + width + 'px)'; - } else { - // Default: do not clip (same as clipping to the top left corner). - this.element_.style.clip = ''; - } - }; - - /** - * Cleanup function to remove animation listeners. - * - * @param {Event} evt - * @private - */ - - MaterialMenu.prototype.removeAnimationEndListener_ = function(evt) { - evt.target.classList.remove(MaterialMenu.prototype.CssClasses_.IS_ANIMATING); - }; - - /** - * Adds an event listener to clean up after the animation ends. - * - * @private - */ - MaterialMenu.prototype.addAnimationEndListener_ = function() { - this.element_.addEventListener('transitionend', this.removeAnimationEndListener_); - this.element_.addEventListener('webkitTransitionEnd', this.removeAnimationEndListener_); - }; - - /** - * Displays the menu. - * - * @public - */ - MaterialMenu.prototype.show = function(evt) { - if (this.element_ && this.container_ && this.outline_) { - // Measure the inner element. - var height = this.element_.getBoundingClientRect().height; - var width = this.element_.getBoundingClientRect().width; - - // Apply the inner element's size to the container and outline. - this.container_.style.width = width + 'px'; - this.container_.style.height = height + 'px'; - this.outline_.style.width = width + 'px'; - this.outline_.style.height = height + 'px'; - - var transitionDuration = this.Constant_.TRANSITION_DURATION_SECONDS * - this.Constant_.TRANSITION_DURATION_FRACTION; - - // Calculate transition delays for individual menu items, so that they fade - // in one at a time. - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM); - for (var i = 0; i < items.length; i++) { - var itemDelay = null; - if (this.element_.classList.contains(this.CssClasses_.TOP_LEFT) || - this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)) { - itemDelay = ((height - items[i].offsetTop - items[i].offsetHeight) / - height * transitionDuration) + 's'; - } else { - itemDelay = (items[i].offsetTop / height * transitionDuration) + 's'; - } - items[i].style.transitionDelay = itemDelay; - } - - // Apply the initial clip to the text before we start animating. - this.applyClip_(height, width); - - // Wait for the next frame, turn on animation, and apply the final clip. - // Also make it visible. This triggers the transitions. - window.requestAnimationFrame(function() { - this.element_.classList.add(this.CssClasses_.IS_ANIMATING); - this.element_.style.clip = 'rect(0 ' + width + 'px ' + height + 'px 0)'; - this.container_.classList.add(this.CssClasses_.IS_VISIBLE); - }.bind(this)); - - // Clean up after the animation is complete. - this.addAnimationEndListener_(); - - // Add a click listener to the document, to close the menu. - var callback = function(e) { - // Check to see if the document is processing the same event that - // displayed the menu in the first place. If so, do nothing. - // Also check to see if the menu is in the process of closing itself, and - // do nothing in that case. - // Also check if the clicked element is a menu item - // if so, do nothing. - if (e !== evt && !this.closing_ && e.target.parentNode !== this.element_) { - document.removeEventListener('click', callback); - this.hide(); - } - }.bind(this); - document.addEventListener('click', callback); - } - }; - MaterialMenu.prototype['show'] = MaterialMenu.prototype.show; - - /** - * Hides the menu. - * - * @public - */ - MaterialMenu.prototype.hide = function() { - if (this.element_ && this.container_ && this.outline_) { - var items = this.element_.querySelectorAll('.' + this.CssClasses_.ITEM); - - // Remove all transition delays; menu items fade out concurrently. - for (var i = 0; i < items.length; i++) { - items[i].style.removeProperty('transition-delay'); - } - - // Measure the inner element. - var rect = this.element_.getBoundingClientRect(); - var height = rect.height; - var width = rect.width; - - // Turn on animation, and apply the final clip. Also make invisible. - // This triggers the transitions. - this.element_.classList.add(this.CssClasses_.IS_ANIMATING); - this.applyClip_(height, width); - this.container_.classList.remove(this.CssClasses_.IS_VISIBLE); - - // Clean up after the animation is complete. - this.addAnimationEndListener_(); - } - }; - MaterialMenu.prototype['hide'] = MaterialMenu.prototype.hide; - - /** - * Displays or hides the menu, depending on current state. - * - * @public - */ - MaterialMenu.prototype.toggle = function(evt) { - if (this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)) { - this.hide(); - } else { - this.show(evt); - } - }; - MaterialMenu.prototype['toggle'] = MaterialMenu.prototype.toggle; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialMenu, - classAsString: 'MaterialMenu', - cssClass: 'mdl-js-menu', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-lower-buttons.css b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-lower-buttons.css deleted file mode 100644 index ce22b7c3bb..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-lower-buttons.css +++ /dev/null @@ -1,3 +0,0 @@ -#demo-menu-lower-left { - margin-left: 40%; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-top-buttons.css b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-top-buttons.css deleted file mode 100644 index 9cd7e66fb5..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/codepen-top-buttons.css +++ /dev/null @@ -1,8 +0,0 @@ -#demo-menu-top-left { - margin-left: 40%; -} - -#demo-menu-top-left, -#demo-menu-top-right { - margin-top: 250px; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left-demo.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left-demo.html deleted file mode 100644 index ee3b3fce76..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left-demo.html +++ /dev/null @@ -1,25 +0,0 @@ - - -
-
- {% include "lower-left.html" %} -
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left.html deleted file mode 100644 index 71bc9227b1..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-left.html +++ /dev/null @@ -1,13 +0,0 @@ - - - -
    -
  • Some Action
    • -
  • Another Action
    • -
  • Disabled Action
    • -
  • Yet Another Action
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right-demo.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right-demo.html deleted file mode 100644 index d8ad6514fd..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right-demo.html +++ /dev/null @@ -1,34 +0,0 @@ - - -
-
-
- {% include "lower-right.html" %} -
-
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right.html deleted file mode 100644 index 1ce8f9c717..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/lower-right.html +++ /dev/null @@ -1,13 +0,0 @@ - - - -
    -
  • Some Action
    • -
  • Another Action
    • -
  • Disabled Action
    • -
  • Yet Another Action
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left-demo.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left-demo.html deleted file mode 100644 index 3ad0e332e6..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left-demo.html +++ /dev/null @@ -1,25 +0,0 @@ - - -
-
-
- {% include "top-left.html" %} -
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left.html deleted file mode 100644 index 19a38aa169..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-left.html +++ /dev/null @@ -1,13 +0,0 @@ - - - -
    -
  • Some Action
    • -
  • Another Action
    • -
  • Disabled Action
    • -
  • Yet Another Action
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right-demo.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right-demo.html deleted file mode 100644 index 6087bffc88..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right-demo.html +++ /dev/null @@ -1,34 +0,0 @@ - - -
-
-
-
- {% include "top-right.html" %} -
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right.html b/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right.html deleted file mode 100644 index 803668e7d6..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/menu/snippets/top-right.html +++ /dev/null @@ -1,13 +0,0 @@ - - - -
    -
  • Some Action
    • -
  • Another Action
    • -
  • Disabled Action
    • -
  • Yet Another Action
    • -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/palette/_palette.scss b/dashboard-ui/bower_components/material-design-lite/src/palette/_palette.scss deleted file mode 100644 index ffbcdf9d4e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/palette/_palette.scss +++ /dev/null @@ -1,2303 +0,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. - */ - -@import "../variables"; - -@if $trim-color-classes == false { - // Red - - .mdl-color-text--red { - color: unquote("rgb(#{$palette-red-500})") !important; - } - - .mdl-color--red { - background-color: unquote("rgb(#{$palette-red-500})") !important; - } - - .mdl-color-text--red-50 { - color: unquote("rgb(#{$palette-red-50})") !important; - } - - .mdl-color--red-50 { - background-color: unquote("rgb(#{$palette-red-50})") !important; - } - - .mdl-color-text--red-100 { - color: unquote("rgb(#{$palette-red-100})") !important; - } - - .mdl-color--red-100 { - background-color: unquote("rgb(#{$palette-red-100})") !important; - } - - .mdl-color-text--red-200 { - color: unquote("rgb(#{$palette-red-200})") !important; - } - - .mdl-color--red-200 { - background-color: unquote("rgb(#{$palette-red-200})") !important; - } - - .mdl-color-text--red-300 { - color: unquote("rgb(#{$palette-red-300})") !important; - } - - .mdl-color--red-300 { - background-color: unquote("rgb(#{$palette-red-300})") !important; - } - - .mdl-color-text--red-400 { - color: unquote("rgb(#{$palette-red-400})") !important; - } - - .mdl-color--red-400 { - background-color: unquote("rgb(#{$palette-red-400})") !important; - } - - .mdl-color-text--red-500 { - color: unquote("rgb(#{$palette-red-500})") !important; - } - - .mdl-color--red-500 { - background-color: unquote("rgb(#{$palette-red-500})") !important; - } - - .mdl-color-text--red-600 { - color: unquote("rgb(#{$palette-red-600})") !important; - } - - .mdl-color--red-600 { - background-color: unquote("rgb(#{$palette-red-600})") !important; - } - - .mdl-color-text--red-700 { - color: unquote("rgb(#{$palette-red-700})") !important; - } - - .mdl-color--red-700 { - background-color: unquote("rgb(#{$palette-red-700})") !important; - } - - .mdl-color-text--red-800 { - color: unquote("rgb(#{$palette-red-800})") !important; - } - - .mdl-color--red-800 { - background-color: unquote("rgb(#{$palette-red-800})") !important; - } - - .mdl-color-text--red-900 { - color: unquote("rgb(#{$palette-red-900})") !important; - } - - .mdl-color--red-900 { - background-color: unquote("rgb(#{$palette-red-900})") !important; - } - - .mdl-color-text--red-A100 { - color: unquote("rgb(#{$palette-red-A100})") !important; - } - - .mdl-color--red-A100 { - background-color: unquote("rgb(#{$palette-red-A100})") !important; - } - - .mdl-color-text--red-A200 { - color: unquote("rgb(#{$palette-red-A200})") !important; - } - - .mdl-color--red-A200 { - background-color: unquote("rgb(#{$palette-red-A200})") !important; - } - - .mdl-color-text--red-A400 { - color: unquote("rgb(#{$palette-red-A400})") !important; - } - - .mdl-color--red-A400 { - background-color: unquote("rgb(#{$palette-red-A400})") !important; - } - - .mdl-color-text--red-A700 { - color: unquote("rgb(#{$palette-red-A700})") !important; - } - - .mdl-color--red-A700 { - background-color: unquote("rgb(#{$palette-red-A700})") !important; - } - - // Pink - - .mdl-color-text--pink { - color: unquote("rgb(#{$palette-pink-500})") !important; - } - - .mdl-color--pink { - background-color: unquote("rgb(#{$palette-pink-500})") !important; - } - - .mdl-color-text--pink-50 { - color: unquote("rgb(#{$palette-pink-50})") !important; - } - - .mdl-color--pink-50 { - background-color: unquote("rgb(#{$palette-pink-50})") !important; - } - - .mdl-color-text--pink-100 { - color: unquote("rgb(#{$palette-pink-100})") !important; - } - - .mdl-color--pink-100 { - background-color: unquote("rgb(#{$palette-pink-100})") !important; - } - - .mdl-color-text--pink-200 { - color: unquote("rgb(#{$palette-pink-200})") !important; - } - - .mdl-color--pink-200 { - background-color: unquote("rgb(#{$palette-pink-200})") !important; - } - - .mdl-color-text--pink-300 { - color: unquote("rgb(#{$palette-pink-300})") !important; - } - - .mdl-color--pink-300 { - background-color: unquote("rgb(#{$palette-pink-300})") !important; - } - - .mdl-color-text--pink-400 { - color: unquote("rgb(#{$palette-pink-400})") !important; - } - - .mdl-color--pink-400 { - background-color: unquote("rgb(#{$palette-pink-400})") !important; - } - - .mdl-color-text--pink-500 { - color: unquote("rgb(#{$palette-pink-500})") !important; - } - - .mdl-color--pink-500 { - background-color: unquote("rgb(#{$palette-pink-500})") !important; - } - - .mdl-color-text--pink-600 { - color: unquote("rgb(#{$palette-pink-600})") !important; - } - - .mdl-color--pink-600 { - background-color: unquote("rgb(#{$palette-pink-600})") !important; - } - - .mdl-color-text--pink-700 { - color: unquote("rgb(#{$palette-pink-700})") !important; - } - - .mdl-color--pink-700 { - background-color: unquote("rgb(#{$palette-pink-700})") !important; - } - - .mdl-color-text--pink-800 { - color: unquote("rgb(#{$palette-pink-800})") !important; - } - - .mdl-color--pink-800 { - background-color: unquote("rgb(#{$palette-pink-800})") !important; - } - - .mdl-color-text--pink-900 { - color: unquote("rgb(#{$palette-pink-900})") !important; - } - - .mdl-color--pink-900 { - background-color: unquote("rgb(#{$palette-pink-900})") !important; - } - - .mdl-color-text--pink-A100 { - color: unquote("rgb(#{$palette-pink-A100})") !important; - } - - .mdl-color--pink-A100 { - background-color: unquote("rgb(#{$palette-pink-A100})") !important; - } - - .mdl-color-text--pink-A200 { - color: unquote("rgb(#{$palette-pink-A200})") !important; - } - - .mdl-color--pink-A200 { - background-color: unquote("rgb(#{$palette-pink-A200})") !important; - } - - .mdl-color-text--pink-A400 { - color: unquote("rgb(#{$palette-pink-A400})") !important; - } - - .mdl-color--pink-A400 { - background-color: unquote("rgb(#{$palette-pink-A400})") !important; - } - - .mdl-color-text--pink-A700 { - color: unquote("rgb(#{$palette-pink-A700})") !important; - } - - .mdl-color--pink-A700 { - background-color: unquote("rgb(#{$palette-pink-A700})") !important; - } - - // Purple - - .mdl-color-text--purple { - color: unquote("rgb(#{$palette-purple-500})") !important; - } - - .mdl-color--purple { - background-color: unquote("rgb(#{$palette-purple-500})") !important; - } - - .mdl-color-text--purple-50 { - color: unquote("rgb(#{$palette-purple-50})") !important; - } - - .mdl-color--purple-50 { - background-color: unquote("rgb(#{$palette-purple-50})") !important; - } - - .mdl-color-text--purple-100 { - color: unquote("rgb(#{$palette-purple-100})") !important; - } - - .mdl-color--purple-100 { - background-color: unquote("rgb(#{$palette-purple-100})") !important; - } - - .mdl-color-text--purple-200 { - color: unquote("rgb(#{$palette-purple-200})") !important; - } - - .mdl-color--purple-200 { - background-color: unquote("rgb(#{$palette-purple-200})") !important; - } - - .mdl-color-text--purple-300 { - color: unquote("rgb(#{$palette-purple-300})") !important; - } - - .mdl-color--purple-300 { - background-color: unquote("rgb(#{$palette-purple-300})") !important; - } - - .mdl-color-text--purple-400 { - color: unquote("rgb(#{$palette-purple-400})") !important; - } - - .mdl-color--purple-400 { - background-color: unquote("rgb(#{$palette-purple-400})") !important; - } - - .mdl-color-text--purple-500 { - color: unquote("rgb(#{$palette-purple-500})") !important; - } - - .mdl-color--purple-500 { - background-color: unquote("rgb(#{$palette-purple-500})") !important; - } - - .mdl-color-text--purple-600 { - color: unquote("rgb(#{$palette-purple-600})") !important; - } - - .mdl-color--purple-600 { - background-color: unquote("rgb(#{$palette-purple-600})") !important; - } - - .mdl-color-text--purple-700 { - color: unquote("rgb(#{$palette-purple-700})") !important; - } - - .mdl-color--purple-700 { - background-color: unquote("rgb(#{$palette-purple-700})") !important; - } - - .mdl-color-text--purple-800 { - color: unquote("rgb(#{$palette-purple-800})") !important; - } - - .mdl-color--purple-800 { - background-color: unquote("rgb(#{$palette-purple-800})") !important; - } - - .mdl-color-text--purple-900 { - color: unquote("rgb(#{$palette-purple-900})") !important; - } - - .mdl-color--purple-900 { - background-color: unquote("rgb(#{$palette-purple-900})") !important; - } - - .mdl-color-text--purple-A100 { - color: unquote("rgb(#{$palette-purple-A100})") !important; - } - - .mdl-color--purple-A100 { - background-color: unquote("rgb(#{$palette-purple-A100})") !important; - } - - .mdl-color-text--purple-A200 { - color: unquote("rgb(#{$palette-purple-A200})") !important; - } - - .mdl-color--purple-A200 { - background-color: unquote("rgb(#{$palette-purple-A200})") !important; - } - - .mdl-color-text--purple-A400 { - color: unquote("rgb(#{$palette-purple-A400})") !important; - } - - .mdl-color--purple-A400 { - background-color: unquote("rgb(#{$palette-purple-A400})") !important; - } - - .mdl-color-text--purple-A700 { - color: unquote("rgb(#{$palette-purple-A700})") !important; - } - - .mdl-color--purple-A700 { - background-color: unquote("rgb(#{$palette-purple-A700})") !important; - } - - // Deep Purple. - - .mdl-color-text--deep-purple { - color: unquote("rgb(#{$palette-deep-purple-500})") !important; - } - - .mdl-color--deep-purple { - background-color: unquote("rgb(#{$palette-deep-purple-500})") !important; - } - - .mdl-color-text--deep-purple-50 { - color: unquote("rgb(#{$palette-deep-purple-50})") !important; - } - - .mdl-color--deep-purple-50 { - background-color: unquote("rgb(#{$palette-deep-purple-50})") !important; - } - - .mdl-color-text--deep-purple-100 { - color: unquote("rgb(#{$palette-deep-purple-100})") !important; - } - - .mdl-color--deep-purple-100 { - background-color: unquote("rgb(#{$palette-deep-purple-100})") !important; - } - - .mdl-color-text--deep-purple-200 { - color: unquote("rgb(#{$palette-deep-purple-200})") !important; - } - - .mdl-color--deep-purple-200 { - background-color: unquote("rgb(#{$palette-deep-purple-200})") !important; - } - - .mdl-color-text--deep-purple-300 { - color: unquote("rgb(#{$palette-deep-purple-300})") !important; - } - - .mdl-color--deep-purple-300 { - background-color: unquote("rgb(#{$palette-deep-purple-300})") !important; - } - - .mdl-color-text--deep-purple-400 { - color: unquote("rgb(#{$palette-deep-purple-400})") !important; - } - - .mdl-color--deep-purple-400 { - background-color: unquote("rgb(#{$palette-deep-purple-400})") !important; - } - - .mdl-color-text--deep-purple-500 { - color: unquote("rgb(#{$palette-deep-purple-500})") !important; - } - - .mdl-color--deep-purple-500 { - background-color: unquote("rgb(#{$palette-deep-purple-500})") !important; - } - - .mdl-color-text--deep-purple-600 { - color: unquote("rgb(#{$palette-deep-purple-600})") !important; - } - - .mdl-color--deep-purple-600 { - background-color: unquote("rgb(#{$palette-deep-purple-600})") !important; - } - - .mdl-color-text--deep-purple-700 { - color: unquote("rgb(#{$palette-deep-purple-700})") !important; - } - - .mdl-color--deep-purple-700 { - background-color: unquote("rgb(#{$palette-deep-purple-700})") !important; - } - - .mdl-color-text--deep-purple-800 { - color: unquote("rgb(#{$palette-deep-purple-800})") !important; - } - - .mdl-color--deep-purple-800 { - background-color: unquote("rgb(#{$palette-deep-purple-800})") !important; - } - - .mdl-color-text--deep-purple-900 { - color: unquote("rgb(#{$palette-deep-purple-900})") !important; - } - - .mdl-color--deep-purple-900 { - background-color: unquote("rgb(#{$palette-deep-purple-900})") !important; - } - - .mdl-color-text--deep-purple-A100 { - color: unquote("rgb(#{$palette-deep-purple-A100})") !important; - } - - .mdl-color--deep-purple-A100 { - background-color: unquote("rgb(#{$palette-deep-purple-A100})") !important; - } - - .mdl-color-text--deep-purple-A200 { - color: unquote("rgb(#{$palette-deep-purple-A200})") !important; - } - - .mdl-color--deep-purple-A200 { - background-color: unquote("rgb(#{$palette-deep-purple-A200})") !important; - } - - .mdl-color-text--deep-purple-A400 { - color: unquote("rgb(#{$palette-deep-purple-A400})") !important; - } - - .mdl-color--deep-purple-A400 { - background-color: unquote("rgb(#{$palette-deep-purple-A400})") !important; - } - - .mdl-color-text--deep-purple-A700 { - color: unquote("rgb(#{$palette-deep-purple-A700})") !important; - } - - .mdl-color--deep-purple-A700 { - background-color: unquote("rgb(#{$palette-deep-purple-A700})") !important; - } - - // Indigo - - .mdl-color-text--indigo { - color: unquote("rgb(#{$palette-indigo-500})") !important; - } - - .mdl-color--indigo { - background-color: unquote("rgb(#{$palette-indigo-500})") !important; - } - - .mdl-color-text--indigo-50 { - color: unquote("rgb(#{$palette-indigo-50})") !important; - } - - .mdl-color--indigo-50 { - background-color: unquote("rgb(#{$palette-indigo-50})") !important; - } - - .mdl-color-text--indigo-100 { - color: unquote("rgb(#{$palette-indigo-100})") !important; - } - - .mdl-color--indigo-100 { - background-color: unquote("rgb(#{$palette-indigo-100})") !important; - } - - .mdl-color-text--indigo-200 { - color: unquote("rgb(#{$palette-indigo-200})") !important; - } - - .mdl-color--indigo-200 { - background-color: unquote("rgb(#{$palette-indigo-200})") !important; - } - - .mdl-color-text--indigo-300 { - color: unquote("rgb(#{$palette-indigo-300})") !important; - } - - .mdl-color--indigo-300 { - background-color: unquote("rgb(#{$palette-indigo-300})") !important; - } - - .mdl-color-text--indigo-400 { - color: unquote("rgb(#{$palette-indigo-400})") !important; - } - - .mdl-color--indigo-400 { - background-color: unquote("rgb(#{$palette-indigo-400})") !important; - } - - .mdl-color-text--indigo-500 { - color: unquote("rgb(#{$palette-indigo-500})") !important; - } - - .mdl-color--indigo-500 { - background-color: unquote("rgb(#{$palette-indigo-500})") !important; - } - - .mdl-color-text--indigo-600 { - color: unquote("rgb(#{$palette-indigo-600})") !important; - } - - .mdl-color--indigo-600 { - background-color: unquote("rgb(#{$palette-indigo-600})") !important; - } - - .mdl-color-text--indigo-700 { - color: unquote("rgb(#{$palette-indigo-700})") !important; - } - - .mdl-color--indigo-700 { - background-color: unquote("rgb(#{$palette-indigo-700})") !important; - } - - .mdl-color-text--indigo-800 { - color: unquote("rgb(#{$palette-indigo-800})") !important; - } - - .mdl-color--indigo-800 { - background-color: unquote("rgb(#{$palette-indigo-800})") !important; - } - - .mdl-color-text--indigo-900 { - color: unquote("rgb(#{$palette-indigo-900})") !important; - } - - .mdl-color--indigo-900 { - background-color: unquote("rgb(#{$palette-indigo-900})") !important; - } - - .mdl-color-text--indigo-A100 { - color: unquote("rgb(#{$palette-indigo-A100})") !important; - } - - .mdl-color--indigo-A100 { - background-color: unquote("rgb(#{$palette-indigo-A100})") !important; - } - - .mdl-color-text--indigo-A200 { - color: unquote("rgb(#{$palette-indigo-A200})") !important; - } - - .mdl-color--indigo-A200 { - background-color: unquote("rgb(#{$palette-indigo-A200})") !important; - } - - .mdl-color-text--indigo-A400 { - color: unquote("rgb(#{$palette-indigo-A400})") !important; - } - - .mdl-color--indigo-A400 { - background-color: unquote("rgb(#{$palette-indigo-A400})") !important; - } - - .mdl-color-text--indigo-A700 { - color: unquote("rgb(#{$palette-indigo-A700})") !important; - } - - .mdl-color--indigo-A700 { - background-color: unquote("rgb(#{$palette-indigo-A700})") !important; - } - - // Blue - - .mdl-color-text--blue { - color: unquote("rgb(#{$palette-blue-500})") !important; - } - - .mdl-color--blue { - background-color: unquote("rgb(#{$palette-blue-500})") !important; - } - - .mdl-color-text--blue-50 { - color: unquote("rgb(#{$palette-blue-50})") !important; - } - - .mdl-color--blue-50 { - background-color: unquote("rgb(#{$palette-blue-50})") !important; - } - - .mdl-color-text--blue-100 { - color: unquote("rgb(#{$palette-blue-100})") !important; - } - - .mdl-color--blue-100 { - background-color: unquote("rgb(#{$palette-blue-100})") !important; - } - - .mdl-color-text--blue-200 { - color: unquote("rgb(#{$palette-blue-200})") !important; - } - - .mdl-color--blue-200 { - background-color: unquote("rgb(#{$palette-blue-200})") !important; - } - - .mdl-color-text--blue-300 { - color: unquote("rgb(#{$palette-blue-300})") !important; - } - - .mdl-color--blue-300 { - background-color: unquote("rgb(#{$palette-blue-300})") !important; - } - - .mdl-color-text--blue-400 { - color: unquote("rgb(#{$palette-blue-400})") !important; - } - - .mdl-color--blue-400 { - background-color: unquote("rgb(#{$palette-blue-400})") !important; - } - - .mdl-color-text--blue-500 { - color: unquote("rgb(#{$palette-blue-500})") !important; - } - - .mdl-color--blue-500 { - background-color: unquote("rgb(#{$palette-blue-500})") !important; - } - - .mdl-color-text--blue-600 { - color: unquote("rgb(#{$palette-blue-600})") !important; - } - - .mdl-color--blue-600 { - background-color: unquote("rgb(#{$palette-blue-600})") !important; - } - - .mdl-color-text--blue-700 { - color: unquote("rgb(#{$palette-blue-700})") !important; - } - - .mdl-color--blue-700 { - background-color: unquote("rgb(#{$palette-blue-700})") !important; - } - - .mdl-color-text--blue-800 { - color: unquote("rgb(#{$palette-blue-800})") !important; - } - - .mdl-color--blue-800 { - background-color: unquote("rgb(#{$palette-blue-800})") !important; - } - - .mdl-color-text--blue-900 { - color: unquote("rgb(#{$palette-blue-900})") !important; - } - - .mdl-color--blue-900 { - background-color: unquote("rgb(#{$palette-blue-900})") !important; - } - - .mdl-color-text--blue-A100 { - color: unquote("rgb(#{$palette-blue-A100})") !important; - } - - .mdl-color--blue-A100 { - background-color: unquote("rgb(#{$palette-blue-A100})") !important; - } - - .mdl-color-text--blue-A200 { - color: unquote("rgb(#{$palette-blue-A200})") !important; - } - - .mdl-color--blue-A200 { - background-color: unquote("rgb(#{$palette-blue-A200})") !important; - } - - .mdl-color-text--blue-A400 { - color: unquote("rgb(#{$palette-blue-A400})") !important; - } - - .mdl-color--blue-A400 { - background-color: unquote("rgb(#{$palette-blue-A400})") !important; - } - - .mdl-color-text--blue-A700 { - color: unquote("rgb(#{$palette-blue-A700})") !important; - } - - .mdl-color--blue-A700 { - background-color: unquote("rgb(#{$palette-blue-A700})") !important; - } - - // Light Blue - - .mdl-color-text--light-blue { - color: unquote("rgb(#{$palette-light-blue-500})") !important; - } - - .mdl-color--light-blue { - background-color: unquote("rgb(#{$palette-light-blue-500})") !important; - } - - .mdl-color-text--light-blue-50 { - color: unquote("rgb(#{$palette-light-blue-50})") !important; - } - - .mdl-color--light-blue-50 { - background-color: unquote("rgb(#{$palette-light-blue-50})") !important; - } - - .mdl-color-text--light-blue-100 { - color: unquote("rgb(#{$palette-light-blue-100})") !important; - } - - .mdl-color--light-blue-100 { - background-color: unquote("rgb(#{$palette-light-blue-100})") !important; - } - - .mdl-color-text--light-blue-200 { - color: unquote("rgb(#{$palette-light-blue-200})") !important; - } - - .mdl-color--light-blue-200 { - background-color: unquote("rgb(#{$palette-light-blue-200})") !important; - } - - .mdl-color-text--light-blue-300 { - color: unquote("rgb(#{$palette-light-blue-300})") !important; - } - - .mdl-color--light-blue-300 { - background-color: unquote("rgb(#{$palette-light-blue-300})") !important; - } - - .mdl-color-text--light-blue-400 { - color: unquote("rgb(#{$palette-light-blue-400})") !important; - } - - .mdl-color--light-blue-400 { - background-color: unquote("rgb(#{$palette-light-blue-400})") !important; - } - - .mdl-color-text--light-blue-500 { - color: unquote("rgb(#{$palette-light-blue-500})") !important; - } - - .mdl-color--light-blue-500 { - background-color: unquote("rgb(#{$palette-light-blue-500})") !important; - } - - .mdl-color-text--light-blue-600 { - color: unquote("rgb(#{$palette-light-blue-600})") !important; - } - - .mdl-color--light-blue-600 { - background-color: unquote("rgb(#{$palette-light-blue-600})") !important; - } - - .mdl-color-text--light-blue-700 { - color: unquote("rgb(#{$palette-light-blue-700})") !important; - } - - .mdl-color--light-blue-700 { - background-color: unquote("rgb(#{$palette-light-blue-700})") !important; - } - - .mdl-color-text--light-blue-800 { - color: unquote("rgb(#{$palette-light-blue-800})") !important; - } - - .mdl-color--light-blue-800 { - background-color: unquote("rgb(#{$palette-light-blue-800})") !important; - } - - .mdl-color-text--light-blue-900 { - color: unquote("rgb(#{$palette-light-blue-900})") !important; - } - - .mdl-color--light-blue-900 { - background-color: unquote("rgb(#{$palette-light-blue-900})") !important; - } - - .mdl-color-text--light-blue-A100 { - color: unquote("rgb(#{$palette-light-blue-A100})") !important; - } - - .mdl-color--light-blue-A100 { - background-color: unquote("rgb(#{$palette-light-blue-A100})") !important; - } - - .mdl-color-text--light-blue-A200 { - color: unquote("rgb(#{$palette-light-blue-A200})") !important; - } - - .mdl-color--light-blue-A200 { - background-color: unquote("rgb(#{$palette-light-blue-A200})") !important; - } - - .mdl-color-text--light-blue-A400 { - color: unquote("rgb(#{$palette-light-blue-A400})") !important; - } - - .mdl-color--light-blue-A400 { - background-color: unquote("rgb(#{$palette-light-blue-A400})") !important; - } - - .mdl-color-text--light-blue-A700 { - color: unquote("rgb(#{$palette-light-blue-A700})") !important; - } - - .mdl-color--light-blue-A700 { - background-color: unquote("rgb(#{$palette-light-blue-A700})") !important; - } - - // Cyan - - .mdl-color-text--cyan { - color: unquote("rgb(#{$palette-cyan-500})") !important; - } - - .mdl-color--cyan { - background-color: unquote("rgb(#{$palette-cyan-500})") !important; - } - - .mdl-color-text--cyan-50 { - color: unquote("rgb(#{$palette-cyan-50})") !important; - } - - .mdl-color--cyan-50 { - background-color: unquote("rgb(#{$palette-cyan-50})") !important; - } - - .mdl-color-text--cyan-100 { - color: unquote("rgb(#{$palette-cyan-100})") !important; - } - - .mdl-color--cyan-100 { - background-color: unquote("rgb(#{$palette-cyan-100})") !important; - } - - .mdl-color-text--cyan-200 { - color: unquote("rgb(#{$palette-cyan-200})") !important; - } - - .mdl-color--cyan-200 { - background-color: unquote("rgb(#{$palette-cyan-200})") !important; - } - - .mdl-color-text--cyan-300 { - color: unquote("rgb(#{$palette-cyan-300})") !important; - } - - .mdl-color--cyan-300 { - background-color: unquote("rgb(#{$palette-cyan-300})") !important; - } - - .mdl-color-text--cyan-400 { - color: unquote("rgb(#{$palette-cyan-400})") !important; - } - - .mdl-color--cyan-400 { - background-color: unquote("rgb(#{$palette-cyan-400})") !important; - } - - .mdl-color-text--cyan-500 { - color: unquote("rgb(#{$palette-cyan-500})") !important; - } - - .mdl-color--cyan-500 { - background-color: unquote("rgb(#{$palette-cyan-500})") !important; - } - - .mdl-color-text--cyan-600 { - color: unquote("rgb(#{$palette-cyan-600})") !important; - } - - .mdl-color--cyan-600 { - background-color: unquote("rgb(#{$palette-cyan-600})") !important; - } - - .mdl-color-text--cyan-700 { - color: unquote("rgb(#{$palette-cyan-700})") !important; - } - - .mdl-color--cyan-700 { - background-color: unquote("rgb(#{$palette-cyan-700})") !important; - } - - .mdl-color-text--cyan-800 { - color: unquote("rgb(#{$palette-cyan-800})") !important; - } - - .mdl-color--cyan-800 { - background-color: unquote("rgb(#{$palette-cyan-800})") !important; - } - - .mdl-color-text--cyan-900 { - color: unquote("rgb(#{$palette-cyan-900})") !important; - } - - .mdl-color--cyan-900 { - background-color: unquote("rgb(#{$palette-cyan-900})") !important; - } - - .mdl-color-text--cyan-A100 { - color: unquote("rgb(#{$palette-cyan-A100})") !important; - } - - .mdl-color--cyan-A100 { - background-color: unquote("rgb(#{$palette-cyan-A100})") !important; - } - - .mdl-color-text--cyan-A200 { - color: unquote("rgb(#{$palette-cyan-A200})") !important; - } - - .mdl-color--cyan-A200 { - background-color: unquote("rgb(#{$palette-cyan-A200})") !important; - } - - .mdl-color-text--cyan-A400 { - color: unquote("rgb(#{$palette-cyan-A400})") !important; - } - - .mdl-color--cyan-A400 { - background-color: unquote("rgb(#{$palette-cyan-A400})") !important; - } - - .mdl-color-text--cyan-A700 { - color: unquote("rgb(#{$palette-cyan-A700})") !important; - } - - .mdl-color--cyan-A700 { - background-color: unquote("rgb(#{$palette-cyan-A700})") !important; - } - - // Teal - - .mdl-color-text--teal { - color: unquote("rgb(#{$palette-teal-500})") !important; - } - - .mdl-color--teal { - background-color: unquote("rgb(#{$palette-teal-500})") !important; - } - - .mdl-color-text--teal-50 { - color: unquote("rgb(#{$palette-teal-50})") !important; - } - - .mdl-color--teal-50 { - background-color: unquote("rgb(#{$palette-teal-50})") !important; - } - - .mdl-color-text--teal-100 { - color: unquote("rgb(#{$palette-teal-100})") !important; - } - - .mdl-color--teal-100 { - background-color: unquote("rgb(#{$palette-teal-100})") !important; - } - - .mdl-color-text--teal-200 { - color: unquote("rgb(#{$palette-teal-200})") !important; - } - - .mdl-color--teal-200 { - background-color: unquote("rgb(#{$palette-teal-200})") !important; - } - - .mdl-color-text--teal-300 { - color: unquote("rgb(#{$palette-teal-300})") !important; - } - - .mdl-color--teal-300 { - background-color: unquote("rgb(#{$palette-teal-300})") !important; - } - - .mdl-color-text--teal-400 { - color: unquote("rgb(#{$palette-teal-400})") !important; - } - - .mdl-color--teal-400 { - background-color: unquote("rgb(#{$palette-teal-400})") !important; - } - - .mdl-color-text--teal-500 { - color: unquote("rgb(#{$palette-teal-500})") !important; - } - - .mdl-color--teal-500 { - background-color: unquote("rgb(#{$palette-teal-500})") !important; - } - - .mdl-color-text--teal-600 { - color: unquote("rgb(#{$palette-teal-600})") !important; - } - - .mdl-color--teal-600 { - background-color: unquote("rgb(#{$palette-teal-600})") !important; - } - - .mdl-color-text--teal-700 { - color: unquote("rgb(#{$palette-teal-700})") !important; - } - - .mdl-color--teal-700 { - background-color: unquote("rgb(#{$palette-teal-700})") !important; - } - - .mdl-color-text--teal-800 { - color: unquote("rgb(#{$palette-teal-800})") !important; - } - - .mdl-color--teal-800 { - background-color: unquote("rgb(#{$palette-teal-800})") !important; - } - - .mdl-color-text--teal-900 { - color: unquote("rgb(#{$palette-teal-900})") !important; - } - - .mdl-color--teal-900 { - background-color: unquote("rgb(#{$palette-teal-900})") !important; - } - - .mdl-color-text--teal-A100 { - color: unquote("rgb(#{$palette-teal-A100})") !important; - } - - .mdl-color--teal-A100 { - background-color: unquote("rgb(#{$palette-teal-A100})") !important; - } - - .mdl-color-text--teal-A200 { - color: unquote("rgb(#{$palette-teal-A200})") !important; - } - - .mdl-color--teal-A200 { - background-color: unquote("rgb(#{$palette-teal-A200})") !important; - } - - .mdl-color-text--teal-A400 { - color: unquote("rgb(#{$palette-teal-A400})") !important; - } - - .mdl-color--teal-A400 { - background-color: unquote("rgb(#{$palette-teal-A400})") !important; - } - - .mdl-color-text--teal-A700 { - color: unquote("rgb(#{$palette-teal-A700})") !important; - } - - .mdl-color--teal-A700 { - background-color: unquote("rgb(#{$palette-teal-A700})") !important; - } - - // Green - - .mdl-color-text--green { - color: unquote("rgb(#{$palette-green-500})") !important; - } - - .mdl-color--green { - background-color: unquote("rgb(#{$palette-green-500})") !important; - } - - .mdl-color-text--green-50 { - color: unquote("rgb(#{$palette-green-50})") !important; - } - - .mdl-color--green-50 { - background-color: unquote("rgb(#{$palette-green-50})") !important; - } - - .mdl-color-text--green-100 { - color: unquote("rgb(#{$palette-green-100})") !important; - } - - .mdl-color--green-100 { - background-color: unquote("rgb(#{$palette-green-100})") !important; - } - - .mdl-color-text--green-200 { - color: unquote("rgb(#{$palette-green-200})") !important; - } - - .mdl-color--green-200 { - background-color: unquote("rgb(#{$palette-green-200})") !important; - } - - .mdl-color-text--green-300 { - color: unquote("rgb(#{$palette-green-300})") !important; - } - - .mdl-color--green-300 { - background-color: unquote("rgb(#{$palette-green-300})") !important; - } - - .mdl-color-text--green-400 { - color: unquote("rgb(#{$palette-green-400})") !important; - } - - .mdl-color--green-400 { - background-color: unquote("rgb(#{$palette-green-400})") !important; - } - - .mdl-color-text--green-500 { - color: unquote("rgb(#{$palette-green-500})") !important; - } - - .mdl-color--green-500 { - background-color: unquote("rgb(#{$palette-green-500})") !important; - } - - .mdl-color-text--green-600 { - color: unquote("rgb(#{$palette-green-600})") !important; - } - - .mdl-color--green-600 { - background-color: unquote("rgb(#{$palette-green-600})") !important; - } - - .mdl-color-text--green-700 { - color: unquote("rgb(#{$palette-green-700})") !important; - } - - .mdl-color--green-700 { - background-color: unquote("rgb(#{$palette-green-700})") !important; - } - - .mdl-color-text--green-800 { - color: unquote("rgb(#{$palette-green-800})") !important; - } - - .mdl-color--green-800 { - background-color: unquote("rgb(#{$palette-green-800})") !important; - } - - .mdl-color-text--green-900 { - color: unquote("rgb(#{$palette-green-900})") !important; - } - - .mdl-color--green-900 { - background-color: unquote("rgb(#{$palette-green-900})") !important; - } - - .mdl-color-text--green-A100 { - color: unquote("rgb(#{$palette-green-A100})") !important; - } - - .mdl-color--green-A100 { - background-color: unquote("rgb(#{$palette-green-A100})") !important; - } - - .mdl-color-text--green-A200 { - color: unquote("rgb(#{$palette-green-A200})") !important; - } - - .mdl-color--green-A200 { - background-color: unquote("rgb(#{$palette-green-A200})") !important; - } - - .mdl-color-text--green-A400 { - color: unquote("rgb(#{$palette-green-A400})") !important; - } - - .mdl-color--green-A400 { - background-color: unquote("rgb(#{$palette-green-A400})") !important; - } - - .mdl-color-text--green-A700 { - color: unquote("rgb(#{$palette-green-A700})") !important; - } - - .mdl-color--green-A700 { - background-color: unquote("rgb(#{$palette-green-A700})") !important; - } - - // Light Green - - .mdl-color-text--light-green { - color: unquote("rgb(#{$palette-light-green-500})") !important; - } - - .mdl-color--light-green { - background-color: unquote("rgb(#{$palette-light-green-500})") !important; - } - - .mdl-color-text--light-green-50 { - color: unquote("rgb(#{$palette-light-green-50})") !important; - } - - .mdl-color--light-green-50 { - background-color: unquote("rgb(#{$palette-light-green-50})") !important; - } - - .mdl-color-text--light-green-100 { - color: unquote("rgb(#{$palette-light-green-100})") !important; - } - - .mdl-color--light-green-100 { - background-color: unquote("rgb(#{$palette-light-green-100})") !important; - } - - .mdl-color-text--light-green-200 { - color: unquote("rgb(#{$palette-light-green-200})") !important; - } - - .mdl-color--light-green-200 { - background-color: unquote("rgb(#{$palette-light-green-200})") !important; - } - - .mdl-color-text--light-green-300 { - color: unquote("rgb(#{$palette-light-green-300})") !important; - } - - .mdl-color--light-green-300 { - background-color: unquote("rgb(#{$palette-light-green-300})") !important; - } - - .mdl-color-text--light-green-400 { - color: unquote("rgb(#{$palette-light-green-400})") !important; - } - - .mdl-color--light-green-400 { - background-color: unquote("rgb(#{$palette-light-green-400})") !important; - } - - .mdl-color-text--light-green-500 { - color: unquote("rgb(#{$palette-light-green-500})") !important; - } - - .mdl-color--light-green-500 { - background-color: unquote("rgb(#{$palette-light-green-500})") !important; - } - - .mdl-color-text--light-green-600 { - color: unquote("rgb(#{$palette-light-green-600})") !important; - } - - .mdl-color--light-green-600 { - background-color: unquote("rgb(#{$palette-light-green-600})") !important; - } - - .mdl-color-text--light-green-700 { - color: unquote("rgb(#{$palette-light-green-700})") !important; - } - - .mdl-color--light-green-700 { - background-color: unquote("rgb(#{$palette-light-green-700})") !important; - } - - .mdl-color-text--light-green-800 { - color: unquote("rgb(#{$palette-light-green-800})") !important; - } - - .mdl-color--light-green-800 { - background-color: unquote("rgb(#{$palette-light-green-800})") !important; - } - - .mdl-color-text--light-green-900 { - color: unquote("rgb(#{$palette-light-green-900})") !important; - } - - .mdl-color--light-green-900 { - background-color: unquote("rgb(#{$palette-light-green-900})") !important; - } - - .mdl-color-text--light-green-A100 { - color: unquote("rgb(#{$palette-light-green-A100})") !important; - } - - .mdl-color--light-green-A100 { - background-color: unquote("rgb(#{$palette-light-green-A100})") !important; - } - - .mdl-color-text--light-green-A200 { - color: unquote("rgb(#{$palette-light-green-A200})") !important; - } - - .mdl-color--light-green-A200 { - background-color: unquote("rgb(#{$palette-light-green-A200})") !important; - } - - .mdl-color-text--light-green-A400 { - color: unquote("rgb(#{$palette-light-green-A400})") !important; - } - - .mdl-color--light-green-A400 { - background-color: unquote("rgb(#{$palette-light-green-A400})") !important; - } - - .mdl-color-text--light-green-A700 { - color: unquote("rgb(#{$palette-light-green-A700})") !important; - } - - .mdl-color--light-green-A700 { - background-color: unquote("rgb(#{$palette-light-green-A700})") !important; - } - - // Lime - - .mdl-color-text--lime { - color: unquote("rgb(#{$palette-lime-500})") !important; - } - - .mdl-color--lime { - background-color: unquote("rgb(#{$palette-lime-500})") !important; - } - - .mdl-color-text--lime-50 { - color: unquote("rgb(#{$palette-lime-50})") !important; - } - - .mdl-color--lime-50 { - background-color: unquote("rgb(#{$palette-lime-50})") !important; - } - - .mdl-color-text--lime-100 { - color: unquote("rgb(#{$palette-lime-100})") !important; - } - - .mdl-color--lime-100 { - background-color: unquote("rgb(#{$palette-lime-100})") !important; - } - - .mdl-color-text--lime-200 { - color: unquote("rgb(#{$palette-lime-200})") !important; - } - - .mdl-color--lime-200 { - background-color: unquote("rgb(#{$palette-lime-200})") !important; - } - - .mdl-color-text--lime-300 { - color: unquote("rgb(#{$palette-lime-300})") !important; - } - - .mdl-color--lime-300 { - background-color: unquote("rgb(#{$palette-lime-300})") !important; - } - - .mdl-color-text--lime-400 { - color: unquote("rgb(#{$palette-lime-400})") !important; - } - - .mdl-color--lime-400 { - background-color: unquote("rgb(#{$palette-lime-400})") !important; - } - - .mdl-color-text--lime-500 { - color: unquote("rgb(#{$palette-lime-500})") !important; - } - - .mdl-color--lime-500 { - background-color: unquote("rgb(#{$palette-lime-500})") !important; - } - - .mdl-color-text--lime-600 { - color: unquote("rgb(#{$palette-lime-600})") !important; - } - - .mdl-color--lime-600 { - background-color: unquote("rgb(#{$palette-lime-600})") !important; - } - - .mdl-color-text--lime-700 { - color: unquote("rgb(#{$palette-lime-700})") !important; - } - - .mdl-color--lime-700 { - background-color: unquote("rgb(#{$palette-lime-700})") !important; - } - - .mdl-color-text--lime-800 { - color: unquote("rgb(#{$palette-lime-800})") !important; - } - - .mdl-color--lime-800 { - background-color: unquote("rgb(#{$palette-lime-800})") !important; - } - - .mdl-color-text--lime-900 { - color: unquote("rgb(#{$palette-lime-900})") !important; - } - - .mdl-color--lime-900 { - background-color: unquote("rgb(#{$palette-lime-900})") !important; - } - - .mdl-color-text--lime-A100 { - color: unquote("rgb(#{$palette-lime-A100})") !important; - } - - .mdl-color--lime-A100 { - background-color: unquote("rgb(#{$palette-lime-A100})") !important; - } - - .mdl-color-text--lime-A200 { - color: unquote("rgb(#{$palette-lime-A200})") !important; - } - - .mdl-color--lime-A200 { - background-color: unquote("rgb(#{$palette-lime-A200})") !important; - } - - .mdl-color-text--lime-A400 { - color: unquote("rgb(#{$palette-lime-A400})") !important; - } - - .mdl-color--lime-A400 { - background-color: unquote("rgb(#{$palette-lime-A400})") !important; - } - - .mdl-color-text--lime-A700 { - color: unquote("rgb(#{$palette-lime-A700})") !important; - } - - .mdl-color--lime-A700 { - background-color: unquote("rgb(#{$palette-lime-A700})") !important; - } - - // Yellow - - .mdl-color-text--yellow { - color: unquote("rgb(#{$palette-yellow-500})") !important; - } - - .mdl-color--yellow { - background-color: unquote("rgb(#{$palette-yellow-500})") !important; - } - - .mdl-color-text--yellow-50 { - color: unquote("rgb(#{$palette-yellow-50})") !important; - } - - .mdl-color--yellow-50 { - background-color: unquote("rgb(#{$palette-yellow-50})") !important; - } - - .mdl-color-text--yellow-100 { - color: unquote("rgb(#{$palette-yellow-100})") !important; - } - - .mdl-color--yellow-100 { - background-color: unquote("rgb(#{$palette-yellow-100})") !important; - } - - .mdl-color-text--yellow-200 { - color: unquote("rgb(#{$palette-yellow-200})") !important; - } - - .mdl-color--yellow-200 { - background-color: unquote("rgb(#{$palette-yellow-200})") !important; - } - - .mdl-color-text--yellow-300 { - color: unquote("rgb(#{$palette-yellow-300})") !important; - } - - .mdl-color--yellow-300 { - background-color: unquote("rgb(#{$palette-yellow-300})") !important; - } - - .mdl-color-text--yellow-400 { - color: unquote("rgb(#{$palette-yellow-400})") !important; - } - - .mdl-color--yellow-400 { - background-color: unquote("rgb(#{$palette-yellow-400})") !important; - } - - .mdl-color-text--yellow-500 { - color: unquote("rgb(#{$palette-yellow-500})") !important; - } - - .mdl-color--yellow-500 { - background-color: unquote("rgb(#{$palette-yellow-500})") !important; - } - - .mdl-color-text--yellow-600 { - color: unquote("rgb(#{$palette-yellow-600})") !important; - } - - .mdl-color--yellow-600 { - background-color: unquote("rgb(#{$palette-yellow-600})") !important; - } - - .mdl-color-text--yellow-700 { - color: unquote("rgb(#{$palette-yellow-700})") !important; - } - - .mdl-color--yellow-700 { - background-color: unquote("rgb(#{$palette-yellow-700})") !important; - } - - .mdl-color-text--yellow-800 { - color: unquote("rgb(#{$palette-yellow-800})") !important; - } - - .mdl-color--yellow-800 { - background-color: unquote("rgb(#{$palette-yellow-800})") !important; - } - - .mdl-color-text--yellow-900 { - color: unquote("rgb(#{$palette-yellow-900})") !important; - } - - .mdl-color--yellow-900 { - background-color: unquote("rgb(#{$palette-yellow-900})") !important; - } - - .mdl-color-text--yellow-A100 { - color: unquote("rgb(#{$palette-yellow-A100})") !important; - } - - .mdl-color--yellow-A100 { - background-color: unquote("rgb(#{$palette-yellow-A100})") !important; - } - - .mdl-color-text--yellow-A200 { - color: unquote("rgb(#{$palette-yellow-A200})") !important; - } - - .mdl-color--yellow-A200 { - background-color: unquote("rgb(#{$palette-yellow-A200})") !important; - } - - .mdl-color-text--yellow-A400 { - color: unquote("rgb(#{$palette-yellow-A400})") !important; - } - - .mdl-color--yellow-A400 { - background-color: unquote("rgb(#{$palette-yellow-A400})") !important; - } - - .mdl-color-text--yellow-A700 { - color: unquote("rgb(#{$palette-yellow-A700})") !important; - } - - .mdl-color--yellow-A700 { - background-color: unquote("rgb(#{$palette-yellow-A700})") !important; - } - - // Amber - - .mdl-color-text--amber { - color: unquote("rgb(#{$palette-amber-500})") !important; - } - - .mdl-color--amber { - background-color: unquote("rgb(#{$palette-amber-500})") !important; - } - - .mdl-color-text--amber-50 { - color: unquote("rgb(#{$palette-amber-50})") !important; - } - - .mdl-color--amber-50 { - background-color: unquote("rgb(#{$palette-amber-50})") !important; - } - - .mdl-color-text--amber-100 { - color: unquote("rgb(#{$palette-amber-100})") !important; - } - - .mdl-color--amber-100 { - background-color: unquote("rgb(#{$palette-amber-100})") !important; - } - - .mdl-color-text--amber-200 { - color: unquote("rgb(#{$palette-amber-200})") !important; - } - - .mdl-color--amber-200 { - background-color: unquote("rgb(#{$palette-amber-200})") !important; - } - - .mdl-color-text--amber-300 { - color: unquote("rgb(#{$palette-amber-300})") !important; - } - - .mdl-color--amber-300 { - background-color: unquote("rgb(#{$palette-amber-300})") !important; - } - - .mdl-color-text--amber-400 { - color: unquote("rgb(#{$palette-amber-400})") !important; - } - - .mdl-color--amber-400 { - background-color: unquote("rgb(#{$palette-amber-400})") !important; - } - - .mdl-color-text--amber-500 { - color: unquote("rgb(#{$palette-amber-500})") !important; - } - - .mdl-color--amber-500 { - background-color: unquote("rgb(#{$palette-amber-500})") !important; - } - - .mdl-color-text--amber-600 { - color: unquote("rgb(#{$palette-amber-600})") !important; - } - - .mdl-color--amber-600 { - background-color: unquote("rgb(#{$palette-amber-600})") !important; - } - - .mdl-color-text--amber-700 { - color: unquote("rgb(#{$palette-amber-700})") !important; - } - - .mdl-color--amber-700 { - background-color: unquote("rgb(#{$palette-amber-700})") !important; - } - - .mdl-color-text--amber-800 { - color: unquote("rgb(#{$palette-amber-800})") !important; - } - - .mdl-color--amber-800 { - background-color: unquote("rgb(#{$palette-amber-800})") !important; - } - - .mdl-color-text--amber-900 { - color: unquote("rgb(#{$palette-amber-900})") !important; - } - - .mdl-color--amber-900 { - background-color: unquote("rgb(#{$palette-amber-900})") !important; - } - - .mdl-color-text--amber-A100 { - color: unquote("rgb(#{$palette-amber-A100})") !important; - } - - .mdl-color--amber-A100 { - background-color: unquote("rgb(#{$palette-amber-A100})") !important; - } - - .mdl-color-text--amber-A200 { - color: unquote("rgb(#{$palette-amber-A200})") !important; - } - - .mdl-color--amber-A200 { - background-color: unquote("rgb(#{$palette-amber-A200})") !important; - } - - .mdl-color-text--amber-A400 { - color: unquote("rgb(#{$palette-amber-A400})") !important; - } - - .mdl-color--amber-A400 { - background-color: unquote("rgb(#{$palette-amber-A400})") !important; - } - - .mdl-color-text--amber-A700 { - color: unquote("rgb(#{$palette-amber-A700})") !important; - } - - .mdl-color--amber-A700 { - background-color: unquote("rgb(#{$palette-amber-A700})") !important; - } - - // Orange - - .mdl-color-text--orange { - color: unquote("rgb(#{$palette-orange-500})") !important; - } - - .mdl-color--orange { - background-color: unquote("rgb(#{$palette-orange-500})") !important; - } - - .mdl-color-text--orange-50 { - color: unquote("rgb(#{$palette-orange-50})") !important; - } - - .mdl-color--orange-50 { - background-color: unquote("rgb(#{$palette-orange-50})") !important; - } - - .mdl-color-text--orange-100 { - color: unquote("rgb(#{$palette-orange-100})") !important; - } - - .mdl-color--orange-100 { - background-color: unquote("rgb(#{$palette-orange-100})") !important; - } - - .mdl-color-text--orange-200 { - color: unquote("rgb(#{$palette-orange-200})") !important; - } - - .mdl-color--orange-200 { - background-color: unquote("rgb(#{$palette-orange-200})") !important; - } - - .mdl-color-text--orange-300 { - color: unquote("rgb(#{$palette-orange-300})") !important; - } - - .mdl-color--orange-300 { - background-color: unquote("rgb(#{$palette-orange-300})") !important; - } - - .mdl-color-text--orange-400 { - color: unquote("rgb(#{$palette-orange-400})") !important; - } - - .mdl-color--orange-400 { - background-color: unquote("rgb(#{$palette-orange-400})") !important; - } - - .mdl-color-text--orange-500 { - color: unquote("rgb(#{$palette-orange-500})") !important; - } - - .mdl-color--orange-500 { - background-color: unquote("rgb(#{$palette-orange-500})") !important; - } - - .mdl-color-text--orange-600 { - color: unquote("rgb(#{$palette-orange-600})") !important; - } - - .mdl-color--orange-600 { - background-color: unquote("rgb(#{$palette-orange-600})") !important; - } - - .mdl-color-text--orange-700 { - color: unquote("rgb(#{$palette-orange-700})") !important; - } - - .mdl-color--orange-700 { - background-color: unquote("rgb(#{$palette-orange-700})") !important; - } - - .mdl-color-text--orange-800 { - color: unquote("rgb(#{$palette-orange-800})") !important; - } - - .mdl-color--orange-800 { - background-color: unquote("rgb(#{$palette-orange-800})") !important; - } - - .mdl-color-text--orange-900 { - color: unquote("rgb(#{$palette-orange-900})") !important; - } - - .mdl-color--orange-900 { - background-color: unquote("rgb(#{$palette-orange-900})") !important; - } - - .mdl-color-text--orange-A100 { - color: unquote("rgb(#{$palette-orange-A100})") !important; - } - - .mdl-color--orange-A100 { - background-color: unquote("rgb(#{$palette-orange-A100})") !important; - } - - .mdl-color-text--orange-A200 { - color: unquote("rgb(#{$palette-orange-A200})") !important; - } - - .mdl-color--orange-A200 { - background-color: unquote("rgb(#{$palette-orange-A200})") !important; - } - - .mdl-color-text--orange-A400 { - color: unquote("rgb(#{$palette-orange-A400})") !important; - } - - .mdl-color--orange-A400 { - background-color: unquote("rgb(#{$palette-orange-A400})") !important; - } - - .mdl-color-text--orange-A700 { - color: unquote("rgb(#{$palette-orange-A700})") !important; - } - - .mdl-color--orange-A700 { - background-color: unquote("rgb(#{$palette-orange-A700})") !important; - } - - // Deep Orange - - .mdl-color-text--deep-orange { - color: unquote("rgb(#{$palette-deep-orange-500})") !important; - } - - .mdl-color--deep-orange { - background-color: unquote("rgb(#{$palette-deep-orange-500})") !important; - } - - .mdl-color-text--deep-orange-50 { - color: unquote("rgb(#{$palette-deep-orange-50})") !important; - } - - .mdl-color--deep-orange-50 { - background-color: unquote("rgb(#{$palette-deep-orange-50})") !important; - } - - .mdl-color-text--deep-orange-100 { - color: unquote("rgb(#{$palette-deep-orange-100})") !important; - } - - .mdl-color--deep-orange-100 { - background-color: unquote("rgb(#{$palette-deep-orange-100})") !important; - } - - .mdl-color-text--deep-orange-200 { - color: unquote("rgb(#{$palette-deep-orange-200})") !important; - } - - .mdl-color--deep-orange-200 { - background-color: unquote("rgb(#{$palette-deep-orange-200})") !important; - } - - .mdl-color-text--deep-orange-300 { - color: unquote("rgb(#{$palette-deep-orange-300})") !important; - } - - .mdl-color--deep-orange-300 { - background-color: unquote("rgb(#{$palette-deep-orange-300})") !important; - } - - .mdl-color-text--deep-orange-400 { - color: unquote("rgb(#{$palette-deep-orange-400})") !important; - } - - .mdl-color--deep-orange-400 { - background-color: unquote("rgb(#{$palette-deep-orange-400})") !important; - } - - .mdl-color-text--deep-orange-500 { - color: unquote("rgb(#{$palette-deep-orange-500})") !important; - } - - .mdl-color--deep-orange-500 { - background-color: unquote("rgb(#{$palette-deep-orange-500})") !important; - } - - .mdl-color-text--deep-orange-600 { - color: unquote("rgb(#{$palette-deep-orange-600})") !important; - } - - .mdl-color--deep-orange-600 { - background-color: unquote("rgb(#{$palette-deep-orange-600})") !important; - } - - .mdl-color-text--deep-orange-700 { - color: unquote("rgb(#{$palette-deep-orange-700})") !important; - } - - .mdl-color--deep-orange-700 { - background-color: unquote("rgb(#{$palette-deep-orange-700})") !important; - } - - .mdl-color-text--deep-orange-800 { - color: unquote("rgb(#{$palette-deep-orange-800})") !important; - } - - .mdl-color--deep-orange-800 { - background-color: unquote("rgb(#{$palette-deep-orange-800})") !important; - } - - .mdl-color-text--deep-orange-900 { - color: unquote("rgb(#{$palette-deep-orange-900})") !important; - } - - .mdl-color--deep-orange-900 { - background-color: unquote("rgb(#{$palette-deep-orange-900})") !important; - } - - .mdl-color-text--deep-orange-A100 { - color: unquote("rgb(#{$palette-deep-orange-A100})") !important; - } - - .mdl-color--deep-orange-A100 { - background-color: unquote("rgb(#{$palette-deep-orange-A100})") !important; - } - - .mdl-color-text--deep-orange-A200 { - color: unquote("rgb(#{$palette-deep-orange-A200})") !important; - } - - .mdl-color--deep-orange-A200 { - background-color: unquote("rgb(#{$palette-deep-orange-A200})") !important; - } - - .mdl-color-text--deep-orange-A400 { - color: unquote("rgb(#{$palette-deep-orange-A400})") !important; - } - - .mdl-color--deep-orange-A400 { - background-color: unquote("rgb(#{$palette-deep-orange-A400})") !important; - } - - .mdl-color-text--deep-orange-A700 { - color: unquote("rgb(#{$palette-deep-orange-A700})") !important; - } - - .mdl-color--deep-orange-A700 { - background-color: unquote("rgb(#{$palette-deep-orange-A700})") !important; - } - - // Brown - - .mdl-color-text--brown { - color: unquote("rgb(#{$palette-brown-500})") !important; - } - - .mdl-color--brown { - background-color: unquote("rgb(#{$palette-brown-500})") !important; - } - - .mdl-color-text--brown-50 { - color: unquote("rgb(#{$palette-brown-50})") !important; - } - - .mdl-color--brown-50 { - background-color: unquote("rgb(#{$palette-brown-50})") !important; - } - - .mdl-color-text--brown-100 { - color: unquote("rgb(#{$palette-brown-100})") !important; - } - - .mdl-color--brown-100 { - background-color: unquote("rgb(#{$palette-brown-100})") !important; - } - - .mdl-color-text--brown-200 { - color: unquote("rgb(#{$palette-brown-200})") !important; - } - - .mdl-color--brown-200 { - background-color: unquote("rgb(#{$palette-brown-200})") !important; - } - - .mdl-color-text--brown-300 { - color: unquote("rgb(#{$palette-brown-300})") !important; - } - - .mdl-color--brown-300 { - background-color: unquote("rgb(#{$palette-brown-300})") !important; - } - - .mdl-color-text--brown-400 { - color: unquote("rgb(#{$palette-brown-400})") !important; - } - - .mdl-color--brown-400 { - background-color: unquote("rgb(#{$palette-brown-400})") !important; - } - - .mdl-color-text--brown-500 { - color: unquote("rgb(#{$palette-brown-500})") !important; - } - - .mdl-color--brown-500 { - background-color: unquote("rgb(#{$palette-brown-500})") !important; - } - - .mdl-color-text--brown-600 { - color: unquote("rgb(#{$palette-brown-600})") !important; - } - - .mdl-color--brown-600 { - background-color: unquote("rgb(#{$palette-brown-600})") !important; - } - - .mdl-color-text--brown-700 { - color: unquote("rgb(#{$palette-brown-700})") !important; - } - - .mdl-color--brown-700 { - background-color: unquote("rgb(#{$palette-brown-700})") !important; - } - - .mdl-color-text--brown-800 { - color: unquote("rgb(#{$palette-brown-800})") !important; - } - - .mdl-color--brown-800 { - background-color: unquote("rgb(#{$palette-brown-800})") !important; - } - - .mdl-color-text--brown-900 { - color: unquote("rgb(#{$palette-brown-900})") !important; - } - - .mdl-color--brown-900 { - background-color: unquote("rgb(#{$palette-brown-900})") !important; - } - - // Grey - - .mdl-color-text--grey { - color: unquote("rgb(#{$palette-grey-500})") !important; - } - - .mdl-color--grey { - background-color: unquote("rgb(#{$palette-grey-500})") !important; - } - - .mdl-color-text--grey-50 { - color: unquote("rgb(#{$palette-grey-50})") !important; - } - - .mdl-color--grey-50 { - background-color: unquote("rgb(#{$palette-grey-50})") !important; - } - - .mdl-color-text--grey-100 { - color: unquote("rgb(#{$palette-grey-100})") !important; - } - - .mdl-color--grey-100 { - background-color: unquote("rgb(#{$palette-grey-100})") !important; - } - - .mdl-color-text--grey-200 { - color: unquote("rgb(#{$palette-grey-200})") !important; - } - - .mdl-color--grey-200 { - background-color: unquote("rgb(#{$palette-grey-200})") !important; - } - - .mdl-color-text--grey-300 { - color: unquote("rgb(#{$palette-grey-300})") !important; - } - - .mdl-color--grey-300 { - background-color: unquote("rgb(#{$palette-grey-300})") !important; - } - - .mdl-color-text--grey-400 { - color: unquote("rgb(#{$palette-grey-400})") !important; - } - - .mdl-color--grey-400 { - background-color: unquote("rgb(#{$palette-grey-400})") !important; - } - - .mdl-color-text--grey-500 { - color: unquote("rgb(#{$palette-grey-500})") !important; - } - - .mdl-color--grey-500 { - background-color: unquote("rgb(#{$palette-grey-500})") !important; - } - - .mdl-color-text--grey-600 { - color: unquote("rgb(#{$palette-grey-600})") !important; - } - - .mdl-color--grey-600 { - background-color: unquote("rgb(#{$palette-grey-600})") !important; - } - - .mdl-color-text--grey-700 { - color: unquote("rgb(#{$palette-grey-700})") !important; - } - - .mdl-color--grey-700 { - background-color: unquote("rgb(#{$palette-grey-700})") !important; - } - - .mdl-color-text--grey-800 { - color: unquote("rgb(#{$palette-grey-800})") !important; - } - - .mdl-color--grey-800 { - background-color: unquote("rgb(#{$palette-grey-800})") !important; - } - - .mdl-color-text--grey-900 { - color: unquote("rgb(#{$palette-grey-900})") !important; - } - - .mdl-color--grey-900 { - background-color: unquote("rgb(#{$palette-grey-900})") !important; - } - - // Blue Grey - - .mdl-color-text--blue-grey { - color: unquote("rgb(#{$palette-blue-grey-500})") !important; - } - - .mdl-color--blue-grey { - background-color: unquote("rgb(#{$palette-blue-grey-500})") !important; - } - - .mdl-color-text--blue-grey-50 { - color: unquote("rgb(#{$palette-blue-grey-50})") !important; - } - - .mdl-color--blue-grey-50 { - background-color: unquote("rgb(#{$palette-blue-grey-50})") !important; - } - - .mdl-color-text--blue-grey-100 { - color: unquote("rgb(#{$palette-blue-grey-100})") !important; - } - - .mdl-color--blue-grey-100 { - background-color: unquote("rgb(#{$palette-blue-grey-100})") !important; - } - - .mdl-color-text--blue-grey-200 { - color: unquote("rgb(#{$palette-blue-grey-200})") !important; - } - - .mdl-color--blue-grey-200 { - background-color: unquote("rgb(#{$palette-blue-grey-200})") !important; - } - - .mdl-color-text--blue-grey-300 { - color: unquote("rgb(#{$palette-blue-grey-300})") !important; - } - - .mdl-color--blue-grey-300 { - background-color: unquote("rgb(#{$palette-blue-grey-300})") !important; - } - - .mdl-color-text--blue-grey-400 { - color: unquote("rgb(#{$palette-blue-grey-400})") !important; - } - - .mdl-color--blue-grey-400 { - background-color: unquote("rgb(#{$palette-blue-grey-400})") !important; - } - - .mdl-color-text--blue-grey-500 { - color: unquote("rgb(#{$palette-blue-grey-500})") !important; - } - - .mdl-color--blue-grey-500 { - background-color: unquote("rgb(#{$palette-blue-grey-500})") !important; - } - - .mdl-color-text--blue-grey-600 { - color: unquote("rgb(#{$palette-blue-grey-600})") !important; - } - - .mdl-color--blue-grey-600 { - background-color: unquote("rgb(#{$palette-blue-grey-600})") !important; - } - - .mdl-color-text--blue-grey-700 { - color: unquote("rgb(#{$palette-blue-grey-700})") !important; - } - - .mdl-color--blue-grey-700 { - background-color: unquote("rgb(#{$palette-blue-grey-700})") !important; - } - - .mdl-color-text--blue-grey-800 { - color: unquote("rgb(#{$palette-blue-grey-800})") !important; - } - - .mdl-color--blue-grey-800 { - background-color: unquote("rgb(#{$palette-blue-grey-800})") !important; - } - - .mdl-color-text--blue-grey-900 { - color: unquote("rgb(#{$palette-blue-grey-900})") !important; - } - - .mdl-color--blue-grey-900 { - background-color: unquote("rgb(#{$palette-blue-grey-900})") !important; - } - - // Black - - .mdl-color--black { - background-color: unquote("rgb(#{$color-black})") !important; - } - - .mdl-color-text--black { - color: unquote("rgb(#{$color-black})") !important; - } - - // White - - .mdl-color--white { - background-color: unquote("rgb(#{$color-white})") !important; - } - - .mdl-color-text--white { - color: unquote("rgb(#{$color-white})") !important; - } -} - -// Primary and accent - -.mdl-color--primary { - background-color: unquote("rgb(#{$color-primary})") !important; -} - -.mdl-color--primary-contrast { - background-color: unquote("rgb(#{$color-primary-contrast})") !important; -} - -.mdl-color--primary-dark { - background-color: unquote("rgb(#{$color-primary-dark})") !important; -} - -.mdl-color--accent { - background-color: unquote("rgb(#{$color-accent})") !important; -} - -.mdl-color--accent-contrast { - background-color: unquote("rgb(#{$color-accent-contrast})") !important; -} - -.mdl-color-text--primary { - color: unquote("rgb(#{$color-primary})") !important; -} - -.mdl-color-text--primary-contrast { - color: unquote("rgb(#{$color-primary-contrast})") !important; -} - -.mdl-color-text--primary-dark { - color: unquote("rgb(#{$color-primary-dark})") !important; -} - -.mdl-color-text--accent { - color: unquote("rgb(#{$color-accent})") !important; -} - -.mdl-color-text--accent-contrast { - color: unquote("rgb(#{$color-accent-contrast})") !important; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/palette/demo.css b/dashboard-ui/bower_components/material-design-lite/src/palette/demo.css deleted file mode 100644 index 8370558d30..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/palette/demo.css +++ /dev/null @@ -1,55 +0,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--palette.demo-preview-block { - display: inline-block; -} - -.demo-palette { - margin-top: 15px; - width: 360px; - float: left; -} - -@media screen and (max-width: 360px ) { - .demo-palette { - width: 272px; - } -} - -.demo-palette-color, .demo-palette-heading { - max-width: 300px; - padding: 15px; - color: white; -} - -.demo-palette .demo-palette--dark-text, -.demo-palette-heading.demo-palette--dark-text .demo-palette-name { - color: #000; -} - -.demo-palette-name { - padding: 0 0 60px 0; -} - -.demo-palette-single { - padding: 15px 15px 25px; -} - -.demo-palette-single .demo-palette-name { - padding: 0; - float: left; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/palette/demo.html b/dashboard-ui/bower_components/material-design-lite/src/palette/demo.html deleted file mode 100644 index 9cf40c5a9f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/palette/demo.html +++ /dev/null @@ -1,417 +0,0 @@ -
-
-
-
Red
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Pink
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Purple
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Deep Purple
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Indigo
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Blue
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Light Blue
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Cyan
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Teal
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Green
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Light Green
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Lime
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Yellow
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Amber
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Orange
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Deep Orange
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Brown
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
- -
-
-
Grey
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
- -
-
-
Blue Grey
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
- -
-
-
Black
-
-
-
White
-
-
- -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/_progress.scss b/dashboard-ui/bower_components/material-design-lite/src/progress/_progress.scss deleted file mode 100644 index 3d384a848e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/_progress.scss +++ /dev/null @@ -1,120 +0,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. - */ - -@import "../variables"; - -.mdl-progress { - display: block; - position: relative; - height: $bar-height; - width: 500px; - max-width: 100%; -} - -.mdl-progress > .bar { - display: block; - position: absolute; - top: 0; - bottom: 0; - width: 0%; - transition: width 0.2s $animation-curve-default; -} - -.mdl-progress > .progressbar { - background-color: $progress-main-color; - z-index: 1; - left: 0; -} - -.mdl-progress > .bufferbar { - background-image: linear-gradient(to right, $progress-secondary-color, $progress-secondary-color), - linear-gradient(to right, $progress-main-color, $progress-main-color); - z-index: 0; - left: 0; -} - -.mdl-progress > .auxbar { - right: 0; -} - -// Webkit only -@supports (-webkit-appearance:none) { - .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, - .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { - background-image: linear-gradient(to right, $progress-secondary-color, $progress-secondary-color), - linear-gradient(to right, $progress-main-color, $progress-main-color); - mask: url('#{$progress-image-path}/buffer.svg?embed'); - } -} - -.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, -.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { - background-image: linear-gradient(to right, $progress-fallback-buffer-color, $progress-fallback-buffer-color), - linear-gradient(to right, $progress-main-color, $progress-main-color); -} - -.mdl-progress.mdl-progress--indeterminate > .bar1, -.mdl-progress.mdl-progress__indeterminate > .bar1 { - background-color: $progress-main-color; - animation-name: indeterminate1; - animation-duration: 2s; - animation-iteration-count: infinite; - animation-timing-function: linear; -} - -.mdl-progress.mdl-progress--indeterminate > .bar3, -.mdl-progress.mdl-progress__indeterminate > .bar3 { - background-image: none; - background-color: $progress-main-color; - animation-name: indeterminate2; - animation-duration: 2s; - animation-iteration-count: infinite; - animation-timing-function: linear; -} - -@keyframes indeterminate1 { - 0% { - left: 0%; - width: 0%; - } - 50% { - left: 25%; - width: 75%; - } - 75% { - left: 100%; - width: 0%; - } -} - -@keyframes indeterminate2 { - 0% { - left: 0%; - width: 0%; - } - 50% { - left: 0%; - width: 0%; - } - 75% { - left: 0%; - width: 25%; - } - 100% { - left: 100%; - width: 0%; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/progress.js b/dashboard-ui/bower_components/material-design-lite/src/progress/progress.js deleted file mode 100644 index 442e2d68e0..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/progress.js +++ /dev/null @@ -1,123 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Progress MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialProgress = function MaterialProgress(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialProgress'] = MaterialProgress; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialProgress.prototype.Constant_ = { - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialProgress.prototype.CssClasses_ = { - INDETERMINATE_CLASS: 'mdl-progress__indeterminate' - }; - - /** - * Set the current progress of the progressbar. - * - * @param {number} p Percentage of the progress (0-100) - * @public - */ - MaterialProgress.prototype.setProgress = function(p) { - if (this.element_.classList.contains(this.CssClasses_.INDETERMINATE_CLASS)) { - return; - } - - this.progressbar_.style.width = p + '%'; - }; - MaterialProgress.prototype['setProgress'] = - MaterialProgress.prototype.setProgress; - - /** - * Set the current progress of the buffer. - * - * @param {number} p Percentage of the buffer (0-100) - * @public - */ - MaterialProgress.prototype.setBuffer = function(p) { - this.bufferbar_.style.width = p + '%'; - this.auxbar_.style.width = (100 - p) + '%'; - }; - MaterialProgress.prototype['setBuffer'] = - MaterialProgress.prototype.setBuffer; - - /** - * Initialize element. - */ - MaterialProgress.prototype.init = function() { - if (this.element_) { - var el = document.createElement('div'); - el.className = 'progressbar bar bar1'; - this.element_.appendChild(el); - this.progressbar_ = el; - - el = document.createElement('div'); - el.className = 'bufferbar bar bar2'; - this.element_.appendChild(el); - this.bufferbar_ = el; - - el = document.createElement('div'); - el.className = 'auxbar bar bar3'; - this.element_.appendChild(el); - this.auxbar_ = el; - - this.progressbar_.style.width = '0%'; - this.bufferbar_.style.width = '100%'; - this.auxbar_.style.width = '0%'; - - this.element_.classList.add('is-upgraded'); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialProgress, - classAsString: 'MaterialProgress', - cssClass: 'mdl-js-progress', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering-demo.html b/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering-demo.html deleted file mode 100644 index 1fa26ac01a..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering-demo.html +++ /dev/null @@ -1,8 +0,0 @@ - - -{% include "progress-buffering.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering.html b/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering.html deleted file mode 100644 index 79d516651c..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-buffering.html +++ /dev/null @@ -1,8 +0,0 @@ - -
- diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default-demo.html b/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default-demo.html deleted file mode 100644 index cd73609d48..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default-demo.html +++ /dev/null @@ -1,7 +0,0 @@ - -{% include "progress-default.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default.html b/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default.html deleted file mode 100644 index 79d5c388f5..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-default.html +++ /dev/null @@ -1,7 +0,0 @@ - -
- diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate-demo.html b/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate-demo.html deleted file mode 100644 index 8360d5b101..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate-demo.html +++ /dev/null @@ -1,7 +0,0 @@ - -{% include "progress-indeterminate.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate.html b/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate.html deleted file mode 100644 index e0e21c7b05..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/progress/snippets/progress-indeterminate.html +++ /dev/null @@ -1,2 +0,0 @@ - -
diff --git a/dashboard-ui/bower_components/material-design-lite/src/radio/_radio.scss b/dashboard-ui/bower_components/material-design-lite/src/radio/_radio.scss deleted file mode 100644 index 73110a0117..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/radio/_radio.scss +++ /dev/null @@ -1,160 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-radio { - position: relative; - - font-size: $radio-label-font-size; - line-height: $radio-label-height; - - display: inline-block; - - box-sizing: border-box; - margin: 0; - padding-left: 0; - - &.is-upgraded { - padding-left: $radio-button-size + $radio-padding; - } -} - -.mdl-radio__button { - line-height: $radio-label-height; - - .mdl-radio.is-upgraded & { - // Hide input element, while still making it respond to focus. - 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: $radio-top-offset; - left: 0; - - display: inline-block; - - box-sizing: border-box; - width: $radio-button-size; - height: $radio-button-size; - margin: 0; - - cursor: pointer; - - border: 2px solid $radio-off-color; - border-radius: 50%; - - z-index: 2; - - .mdl-radio.is-checked & { - border: 2px solid $radio-color; - } - - fieldset[disabled] .mdl-radio, - .mdl-radio.is-disabled & { - border: 2px solid $radio-disabled-color; - cursor: auto; - } -} - -.mdl-radio__inner-circle { - position: absolute; - z-index: 1; - margin: 0; - top: $radio-top-offset + $radio-inner-margin; - left: $radio-inner-margin; - - box-sizing: border-box; - width: $radio-button-size - ($radio-inner-margin * 2); - height: $radio-button-size - ($radio-inner-margin * 2); - - cursor: pointer; - - @include material-animation-default(0.28s); - transition-property: transform; - transform: scale3d(0, 0, 0); - - border-radius: 50%; - background: $radio-color; - - .mdl-radio.is-checked & { - transform: scale3d(1, 1, 1); - } - - fieldset[disabled] .mdl-radio &, - .mdl-radio.is-disabled & { - background: $radio-disabled-color; - cursor: auto; - } - - .mdl-radio.is-focused & { - box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); - } -} - -.mdl-radio__label { - cursor: pointer; - - fieldset[disabled] .mdl-radio &, - .mdl-radio.is-disabled & { - color: $radio-disabled-color; - cursor: auto; - } -} - -.mdl-radio__ripple-container { - position: absolute; - z-index: 2; - top: -(($radio-ripple-size - $radio-label-height) / 2); - left: -(($radio-ripple-size - $radio-button-size) / 2); - - box-sizing: border-box; - width: $radio-ripple-size; - height: $radio-ripple-size; - border-radius: 50%; - - cursor: pointer; - - overflow: hidden; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); - - & .mdl-ripple { - background: $radio-color; - } - - fieldset[disabled] .mdl-radio &, - .mdl-radio.is-disabled & { - cursor: auto; - } - - fieldset[disabled] .mdl-radio & .mdl-ripple, - .mdl-radio.is-disabled & .mdl-ripple { - background: transparent; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/radio/radio.js b/dashboard-ui/bower_components/material-design-lite/src/radio/radio.js deleted file mode 100644 index 683ff72c5d..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/radio/radio.js +++ /dev/null @@ -1,279 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Radio MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialRadio = function MaterialRadio(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialRadio'] = MaterialRadio; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialRadio.prototype.Constant_ = { - TINY_TIMEOUT: 0.001 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialRadio.prototype.CssClasses_ = { - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked', - IS_UPGRADED: 'is-upgraded', - JS_RADIO: 'mdl-js-radio', - RADIO_BTN: 'mdl-radio__button', - RADIO_OUTER_CIRCLE: 'mdl-radio__outer-circle', - RADIO_INNER_CIRCLE: 'mdl-radio__inner-circle', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-radio__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple' - }; - - /** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialRadio.prototype.onChange_ = function(event) { - // Since other radio buttons don't get change events, we need to look for - // them to update their classes. - var radios = document.getElementsByClassName(this.CssClasses_.JS_RADIO); - for (var i = 0; i < radios.length; i++) { - var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN); - // Different name == different group, so no point updating those. - if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) { - radios[i]['MaterialRadio'].updateClasses_(); - } - } - }; - - /** - * Handle focus. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialRadio.prototype.onFocus_ = function(event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle lost focus. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialRadio.prototype.onBlur_ = function(event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialRadio.prototype.onMouseup_ = function(event) { - this.blur_(); - }; - - /** - * Update classes. - * - * @private - */ - MaterialRadio.prototype.updateClasses_ = function() { - this.checkDisabled(); - this.checkToggleState(); - }; - - /** - * Add blur. - * - * @private - */ - MaterialRadio.prototype.blur_ = function() { - - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function() { - this.btnElement_.blur(); - }.bind(this), /** @type {number} */ (this.Constant_.TINY_TIMEOUT)); - }; - - // Public methods. - - /** - * Check the components disabled state. - * - * @public - */ - MaterialRadio.prototype.checkDisabled = function() { - if (this.btnElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } - }; - MaterialRadio.prototype['checkDisabled'] = - MaterialRadio.prototype.checkDisabled; - - /** - * Check the components toggled state. - * - * @public - */ - MaterialRadio.prototype.checkToggleState = function() { - if (this.btnElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } - }; - MaterialRadio.prototype['checkToggleState'] = - MaterialRadio.prototype.checkToggleState; - - /** - * Disable radio. - * - * @public - */ - MaterialRadio.prototype.disable = function() { - this.btnElement_.disabled = true; - this.updateClasses_(); - }; - MaterialRadio.prototype['disable'] = MaterialRadio.prototype.disable; - - /** - * Enable radio. - * - * @public - */ - MaterialRadio.prototype.enable = function() { - this.btnElement_.disabled = false; - this.updateClasses_(); - }; - MaterialRadio.prototype['enable'] = MaterialRadio.prototype.enable; - - /** - * Check radio. - * - * @public - */ - MaterialRadio.prototype.check = function() { - this.btnElement_.checked = true; - this.updateClasses_(); - }; - MaterialRadio.prototype['check'] = MaterialRadio.prototype.check; - - /** - * Uncheck radio. - * - * @public - */ - MaterialRadio.prototype.uncheck = function() { - this.btnElement_.checked = false; - this.updateClasses_(); - }; - MaterialRadio.prototype['uncheck'] = MaterialRadio.prototype.uncheck; - - /** - * Initialize element. - */ - MaterialRadio.prototype.init = function() { - if (this.element_) { - this.btnElement_ = this.element_.querySelector('.' + - this.CssClasses_.RADIO_BTN); - - this.boundChangeHandler_ = this.onChange_.bind(this); - this.boundFocusHandler_ = this.onChange_.bind(this); - this.boundBlurHandler_ = this.onBlur_.bind(this); - this.boundMouseUpHandler_ = this.onMouseup_.bind(this); - - var outerCircle = document.createElement('span'); - outerCircle.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE); - - var innerCircle = document.createElement('span'); - innerCircle.classList.add(this.CssClasses_.RADIO_INNER_CIRCLE); - - this.element_.appendChild(outerCircle); - this.element_.appendChild(innerCircle); - - var rippleContainer; - if (this.element_.classList.contains( - this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add( - this.CssClasses_.RIPPLE_IGNORE_EVENTS); - rippleContainer = document.createElement('span'); - rippleContainer.classList.add( - this.CssClasses_.RIPPLE_CONTAINER); - rippleContainer.classList.add(this.CssClasses_.RIPPLE_EFFECT); - rippleContainer.classList.add(this.CssClasses_.RIPPLE_CENTER); - rippleContainer.addEventListener('mouseup', this.boundMouseUpHandler_); - - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - - rippleContainer.appendChild(ripple); - this.element_.appendChild(rippleContainer); - } - - this.btnElement_.addEventListener('change', this.boundChangeHandler_); - this.btnElement_.addEventListener('focus', this.boundFocusHandler_); - this.btnElement_.addEventListener('blur', this.boundBlurHandler_); - this.element_.addEventListener('mouseup', this.boundMouseUpHandler_); - - this.updateClasses_(); - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialRadio, - classAsString: 'MaterialRadio', - cssClass: 'mdl-js-radio', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-off.html b/dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-off.html deleted file mode 100644 index db347e6b1e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-off.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-on.html b/dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-on.html deleted file mode 100644 index 223f2c6189..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/radio/snippets/radio-on.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/resets/_h5bp.scss b/dashboard-ui/bower_components/material-design-lite/src/resets/_h5bp.scss deleted file mode 100644 index e42fe3e9b9..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/resets/_h5bp.scss +++ /dev/null @@ -1,289 +0,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. - */ - -@import "../variables"; - -/* - * What follows is the result of much research on cross-browser styling. - * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, - * Kroc Camen, and the H5BP dev community and team. - */ - -/* ========================================================================== - Base styles: opinionated defaults - ========================================================================== */ - -html { - color: $text-color-primary; - font-size: 1em; - line-height: 1.4; -} - -/* - * Remove text-shadow in selection highlight: - * https://twitter.com/miketaylr/status/12228805301 - * - * These selection rule sets have to be separate. - * Customize the background color to match your design. - */ - -::selection { - background: #b3d4fc; - text-shadow: none; -} - -/* - * A better looking default horizontal rule - */ - -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; -} - -/* - * Remove the gap between audio, canvas, iframes, - * images, videos and the bottom of their containers: - * https://github.com/h5bp/html5-boilerplate/issues/440 - */ - -audio, -canvas, -iframe, -img, -svg, -video { - vertical-align: middle; -} - -/* - * Remove default fieldset styles. - */ - -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -/* - * Allow only vertical resizing of textareas. - */ - -textarea { - resize: vertical; -} - -/* ========================================================================== - Browser Upgrade Prompt - ========================================================================== */ - -.browserupgrade { - margin: 0.2em 0; - background: #ccc; - color: #000; - padding: 0.2em 0; -} - -/* ========================================================================== - Author's custom styles - ========================================================================== */ - - - - - - - - - - - - - - - - - -/* ========================================================================== - Helper classes - ========================================================================== */ - -/* - * Hide visually and from screen readers: - */ - -.hidden { - display: none !important; -} - -/* - * Hide only visually, but have it available for screen readers: - * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility - */ - -.visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -/* - * Extends the .visuallyhidden class to allow the element - * to be focusable when navigated to via the keyboard: - * https://www.drupal.org/node/897638 - */ - -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; -} - -/* - * Hide visually and from screen readers, but maintain layout - */ - -.invisible { - visibility: hidden; -} - -/* - * Clearfix: contain floats - * - * For modern browsers - * 1. The space content is one way to avoid an Opera bug when the - * `contenteditable` attribute is included anywhere else in the document. - * Otherwise it causes space to appear at the top and bottom of elements - * that receive the `clearfix` class. - * 2. The use of `table` rather than `block` is only necessary if using - * `:before` to contain the top-margins of child elements. - */ - -.clearfix:before, -.clearfix:after { - content: " "; /* 1 */ - display: table; /* 2 */ -} - -.clearfix:after { - clear: both; -} - -/* ========================================================================== - EXAMPLE Media Queries for Responsive Design. - These examples override the primary ('mobile first') styles. - Modify as content requires. - ========================================================================== */ - -@media only screen and (min-width: 35em) { - /* Style adjustments for viewports that meet the condition */ -} - -@media print, - (min-resolution: 1.25dppx), - (min-resolution: 120dpi) { - /* Style adjustments for high resolution devices */ -} - -/* ========================================================================== - Print styles. - Inlined to avoid the additional HTTP request: - http://www.phpied.com/delay-loading-your-print-css/ - ========================================================================== */ - -@media print { - *, - *:before, - *:after, - *:first-letter { - background: transparent !important; - color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ - box-shadow: none !important; - } - - a, - a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - /* - * Don't show links that are fragment identifiers, - * or use the `javascript:` pseudo protocol - */ - - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; - } - - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - - /* - * Printing Tables: - * http://css-discuss.incutio.com/wiki/Printing_Tables - */ - - thead { - display: table-header-group; - } - - tr, - img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { - page-break-after: avoid; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/resets/_mobile.scss b/dashboard-ui/bower_components/material-design-lite/src/resets/_mobile.scss deleted file mode 100644 index efa20dd11f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/resets/_mobile.scss +++ /dev/null @@ -1,25 +0,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. - */ - - -/* Remove the unwanted box around FAB buttons */ -/* More info: http://goo.gl/IPwKi */ -a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, -.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab { - - -webkit-tap-highlight-color: transparent; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/resets/_resets.scss b/dashboard-ui/bower_components/material-design-lite/src/resets/_resets.scss deleted file mode 100644 index dba3d0e1ec..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/resets/_resets.scss +++ /dev/null @@ -1,55 +0,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. - */ - -@import "h5bp"; -@import "mobile"; - -/* - * Make html take up the entire screen - * Then set touch-action to avoid touch delay on mobile IE - */ -html { - width: 100%; - height: 100%; - -ms-touch-action: manipulation; - touch-action: manipulation; -} - -/* -* Make body take up the entire screen -* Remove body margin so layout containers don't cause extra overflow. -*/ -body { - width: 100%; - min-height: 100%; - margin: 0; -} - -/* - * Main display reset for IE support. - * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011 - */ -main { - display: block; -} - -/* -* Apply no display to elements with the hidden attribute. -* IE 9 and 10 support. -*/ -*[hidden] { - display: none !important; -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/ripple/_ripple.scss b/dashboard-ui/bower_components/material-design-lite/src/ripple/_ripple.scss deleted file mode 100644 index cbf86eb2c6..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/ripple/_ripple.scss +++ /dev/null @@ -1,42 +0,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. - */ - -@import "../variables"; - -.mdl-ripple { - background : $ripple-bg-color; - border-radius : 50%; - height : 50px; - left : 0; - opacity : 0; - pointer-events : none; - position : absolute; - top : 0; - transform : translate(-50%, -50%); - width : 50px; - overflow : hidden; - - &.is-animating { - transition: transform 0.3s $animation-curve-linear-out-slow-in, - width 0.3s $animation-curve-linear-out-slow-in, - height 0.3s $animation-curve-linear-out-slow-in, - opacity 0.6s $animation-curve-linear-out-slow-in; - } - - &.is-visible { - opacity: 0.3; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/ripple/ripple.js b/dashboard-ui/bower_components/material-design-lite/src/ripple/ripple.js deleted file mode 100644 index c39ed8ad18..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/ripple/ripple.js +++ /dev/null @@ -1,260 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Ripple MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialRipple = function MaterialRipple(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialRipple'] = MaterialRipple; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialRipple.prototype.Constant_ = { - INITIAL_SCALE: 'scale(0.0001, 0.0001)', - INITIAL_SIZE: '1px', - INITIAL_OPACITY: '0.4', - FINAL_OPACITY: '0', - FINAL_SCALE: '' - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialRipple.prototype.CssClasses_ = { - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE: 'mdl-ripple', - IS_ANIMATING: 'is-animating', - IS_VISIBLE: 'is-visible' - }; - - /** - * Handle mouse / finger down on element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialRipple.prototype.downHandler_ = function(event) { - if (!this.rippleElement_.style.width && !this.rippleElement_.style.height) { - var rect = this.element_.getBoundingClientRect(); - this.boundHeight = rect.height; - this.boundWidth = rect.width; - this.rippleSize_ = Math.sqrt(rect.width * rect.width + - rect.height * rect.height) * 2 + 2; - this.rippleElement_.style.width = this.rippleSize_ + 'px'; - this.rippleElement_.style.height = this.rippleSize_ + 'px'; - } - - this.rippleElement_.classList.add(this.CssClasses_.IS_VISIBLE); - - if (event.type === 'mousedown' && this.ignoringMouseDown_) { - this.ignoringMouseDown_ = false; - } else { - if (event.type === 'touchstart') { - this.ignoringMouseDown_ = true; - } - var frameCount = this.getFrameCount(); - if (frameCount > 0) { - return; - } - this.setFrameCount(1); - var bound = event.currentTarget.getBoundingClientRect(); - var x; - var y; - // Check if we are handling a keyboard click. - if (event.clientX === 0 && event.clientY === 0) { - x = Math.round(bound.width / 2); - y = Math.round(bound.height / 2); - } else { - var clientX = event.clientX ? event.clientX : event.touches[0].clientX; - var clientY = event.clientY ? event.clientY : event.touches[0].clientY; - x = Math.round(clientX - bound.left); - y = Math.round(clientY - bound.top); - } - this.setRippleXY(x, y); - this.setRippleStyles(true); - window.requestAnimationFrame(this.animFrameHandler.bind(this)); - } - }; - - /** - * Handle mouse / finger up on element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialRipple.prototype.upHandler_ = function(event) { - // Don't fire for the artificial "mouseup" generated by a double-click. - if (event && event.detail !== 2) { - // Allow a repaint to occur before removing this class, so the animation - // shows for tap events, which seem to trigger a mouseup too soon after - // mousedown. - window.setTimeout(function() { - this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE); - }.bind(this), 0); - } - }; - - /** - * Initialize element. - */ - MaterialRipple.prototype.init = function() { - if (this.element_) { - var recentering = - this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER); - if (!this.element_.classList.contains( - this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)) { - this.rippleElement_ = this.element_.querySelector('.' + - this.CssClasses_.RIPPLE); - this.frameCount_ = 0; - this.rippleSize_ = 0; - this.x_ = 0; - this.y_ = 0; - - // Touch start produces a compat mouse down event, which would cause a - // second ripples. To avoid that, we use this property to ignore the first - // mouse down after a touch start. - this.ignoringMouseDown_ = false; - - this.boundDownHandler = this.downHandler_.bind(this); - this.element_.addEventListener('mousedown', - this.boundDownHandler); - this.element_.addEventListener('touchstart', - this.boundDownHandler); - - this.boundUpHandler = this.upHandler_.bind(this); - this.element_.addEventListener('mouseup', this.boundUpHandler); - this.element_.addEventListener('mouseleave', this.boundUpHandler); - this.element_.addEventListener('touchend', this.boundUpHandler); - this.element_.addEventListener('blur', this.boundUpHandler); - - /** - * Getter for frameCount_. - * @return {number} the frame count. - */ - this.getFrameCount = function() { - return this.frameCount_; - }; - - /** - * Setter for frameCount_. - * @param {number} fC the frame count. - */ - this.setFrameCount = function(fC) { - this.frameCount_ = fC; - }; - - /** - * Getter for rippleElement_. - * @return {Element} the ripple element. - */ - this.getRippleElement = function() { - return this.rippleElement_; - }; - - /** - * Sets the ripple X and Y coordinates. - * @param {number} newX the new X coordinate - * @param {number} newY the new Y coordinate - */ - this.setRippleXY = function(newX, newY) { - this.x_ = newX; - this.y_ = newY; - }; - - /** - * Sets the ripple styles. - * @param {boolean} start whether or not this is the start frame. - */ - this.setRippleStyles = function(start) { - if (this.rippleElement_ !== null) { - var transformString; - var scale; - var size; - var offset = 'translate(' + this.x_ + 'px, ' + this.y_ + 'px)'; - - if (start) { - scale = this.Constant_.INITIAL_SCALE; - size = this.Constant_.INITIAL_SIZE; - } else { - scale = this.Constant_.FINAL_SCALE; - size = this.rippleSize_ + 'px'; - if (recentering) { - offset = 'translate(' + this.boundWidth / 2 + 'px, ' + - this.boundHeight / 2 + 'px)'; - } - } - - transformString = 'translate(-50%, -50%) ' + offset + scale; - - this.rippleElement_.style.webkitTransform = transformString; - this.rippleElement_.style.msTransform = transformString; - this.rippleElement_.style.transform = transformString; - - if (start) { - this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING); - } else { - this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING); - } - } - }; - - /** - * Handles an animation frame. - */ - this.animFrameHandler = function() { - if (this.frameCount_-- > 0) { - window.requestAnimationFrame(this.animFrameHandler.bind(this)); - } else { - this.setRippleStyles(false); - } - }; - } - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialRipple, - classAsString: 'MaterialRipple', - cssClass: 'mdl-js-ripple-effect', - widget: false - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/shadow/_shadow.scss b/dashboard-ui/bower_components/material-design-lite/src/shadow/_shadow.scss deleted file mode 100644 index 708f921cc5..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/shadow/_shadow.scss +++ /dev/null @@ -1,46 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-shadow--2dp { - @include shadow-2dp(); -} - -.mdl-shadow--3dp { - @include shadow-3dp(); -} - -.mdl-shadow--4dp { - @include shadow-4dp(); -} - -.mdl-shadow--6dp { - @include shadow-6dp(); -} - -.mdl-shadow--8dp { - @include shadow-8dp(); -} - -.mdl-shadow--16dp { - @include shadow-16dp(); -} - -.mdl-shadow--24dp { - @include shadow-24dp(); -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/shadow/demo.css b/dashboard-ui/bower_components/material-design-lite/src/shadow/demo.css deleted file mode 100644 index 6addeed325..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/shadow/demo.css +++ /dev/null @@ -1,43 +0,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--shadow .demo-preview-block { - height: 100px; -} - -.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: flex; - align-items: center; - justify-content: center; - transition-property: opacity, transform; - width: 72px; -} - -@media screen and (max-width: 360px ) { - .demo-shadow-card { - width: 27px; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/shadow/demo.html b/dashboard-ui/bower_components/material-design-lite/src/shadow/demo.html deleted file mode 100644 index 2b09571a05..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/shadow/demo.html +++ /dev/null @@ -1,8 +0,0 @@ -
-
2dp
-
3dp
-
4dp
-
6dp
-
8dp
-
16dp
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/slider/_slider.scss b/dashboard-ui/bower_components/material-design-lite/src/slider/_slider.scss deleted file mode 100644 index 3255901d34..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/slider/_slider.scss +++ /dev/null @@ -1,397 +0,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. - */ - -@import "../variables"; - -// Some CSS magic to target only IE. -_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded { - -ms-appearance: none; - // The thumb can't overflow the track or the rest of the control in IE, so we - // need to make it tall enough to contain the largest version of the thumb. - height: 32px; - margin: 0; -} - -// Slider component (styled input[type=range]). -.mdl-slider { - width: calc(100% - 40px); - margin: 0 20px; - - &.is-upgraded { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 2px; - background: transparent; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - outline: 0; - padding: 0; - color: $range-color; - align-self: center; - z-index: 1; - cursor: pointer; - - - // Disable default focus on Firefox. - &::-moz-focus-outer { - border: 0; - } - - // Disable tooltip on IE. - &::-ms-tooltip { - display: none; - } - - - /**************************** Tracks ****************************/ - &::-webkit-slider-runnable-track { - background: transparent; - } - - &::-moz-range-track { - background: transparent; - border: none; - } - - &::-ms-track { - background: none; - color: transparent; - height: 2px; - width: 100%; - border: none; - } - - &::-ms-fill-lower { - padding: 0; - // Margin on -ms-track doesn't work right, so we use gradients on the - // fills. - background: linear-gradient(to right, - transparent, - transparent 16px, - $range-color 16px, - $range-color 0); - } - - &::-ms-fill-upper { - padding: 0; - // Margin on -ms-track doesn't work right, so we use gradients on the - // fills. - background: linear-gradient(to left, - transparent, - transparent 16px, - $range-bg-color 16px, - $range-bg-color 0); - } - - - /**************************** Thumbs ****************************/ - &::-webkit-slider-thumb { - -webkit-appearance: none; - width: 12px; - height: 12px; - box-sizing: border-box; - border-radius: 50%; - background: $range-color; - border: none; - transition: transform 0.18s $animation-curve-default, - border 0.18s $animation-curve-default, - box-shadow 0.18s $animation-curve-default, - background 0.28s $animation-curve-default; - } - - &::-moz-range-thumb { - -moz-appearance: none; - width: 12px; - height: 12px; - box-sizing: border-box; - border-radius: 50%; - background-image: none; - background: $range-color; - border: none; - // -moz-range-thumb doesn't currently support transitions. - } - - &:focus:not(:active)::-webkit-slider-thumb { - box-shadow: 0 0 0 10px $range-faded-color; - } - - &:focus:not(:active)::-moz-range-thumb { - box-shadow: 0 0 0 10px $range-faded-color; - } - - &:active::-webkit-slider-thumb { - background-image: none; - background: $range-color; - transform: scale(1.5); - } - - &:active::-moz-range-thumb { - background-image: none; - background: $range-color; - transform: scale(1.5); - } - - &::-ms-thumb { - width: 32px; - height: 32px; - border: none; - border-radius: 50%; - background: $range-color; - transform: scale(0.375); - // -ms-thumb doesn't currently support transitions, but leaving this here - // in case support ever gets added. - transition: transform 0.18s $animation-curve-default, - background 0.28s $animation-curve-default; - } - - &:focus:not(:active)::-ms-thumb { - background: radial-gradient(circle closest-side, - $range-color 0%, - $range-color 37.5%, - $range-faded-color 37.5%, - $range-faded-color 100%); - transform: scale(1); - } - - &:active::-ms-thumb { - background: $range-color; - transform: scale(0.5625); - } - - - /**************************** 0-value ****************************/ - &.is-lowest-value::-webkit-slider-thumb { - border: 2px solid $range-bg-color; - background: transparent; - } - - &.is-lowest-value::-moz-range-thumb { - border: 2px solid $range-bg-color; - background: transparent; - } - - &.is-lowest-value + - .mdl-slider__background-flex > .mdl-slider__background-upper { - left: 6px; - } - - &.is-lowest-value:focus:not(:active)::-webkit-slider-thumb { - box-shadow: 0 0 0 10px $range-bg-focus-color; - background: $range-bg-focus-color; - } - - &.is-lowest-value:focus:not(:active)::-moz-range-thumb { - box-shadow: 0 0 0 10px $range-bg-focus-color; - background: $range-bg-focus-color; - } - - &.is-lowest-value:active::-webkit-slider-thumb { - border: 1.6px solid $range-bg-color; - transform: scale(1.5); - } - - &.is-lowest-value:active + - .mdl-slider__background-flex > .mdl-slider__background-upper { - left: 9px; - } - - &.is-lowest-value:active::-moz-range-thumb { - border: 1.5px solid $range-bg-color; - transform: scale(1.5); - } - - &.is-lowest-value::-ms-thumb { - background: radial-gradient(circle closest-side, - transparent 0%, - transparent 66.67%, - $range-bg-color 66.67%, - $range-bg-color 100%); - } - - &.is-lowest-value:focus:not(:active)::-ms-thumb { - background: radial-gradient(circle closest-side, - $range-bg-focus-color 0%, - $range-bg-focus-color 25%, - $range-bg-color 25%, - $range-bg-color 37.5%, - $range-bg-focus-color 37.5%, - $range-bg-focus-color 100%); - transform: scale(1); - } - - &.is-lowest-value:active::-ms-thumb { - transform: scale(0.5625); - background: radial-gradient(circle closest-side, - transparent 0%, - transparent 77.78%, - $range-bg-color 77.78%, - $range-bg-color 100%); - } - - &.is-lowest-value::-ms-fill-lower { - background: transparent; - } - - &.is-lowest-value::-ms-fill-upper { - margin-left: 6px; - } - - &.is-lowest-value:active::-ms-fill-upper { - margin-left: 9px; - } - - /**************************** Disabled ****************************/ - - &:disabled:focus::-webkit-slider-thumb, - &:disabled:active::-webkit-slider-thumb, - &:disabled::-webkit-slider-thumb { - transform: scale(0.667); - background: $range-bg-color; - } - - &:disabled:focus::-moz-range-thumb, - &:disabled:active::-moz-range-thumb, - &:disabled::-moz-range-thumb { - transform: scale(0.667); - background: $range-bg-color; - } - - &:disabled + - .mdl-slider__background-flex > .mdl-slider__background-lower { - background-color: $range-bg-color; - left: -6px; - } - - &:disabled + - .mdl-slider__background-flex > .mdl-slider__background-upper { - left: 6px; - } - - &.is-lowest-value:disabled:focus::-webkit-slider-thumb, - &.is-lowest-value:disabled:active::-webkit-slider-thumb, - &.is-lowest-value:disabled::-webkit-slider-thumb { - border: 3px solid $range-bg-color; - background: transparent; - transform: scale(0.667); - } - - &.is-lowest-value:disabled:focus::-moz-range-thumb, - &.is-lowest-value:disabled:active::-moz-range-thumb, - &.is-lowest-value:disabled::-moz-range-thumb { - border: 3px solid $range-bg-color; - background: transparent; - transform: scale(0.667); - } - - &.is-lowest-value:disabled:active + - .mdl-slider__background-flex > .mdl-slider__background-upper { - left: 6px; - } - - &:disabled:focus::-ms-thumb, - &:disabled:active::-ms-thumb, - &:disabled::-ms-thumb { - transform: scale(0.25); - background: $range-bg-color; - } - - &.is-lowest-value:disabled:focus::-ms-thumb, - &.is-lowest-value:disabled:active::-ms-thumb, - &.is-lowest-value:disabled::-ms-thumb { - transform: scale(0.25); - background: radial-gradient(circle closest-side, - transparent 0%, - transparent 50%, - $range-bg-color 50%, - $range-bg-color 100%); - } - - &:disabled::-ms-fill-lower { - margin-right: 6px; - background: linear-gradient(to right, - transparent, - transparent 25px, - $range-bg-color 25px, - $range-bg-color 0); - } - - &:disabled::-ms-fill-upper { - margin-left: 6px; - } - - &.is-lowest-value:disabled:active::-ms-fill-upper { - margin-left: 6px; - } - } -} - - // Since we need to specify a height of 32px in IE, we add a class here for a - // container that brings it back to a reasonable height. - .mdl-slider__ie-container { - height: 18px; - overflow: visible; - border: none; - margin: none; - padding: none; - } - - // We use a set of divs behind the track to style it in all non-IE browsers. - // This one contains both the background and the slider. - .mdl-slider__container { - height: 18px; - position: relative; - background: none; - display: flex; - flex-direction: row; - } - - // This one sets up a flex box for the styled upper and lower portions of the - // the slider track. - .mdl-slider__background-flex { - background: transparent; - position: absolute; - height: 2px; - width: calc(100% - 52px); - top: 50%; - left: 0; - margin: 0 26px; - display: flex; - overflow: hidden; - border: 0; - padding: 0; - transform: translate(0, -1px); - } - - // This one styles the lower part of the slider track. - .mdl-slider__background-lower { - background: $range-color; - flex: 0; - position: relative; - border: 0; - padding: 0; - } - - // This one styles the upper part of the slider track. - .mdl-slider__background-upper { - background: $range-bg-color; - flex: 0; - position: relative; - border: 0; - padding: 0; - transition: left 0.18s $animation-curve-default - } diff --git a/dashboard-ui/bower_components/material-design-lite/src/slider/slider.js b/dashboard-ui/bower_components/material-design-lite/src/slider/slider.js deleted file mode 100644 index b34b8b6ba1..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/slider/slider.js +++ /dev/null @@ -1,244 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Slider MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialSlider = function MaterialSlider(element) { - this.element_ = element; - // Browser feature detection. - this.isIE_ = window.navigator.msPointerEnabled; - // Initialize instance. - this.init(); - }; - window['MaterialSlider'] = MaterialSlider; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialSlider.prototype.Constant_ = { - // None for now. - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialSlider.prototype.CssClasses_ = { - IE_CONTAINER: 'mdl-slider__ie-container', - SLIDER_CONTAINER: 'mdl-slider__container', - BACKGROUND_FLEX: 'mdl-slider__background-flex', - BACKGROUND_LOWER: 'mdl-slider__background-lower', - BACKGROUND_UPPER: 'mdl-slider__background-upper', - IS_LOWEST_VALUE: 'is-lowest-value', - IS_UPGRADED: 'is-upgraded' - }; - - /** - * Handle input on element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialSlider.prototype.onInput_ = function(event) { - this.updateValueStyles_(); - }; - - /** - * Handle change on element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialSlider.prototype.onChange_ = function(event) { - this.updateValueStyles_(); - }; - - /** - * Handle mouseup on element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialSlider.prototype.onMouseUp_ = function(event) { - event.target.blur(); - }; - - /** - * Handle mousedown on container element. - * This handler is purpose is to not require the use to click - * exactly on the 2px slider element, as FireFox seems to be very - * strict about this. - * - * @param {Event} event The event that fired. - * @private - * @suppress {missingProperties} - */ - MaterialSlider.prototype.onContainerMouseDown_ = function(event) { - // If this click is not on the parent element (but rather some child) - // ignore. It may still bubble up. - if (event.target !== this.element_.parentElement) { - return; - } - - // Discard the original event and create a new event that - // is on the slider element. - event.preventDefault(); - var newEvent = new MouseEvent('mousedown', { - target: event.target, - buttons: event.buttons, - clientX: event.clientX, - clientY: this.element_.getBoundingClientRect().y - }); - this.element_.dispatchEvent(newEvent); - }; - - /** - * Handle updating of values. - * - * @private - */ - MaterialSlider.prototype.updateValueStyles_ = function() { - // Calculate and apply percentages to div structure behind slider. - var fraction = (this.element_.value - this.element_.min) / - (this.element_.max - this.element_.min); - - if (fraction === 0) { - this.element_.classList.add(this.CssClasses_.IS_LOWEST_VALUE); - } else { - this.element_.classList.remove(this.CssClasses_.IS_LOWEST_VALUE); - } - - if (!this.isIE_) { - this.backgroundLower_.style.flex = fraction; - this.backgroundLower_.style.webkitFlex = fraction; - this.backgroundUpper_.style.flex = 1 - fraction; - this.backgroundUpper_.style.webkitFlex = 1 - fraction; - } - }; - - // Public methods. - - /** - * Disable slider. - * - * @public - */ - MaterialSlider.prototype.disable = function() { - this.element_.disabled = true; - }; - MaterialSlider.prototype['disable'] = MaterialSlider.prototype.disable; - - /** - * Enable slider. - * - * @public - */ - MaterialSlider.prototype.enable = function() { - - this.element_.disabled = false; - }; - MaterialSlider.prototype['enable'] = MaterialSlider.prototype.enable; - - /** - * Update slider value. - * - * @param {number} value The value to which to set the control (optional). - * @public - */ - MaterialSlider.prototype.change = function(value) { - - if (typeof value !== 'undefined') { - this.element_.value = value; - } - this.updateValueStyles_(); - }; - MaterialSlider.prototype['change'] = MaterialSlider.prototype.change; - - /** - * Initialize element. - */ - MaterialSlider.prototype.init = function() { - - if (this.element_) { - if (this.isIE_) { - // Since we need to specify a very large height in IE due to - // implementation limitations, we add a parent here that trims it down to - // a reasonable size. - var containerIE = document.createElement('div'); - containerIE.classList.add(this.CssClasses_.IE_CONTAINER); - this.element_.parentElement.insertBefore(containerIE, this.element_); - this.element_.parentElement.removeChild(this.element_); - containerIE.appendChild(this.element_); - } else { - // For non-IE browsers, we need a div structure that sits behind the - // slider and allows us to style the left and right sides of it with - // different colors. - var container = document.createElement('div'); - container.classList.add(this.CssClasses_.SLIDER_CONTAINER); - this.element_.parentElement.insertBefore(container, this.element_); - this.element_.parentElement.removeChild(this.element_); - container.appendChild(this.element_); - var backgroundFlex = document.createElement('div'); - backgroundFlex.classList.add(this.CssClasses_.BACKGROUND_FLEX); - container.appendChild(backgroundFlex); - this.backgroundLower_ = document.createElement('div'); - this.backgroundLower_.classList.add(this.CssClasses_.BACKGROUND_LOWER); - backgroundFlex.appendChild(this.backgroundLower_); - this.backgroundUpper_ = document.createElement('div'); - this.backgroundUpper_.classList.add(this.CssClasses_.BACKGROUND_UPPER); - backgroundFlex.appendChild(this.backgroundUpper_); - } - - this.boundInputHandler = this.onInput_.bind(this); - this.boundChangeHandler = this.onChange_.bind(this); - this.boundMouseUpHandler = this.onMouseUp_.bind(this); - this.boundContainerMouseDownHandler = this.onContainerMouseDown_.bind(this); - this.element_.addEventListener('input', this.boundInputHandler); - this.element_.addEventListener('change', this.boundChangeHandler); - this.element_.addEventListener('mouseup', this.boundMouseUpHandler); - this.element_.parentElement.addEventListener('mousedown', this.boundContainerMouseDownHandler); - - this.updateValueStyles_(); - this.element_.classList.add(this.CssClasses_.IS_UPGRADED); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialSlider, - classAsString: 'MaterialSlider', - cssClass: 'mdl-js-slider', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/demo.html b/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/demo.html deleted file mode 100644 index c7975d7de3..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/demo.html +++ /dev/null @@ -1,10 +0,0 @@ -
-

- -

-

- -

-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default-demo.html b/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default-demo.html deleted file mode 100644 index 53cce0e87e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default-demo.html +++ /dev/null @@ -1,7 +0,0 @@ - -{% include "slider-default.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default.html b/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default.html deleted file mode 100644 index c0fd9762aa..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-default.html +++ /dev/null @@ -1,3 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value-demo.html b/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value-demo.html deleted file mode 100644 index f3378c59a1..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value-demo.html +++ /dev/null @@ -1,8 +0,0 @@ - - -{% include "slider-starting-value.html" %} diff --git a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value.html b/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value.html deleted file mode 100644 index 80f97b9345..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/slider/snippets/slider-starting-value.html +++ /dev/null @@ -1,3 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/snackbar/_snackbar.scss b/dashboard-ui/bower_components/material-design-lite/src/snackbar/_snackbar.scss deleted file mode 100644 index ac975985e0..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/snackbar/_snackbar.scss +++ /dev/null @@ -1,89 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -.mdl-snackbar { - position: fixed; - bottom: 0; - left: 50%; - cursor: default; - background-color: $snackbar-background-color; - z-index: 3; - display: block; - display: flex; - justify-content: space-between; - font-family: $preferred_font; - will-change: transform; - transform: translate(0, 80px); - transition: transform 0.25s $animation-curve-fast-out-linear-in; - pointer-events: none; - @media(max-width: $snackbar-tablet-breakpoint - 1) { - width: 100%; - left: 0; - min-height: 48px; - max-height: 80px; - } - @media(min-width: $snackbar-tablet-breakpoint) { - min-width: 288px; - max-width: 568px; - border-radius: 2px; - transform: translate(-50%, 80px); - } - &--active { - transform: translate(0, 0); - pointer-events: auto; - transition: transform 0.25s $animation-curve-linear-out-slow-in; - - @media(min-width: $snackbar-tablet-breakpoint) { - transform: translate(-50%, 0); - } - } - - &__text { - padding: 14px 12px 14px 24px; - vertical-align: middle; - color: white; - float: left; - } - - &__action { - background: transparent; - border: none; - color: $snackbar-action-color; - float: right; - text-transform: uppercase; - padding: 14px 24px 14px 12px; - @include typo-button(); - overflow: hidden; - outline: none; - opacity: 0; - pointer-events: none; - cursor: pointer; - text-decoration: none; - text-align: center; - align-self: center; - - &::-moz-focus-inner { - border: 0; - } - &:not([aria-hidden]) { - opacity: 1; - pointer-events: auto; - } - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/snackbar/snackbar.js b/dashboard-ui/bower_components/material-design-lite/src/snackbar/snackbar.js deleted file mode 100644 index 7a855abf34..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/snackbar/snackbar.js +++ /dev/null @@ -1,189 +0,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. - */ -(function() { - 'use strict'; - - /** - * Class constructor for Snackbar MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialSnackbar = function MaterialSnackbar(element) { - this.element_ = element; - this.textElement_ = this.element_.querySelector('.' + this.cssClasses_.MESSAGE); - this.actionElement_ = this.element_.querySelector('.' + this.cssClasses_.ACTION); - if (!this.textElement_) { - throw new Error('There must be a message element for a snackbar.'); - } - if (!this.actionElement_) { - throw new Error('There must be an action element for a snackbar.'); - } - this.active = false; - this.actionHandler_ = undefined; - this.message_ = undefined; - this.actionText_ = undefined; - this.queuedNotifications_ = []; - this.setActionHidden_(true); - }; - window['MaterialSnackbar'] = MaterialSnackbar; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialSnackbar.prototype.Constant_ = { - // The duration of the snackbar show/hide animation, in ms. - ANIMATION_LENGTH: 250 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialSnackbar.prototype.cssClasses_ = { - SNACKBAR: 'mdl-snackbar', - MESSAGE: 'mdl-snackbar__text', - ACTION: 'mdl-snackbar__action', - ACTIVE: 'mdl-snackbar--active' - }; - - /** - * Display the snackbar. - * - * @private - */ - MaterialSnackbar.prototype.displaySnackbar_ = function() { - this.element_.setAttribute('aria-hidden', 'true'); - - if (this.actionHandler_) { - this.actionElement_.textContent = this.actionText_; - this.actionElement_.addEventListener('click', this.actionHandler_); - this.setActionHidden_(false); - } - - this.textElement_.textContent = this.message_; - this.element_.classList.add(this.cssClasses_.ACTIVE); - this.element_.setAttribute('aria-hidden', 'false'); - setTimeout(this.cleanup_.bind(this), this.timeout_); - - }; - - /** - * Show the snackbar. - * - * @param {Object} data The data for the notification. - * @public - */ - MaterialSnackbar.prototype.showSnackbar = function(data) { - if (data === undefined) { - throw new Error( - 'Please provide a data object with at least a message to display.'); - } - if (data['message'] === undefined) { - throw new Error('Please provide a message to be displayed.'); - } - if (data['actionHandler'] && !data['actionText']) { - throw new Error('Please provide action text with the handler.'); - } - if (this.active) { - this.queuedNotifications_.push(data); - } else { - this.active = true; - this.message_ = data['message']; - if (data['timeout']) { - this.timeout_ = data['timeout']; - } else { - this.timeout_ = 2750; - } - if (data['actionHandler']) { - this.actionHandler_ = data['actionHandler']; - } - if (data['actionText']) { - this.actionText_ = data['actionText']; - } - this.displaySnackbar_(); - } - }; - MaterialSnackbar.prototype['showSnackbar'] = MaterialSnackbar.prototype.showSnackbar; - - /** - * Check if the queue has items within it. - * If it does, display the next entry. - * - * @private - */ - MaterialSnackbar.prototype.checkQueue_ = function() { - if (this.queuedNotifications_.length > 0) { - this.showSnackbar(this.queuedNotifications_.shift()); - } - }; - - /** - * Cleanup the snackbar event listeners and accessiblity attributes. - * - * @private - */ - MaterialSnackbar.prototype.cleanup_ = function() { - this.element_.classList.remove(this.cssClasses_.ACTIVE); - setTimeout(function() { - this.element_.setAttribute('aria-hidden', 'true'); - this.textElement_.textContent = ''; - if (!Boolean(this.actionElement_.getAttribute('aria-hidden'))) { - this.setActionHidden_(true); - this.actionElement_.textContent = ''; - this.actionElement_.removeEventListener('click', this.actionHandler_); - } - this.actionHandler_ = undefined; - this.message_ = undefined; - this.actionText_ = undefined; - this.active = false; - this.checkQueue_(); - }.bind(this), /** @type {number} */ (this.Constant_.ANIMATION_LENGTH)); - }; - - /** - * Set the action handler hidden state. - * - * @param {boolean} value - * @private - */ - MaterialSnackbar.prototype.setActionHidden_ = function(value) { - if (value) { - this.actionElement_.setAttribute('aria-hidden', 'true'); - } else { - this.actionElement_.removeAttribute('aria-hidden'); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialSnackbar, - classAsString: 'MaterialSnackbar', - cssClass: 'mdl-js-snackbar', - widget: true - }); - -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/snackbar.html b/dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/snackbar.html deleted file mode 100644 index 6e07fee41e..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/snackbar.html +++ /dev/null @@ -1,27 +0,0 @@ - -
-
- -
- diff --git a/dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/toast.html b/dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/toast.html deleted file mode 100644 index 6505692343..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/snackbar/snippets/toast.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-
- -
- diff --git a/dashboard-ui/bower_components/material-design-lite/src/spinner/_spinner.scss b/dashboard-ui/bower_components/material-design-lite/src/spinner/_spinner.scss deleted file mode 100644 index 34ac0dfca1..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/spinner/_spinner.scss +++ /dev/null @@ -1,248 +0,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. - */ - -@import "../variables"; - - -.mdl-spinner { - display: inline-block; - position: relative; - width: $spinner-size; - height: $spinner-size; - - &:not(.is-upgraded).is-active:after { - content: "Loading..."; - } - - &.is-upgraded.is-active { - animation: mdl-spinner__container-rotate $spinner-duration linear infinite; - } -} - -@keyframes mdl-spinner__container-rotate { - to { transform: rotate(360deg) } -} - -.mdl-spinner__layer { - position: absolute; - width: 100%; - height: 100%; - opacity: 0; -} - -.mdl-spinner__layer-1 { - border-color: $spinner-color-1; - - .mdl-spinner--single-color & { - border-color: $spinner-single-color; - } - - .mdl-spinner.is-active & { - animation: - mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both, - mdl-spinner__layer-1-fade-in-out (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both; - } -} - -.mdl-spinner__layer-2 { - border-color: $spinner-color-2; - - .mdl-spinner--single-color & { - border-color: $spinner-single-color; - } - - .mdl-spinner.is-active & { - animation: - mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both, - mdl-spinner__layer-2-fade-in-out (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both; - } -} - -.mdl-spinner__layer-3 { - border-color: $spinner-color-3; - - .mdl-spinner--single-color & { - border-color: $spinner-single-color; - } - - .mdl-spinner.is-active & { - animation: - mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both, - mdl-spinner__layer-3-fade-in-out (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both; - } -} - -.mdl-spinner__layer-4 { - border-color: $spinner-color-4; - - .mdl-spinner--single-color & { - border-color: $spinner-single-color; - } - - .mdl-spinner.is-active & { - animation: - mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both, - mdl-spinner__layer-4-fade-in-out (4 * $spinner-arc-time) - $animation-curve-fast-out-slow-in infinite both; - } -} - -@keyframes mdl-spinner__fill-unfill-rotate { - 12.5% { transform: rotate(0.5 * $spinner-arc-size); } - 25% { transform: rotate($spinner-arc-size); } - 37.5% { transform: rotate(1.5 * $spinner-arc-size); } - 50% { transform: rotate(2 * $spinner-arc-size); } - 62.5% { transform: rotate(2.5 * $spinner-arc-size); } - 75% { transform: rotate(3 * $spinner-arc-size); } - 87.5% { transform: rotate(3.5 * $spinner-arc-size); } - to { transform: rotate(4 * $spinner-arc-size); } -} - -/** -* 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 -*/ -@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-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-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-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__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 { - width: 200%; - } -} - -.mdl-spinner__circle { - box-sizing: border-box; - height: 100%; - border-width: $spinner-stroke-width; - border-style: solid; - border-color: inherit; - border-bottom-color: transparent !important; - border-radius: 50%; - animation: none; - - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - - .mdl-spinner__left & { - border-right-color: transparent !important; - transform: rotate(129deg); - - .mdl-spinner.is-active & { - animation: mdl-spinner__left-spin $spinner-arc-time - $animation-curve-fast-out-slow-in infinite both; - } - } - - .mdl-spinner__right & { - left: -100%; - border-left-color: transparent !important; - transform: rotate(-129deg); - - .mdl-spinner.is-active & { - animation: mdl-spinner__right-spin $spinner-arc-time - $animation-curve-fast-out-slow-in infinite both; - } - } -} - -@keyframes mdl-spinner__left-spin { - from { transform: rotate(130deg); } - 50% { transform: rotate(-5deg); } - to { transform: rotate(130deg); } -} - -@keyframes mdl-spinner__right-spin { - from { transform: rotate(-130deg); } - 50% { transform: rotate(5deg); } - to { transform: rotate(-130deg); } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-default.html b/dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-default.html deleted file mode 100644 index 26961c8513..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-default.html +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-single-color.html b/dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-single-color.html deleted file mode 100644 index 083abdfce9..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/spinner/snippets/spinner-single-color.html +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/dashboard-ui/bower_components/material-design-lite/src/spinner/spinner.js b/dashboard-ui/bower_components/material-design-lite/src/spinner/spinner.js deleted file mode 100644 index 8159fb3039..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/spinner/spinner.js +++ /dev/null @@ -1,147 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Spinner MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @param {HTMLElement} element The element that will be upgraded. - * @constructor - */ - var MaterialSpinner = function MaterialSpinner(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialSpinner'] = MaterialSpinner; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialSpinner.prototype.Constant_ = { - MDL_SPINNER_LAYER_COUNT: 4 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialSpinner.prototype.CssClasses_ = { - MDL_SPINNER_LAYER: 'mdl-spinner__layer', - MDL_SPINNER_CIRCLE_CLIPPER: 'mdl-spinner__circle-clipper', - MDL_SPINNER_CIRCLE: 'mdl-spinner__circle', - MDL_SPINNER_GAP_PATCH: 'mdl-spinner__gap-patch', - MDL_SPINNER_LEFT: 'mdl-spinner__left', - MDL_SPINNER_RIGHT: 'mdl-spinner__right' - }; - - /** - * Auxiliary method to create a spinner layer. - * - * @param {number} index Index of the layer to be created. - * @public - */ - MaterialSpinner.prototype.createLayer = function(index) { - var layer = document.createElement('div'); - layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER); - layer.classList.add(this.CssClasses_.MDL_SPINNER_LAYER + '-' + index); - - var leftClipper = document.createElement('div'); - leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER); - leftClipper.classList.add(this.CssClasses_.MDL_SPINNER_LEFT); - - var gapPatch = document.createElement('div'); - gapPatch.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH); - - var rightClipper = document.createElement('div'); - rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER); - rightClipper.classList.add(this.CssClasses_.MDL_SPINNER_RIGHT); - - var circleOwners = [leftClipper, gapPatch, rightClipper]; - - for (var i = 0; i < circleOwners.length; i++) { - var circle = document.createElement('div'); - circle.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE); - circleOwners[i].appendChild(circle); - } - - layer.appendChild(leftClipper); - layer.appendChild(gapPatch); - layer.appendChild(rightClipper); - - this.element_.appendChild(layer); - }; - MaterialSpinner.prototype['createLayer'] = - MaterialSpinner.prototype.createLayer; - - /** - * Stops the spinner animation. - * Public method for users who need to stop the spinner for any reason. - * - * @public - */ - MaterialSpinner.prototype.stop = function() { - this.element_.classList.remove('is-active'); - }; - MaterialSpinner.prototype['stop'] = MaterialSpinner.prototype.stop; - - /** - * Starts the spinner animation. - * Public method for users who need to manually start the spinner for any reason - * (instead of just adding the 'is-active' class to their markup). - * - * @public - */ - MaterialSpinner.prototype.start = function() { - this.element_.classList.add('is-active'); - }; - MaterialSpinner.prototype['start'] = MaterialSpinner.prototype.start; - - /** - * Initialize element. - */ - MaterialSpinner.prototype.init = function() { - if (this.element_) { - for (var i = 1; i <= this.Constant_.MDL_SPINNER_LAYER_COUNT; i++) { - this.createLayer(i); - } - - this.element_.classList.add('is-upgraded'); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialSpinner, - classAsString: 'MaterialSpinner', - cssClass: 'mdl-js-spinner', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/styleguide.scss b/dashboard-ui/bower_components/material-design-lite/src/styleguide.scss deleted file mode 100644 index ee418fb0ef..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/styleguide.scss +++ /dev/null @@ -1,101 +0,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. - */ - -@import "material-design-lite"; - -$padding: 24px; - -body { - margin: 0px; -} - -.styleguide-demo h1 { - margin: ($padding * 2) $padding 0 $padding; -} - -.styleguide-demo h1:after { - content: ''; - - display: block; - width: 100%; - - border-bottom: 1px solid rgba(0,0,0,0.5); - margin-top: $padding; -} - -.styleguide-demo { - opacity: 0; - - transition: opacity 0.6s ease; -} - -.styleguide-masthead { - height: 256px; - background: unquote("rgb(#{nth($palette-grey, 10)})"); - padding: 115px 16px 0; -} - -.styleguide-container { - position: relative; - max-width: 960px; - width: 100%; -} - -.styleguide-title { - color: #fff; - bottom: auto; - position: relative; - font-size: 56px; - font-weight: 300; - line-height: 1; - letter-spacing: -0.02em; - - &:after { - border-bottom: 0px; - } - - span { - font-weight: 300; - } -} - -.mdl-styleguide .mdl-layout__drawer .mdl-navigation__link { - padding: 10px 24px; -} - -.demosLoaded .styleguide-demo { - opacity: 1; -} - -iframe { - display: block; - - width: 100%; - - border: none; -} - -iframe.heightSet { - overflow: hidden; -} - -.demo-wrapper { - margin: $padding; - - iframe { - border: 1px solid rgba(0,0,0,0.5); - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/switch/_switch.scss b/dashboard-ui/bower_components/material-design-lite/src/switch/_switch.scss deleted file mode 100644 index 9cd726f1d0..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/switch/_switch.scss +++ /dev/null @@ -1,203 +0,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. - */ - - -@import "../variables"; -@import "../mixins"; - -.mdl-switch { - position: relative; - - z-index: 1; - - vertical-align: middle; - - display: inline-block; - - box-sizing: border-box; - width: 100%; - height: $switch-label-height; - margin: 0; - padding: 0; - - overflow: visible; - - &.is-upgraded { - padding-left: $switch-track-length - 8px; - } - - // avoids blue box around switch - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.mdl-switch__input { - line-height: $switch-label-height; - - .mdl-switch.is-upgraded & { - // Hide input element, while still making it respond to focus. - 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: $switch-off-track-color; - position: absolute; - left: 0; - top: $switch-track-top; - height: $switch-track-height; - width: $switch-track-length; - border-radius: $switch-track-height; - - cursor: pointer; - - .mdl-switch.is-checked & { - background: $switch-track-color; - } - - fieldset[disabled] .mdl-switch, - .mdl-switch.is-disabled & { - background: $switch-disabled-track-color; - cursor: auto; - } -} - -.mdl-switch__thumb { - background: $switch-off-thumb-color; - position: absolute; - left: 0; - top: $switch-thumb-top; - height: $switch-thumb-size; - width: $switch-thumb-size; - border-radius: 50%; - - cursor: pointer; - - @include shadow-2dp(); - - @include material-animation-default(0.28s); - transition-property: left; - - .mdl-switch.is-checked & { - background: $switch-thumb-color; - left: $switch-track-length - $switch-thumb-size; - - @include shadow-3dp(); - } - - fieldset[disabled] .mdl-switch, - .mdl-switch.is-disabled & { - background: $switch-disabled-thumb-color; - cursor: auto; - } -} - -.mdl-switch__focus-helper { - position: absolute; - top: 50%; - left: 50%; - - transform: translate(-$switch-helper-size / 2, -$switch-helper-size / 2); - - display: inline-block; - - box-sizing: border-box; - width: $switch-helper-size; - height: $switch-helper-size; - border-radius: 50%; - - background-color: transparent; - - .mdl-switch.is-focused & { - box-shadow: 0 0 0px (($switch-ripple-size - $switch-helper-size) / 2) - rgba(0, 0, 0, 0.1); - background-color: rgba(0, 0, 0, 0.1); - } - - .mdl-switch.is-focused.is-checked & { - box-shadow: 0 0 0px (($switch-ripple-size - $switch-helper-size) / 2) - $switch-faded-color; - background-color: $switch-faded-color; - } -} - -.mdl-switch__label { - position: relative; - cursor: pointer; - font-size: $switch-label-font-size; - line-height: $switch-label-height; - margin: 0; - left: 24px; - - fieldset[disabled] .mdl-switch, - .mdl-switch.is-disabled & { - color: $switch-disabled-thumb-color; - cursor: auto; - } -} - -.mdl-switch__ripple-container { - position: absolute; - z-index: 2; - top: -($switch-ripple-size - $switch-label-height) / 2; - left: $switch-thumb-size / 2 - $switch-ripple-size / 2; - - box-sizing: border-box; - width: $switch-ripple-size; - height: $switch-ripple-size; - border-radius: 50%; - - cursor: pointer; - - overflow: hidden; - -webkit-mask-image: -webkit-radial-gradient(circle, white, black); - - transition-duration: 0.40s; - transition-timing-function: step-end; - transition-property: left; - - & .mdl-ripple { - background: $switch-color; - } - - fieldset[disabled] .mdl-switch, - .mdl-switch.is-disabled & { - cursor: auto; - } - - fieldset[disabled] .mdl-switch & .mdl-ripple, - .mdl-switch.is-disabled & .mdl-ripple { - background: transparent; - } - - .mdl-switch.is-checked & { - left: $switch-track-length - $switch-ripple-size / 2 - - $switch-thumb-size / 2; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-off.html b/dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-off.html deleted file mode 100644 index 08f2c76803..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-off.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-on.html b/dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-on.html deleted file mode 100644 index cc44cee4f0..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/switch/snippets/switch-on.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/dashboard-ui/bower_components/material-design-lite/src/switch/switch.js b/dashboard-ui/bower_components/material-design-lite/src/switch/switch.js deleted file mode 100644 index e71a591eda..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/switch/switch.js +++ /dev/null @@ -1,273 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Checkbox MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {HTMLElement} element The element that will be upgraded. - */ - var MaterialSwitch = function MaterialSwitch(element) { - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialSwitch'] = MaterialSwitch; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string | number} - * @private - */ - MaterialSwitch.prototype.Constant_ = { - TINY_TIMEOUT: 0.001 - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialSwitch.prototype.CssClasses_ = { - INPUT: 'mdl-switch__input', - TRACK: 'mdl-switch__track', - THUMB: 'mdl-switch__thumb', - FOCUS_HELPER: 'mdl-switch__focus-helper', - RIPPLE_EFFECT: 'mdl-js-ripple-effect', - RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events', - RIPPLE_CONTAINER: 'mdl-switch__ripple-container', - RIPPLE_CENTER: 'mdl-ripple--center', - RIPPLE: 'mdl-ripple', - IS_FOCUSED: 'is-focused', - IS_DISABLED: 'is-disabled', - IS_CHECKED: 'is-checked' - }; - - /** - * Handle change of state. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialSwitch.prototype.onChange_ = function(event) { - this.updateClasses_(); - }; - - /** - * Handle focus of element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialSwitch.prototype.onFocus_ = function(event) { - this.element_.classList.add(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle lost focus of element. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialSwitch.prototype.onBlur_ = function(event) { - this.element_.classList.remove(this.CssClasses_.IS_FOCUSED); - }; - - /** - * Handle mouseup. - * - * @param {Event} event The event that fired. - * @private - */ - MaterialSwitch.prototype.onMouseUp_ = function(event) { - this.blur_(); - }; - - /** - * Handle class updates. - * - * @private - */ - MaterialSwitch.prototype.updateClasses_ = function() { - this.checkDisabled(); - this.checkToggleState(); - }; - - /** - * Add blur. - * - * @private - */ - MaterialSwitch.prototype.blur_ = function() { - // TODO: figure out why there's a focus event being fired after our blur, - // so that we can avoid this hack. - window.setTimeout(function() { - this.inputElement_.blur(); - }.bind(this), /** @type {number} */ (this.Constant_.TINY_TIMEOUT)); - }; - - // Public methods. - - /** - * Check the components disabled state. - * - * @public - */ - MaterialSwitch.prototype.checkDisabled = function() { - if (this.inputElement_.disabled) { - this.element_.classList.add(this.CssClasses_.IS_DISABLED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_DISABLED); - } - }; - MaterialSwitch.prototype['checkDisabled'] = - MaterialSwitch.prototype.checkDisabled; - - /** - * Check the components toggled state. - * - * @public - */ - MaterialSwitch.prototype.checkToggleState = function() { - if (this.inputElement_.checked) { - this.element_.classList.add(this.CssClasses_.IS_CHECKED); - } else { - this.element_.classList.remove(this.CssClasses_.IS_CHECKED); - } - }; - MaterialSwitch.prototype['checkToggleState'] = - MaterialSwitch.prototype.checkToggleState; - - /** - * Disable switch. - * - * @public - */ - MaterialSwitch.prototype.disable = function() { - this.inputElement_.disabled = true; - this.updateClasses_(); - }; - MaterialSwitch.prototype['disable'] = MaterialSwitch.prototype.disable; - - /** - * Enable switch. - * - * @public - */ - MaterialSwitch.prototype.enable = function() { - this.inputElement_.disabled = false; - this.updateClasses_(); - }; - MaterialSwitch.prototype['enable'] = MaterialSwitch.prototype.enable; - - /** - * Activate switch. - * - * @public - */ - MaterialSwitch.prototype.on = function() { - this.inputElement_.checked = true; - this.updateClasses_(); - }; - MaterialSwitch.prototype['on'] = MaterialSwitch.prototype.on; - - /** - * Deactivate switch. - * - * @public - */ - MaterialSwitch.prototype.off = function() { - this.inputElement_.checked = false; - this.updateClasses_(); - }; - MaterialSwitch.prototype['off'] = MaterialSwitch.prototype.off; - - /** - * Initialize element. - */ - MaterialSwitch.prototype.init = function() { - if (this.element_) { - this.inputElement_ = this.element_.querySelector('.' + - this.CssClasses_.INPUT); - - var track = document.createElement('div'); - track.classList.add(this.CssClasses_.TRACK); - - var thumb = document.createElement('div'); - thumb.classList.add(this.CssClasses_.THUMB); - - var focusHelper = document.createElement('span'); - focusHelper.classList.add(this.CssClasses_.FOCUS_HELPER); - - thumb.appendChild(focusHelper); - - this.element_.appendChild(track); - this.element_.appendChild(thumb); - - this.boundMouseUpHandler = this.onMouseUp_.bind(this); - - if (this.element_.classList.contains( - this.CssClasses_.RIPPLE_EFFECT)) { - this.element_.classList.add( - this.CssClasses_.RIPPLE_IGNORE_EVENTS); - this.rippleContainerElement_ = document.createElement('span'); - this.rippleContainerElement_.classList.add( - this.CssClasses_.RIPPLE_CONTAINER); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT); - this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER); - this.rippleContainerElement_.addEventListener('mouseup', this.boundMouseUpHandler); - - var ripple = document.createElement('span'); - ripple.classList.add(this.CssClasses_.RIPPLE); - - this.rippleContainerElement_.appendChild(ripple); - this.element_.appendChild(this.rippleContainerElement_); - } - - this.boundChangeHandler = this.onChange_.bind(this); - this.boundFocusHandler = this.onFocus_.bind(this); - this.boundBlurHandler = this.onBlur_.bind(this); - - this.inputElement_.addEventListener('change', this.boundChangeHandler); - this.inputElement_.addEventListener('focus', this.boundFocusHandler); - this.inputElement_.addEventListener('blur', this.boundBlurHandler); - this.element_.addEventListener('mouseup', this.boundMouseUpHandler); - - this.updateClasses_(); - this.element_.classList.add('is-upgraded'); - } - }; - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialSwitch, - classAsString: 'MaterialSwitch', - cssClass: 'mdl-js-switch', - widget: true - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/tabs/_tabs.scss b/dashboard-ui/bower_components/material-design-lite/src/tabs/_tabs.scss deleted file mode 100644 index a9ec51d608..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/tabs/_tabs.scss +++ /dev/null @@ -1,114 +0,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. - */ - -@import "../variables"; - - -.mdl-tabs { - display: block; - width: 100%; -} - -.mdl-tabs__tab-bar { - display : flex; - flex-direction : row; - justify-content : center; // ⇾ - align-content : space-between; // || - align-items : flex-start; // ↓ - - height : 48px; - padding : 0 0 0 0; - margin : 0; - border-bottom : 1px solid $tab-border-color; -} - -.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: $layout-tab-font-size; - text-transform: uppercase; - - color: $tab-text-color; - overflow: hidden; - - .mdl-tabs.is-upgraded &.is-active { - color: $tab-active-text-color; - } - - .mdl-tabs.is-upgraded &.is-active:after { - height: 2px; - width: 100%; - display: block; - content: " "; - bottom: 0px; - left: 0px; - position: absolute; - background: $tab-highlight-color; - animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards; - transition: all 1s cubic-bezier(0.4, 0.0, 1, 1); - } - - & .mdl-tabs__ripple-container { - display: block; - position: absolute; - height: 100%; - width: 100%; - left: 0px; - top: 0px; - z-index: 1; - overflow: hidden; - - & .mdl-ripple { - background: $tab-highlight-color; - } - } -} - -.mdl-tabs__panel { - display: block; - - .mdl-tabs.is-upgraded & { - display: none; - } - - .mdl-tabs.is-upgraded &.is-active { - display: block; - } -} - -@keyframes border-expand { - 0% { - opacity: 0; - width: 0; - } - - 100% { - opacity: 1; - width: 100%; - } -} diff --git a/dashboard-ui/bower_components/material-design-lite/src/tabs/snippets/tabs.html b/dashboard-ui/bower_components/material-design-lite/src/tabs/snippets/tabs.html deleted file mode 100644 index ec88207432..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/tabs/snippets/tabs.html +++ /dev/null @@ -1,33 +0,0 @@ -
-
- Starks - Lannisters - Targaryens -
- -
-
    -
  • Eddard
    • -
  • Catelyn
    • -
  • Robb
    • -
  • Sansa
    • -
  • Brandon
    • -
  • Arya
    • -
  • Rickon
    • -
-
-
-
    -
  • Tywin
    • -
  • Cersei
    • -
  • Jamie
    • -
  • Tyrion
    • -
-
-
-
    -
  • Viserys
    • -
  • Daenerys
    • -
-
-
diff --git a/dashboard-ui/bower_components/material-design-lite/src/tabs/tabs.js b/dashboard-ui/bower_components/material-design-lite/src/tabs/tabs.js deleted file mode 100644 index 3f4d005c7f..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/tabs/tabs.js +++ /dev/null @@ -1,162 +0,0 @@ -/** - * @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. - */ - -(function() { - 'use strict'; - - /** - * Class constructor for Tabs MDL component. - * Implements MDL component design pattern defined at: - * https://github.com/jasonmayes/mdl-component-design-pattern - * - * @constructor - * @param {Element} element The element that will be upgraded. - */ - var MaterialTabs = function MaterialTabs(element) { - // Stores the HTML element. - this.element_ = element; - - // Initialize instance. - this.init(); - }; - window['MaterialTabs'] = MaterialTabs; - - /** - * Store constants in one place so they can be updated easily. - * - * @enum {string} - * @private - */ - MaterialTabs.prototype.Constant_ = { - // None at the moment. - }; - - /** - * Store strings for class names defined by this component that are used in - * JavaScript. This allows us to simply change it in one place should we - * decide to modify at a later date. - * - * @enum {string} - * @private - */ - MaterialTabs.prototype.CssClasses_ = { - TAB_CLASS: 'mdl-tabs__tab', - PANEL_CLASS: 'mdl-tabs__panel', - ACTIVE_CLASS: 'is-active', - UPGRADED_CLASS: 'is-upgraded', - - MDL_JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect', - MDL_RIPPLE_CONTAINER: 'mdl-tabs__ripple-container', - MDL_RIPPLE: 'mdl-ripple', - MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events' - }; - - /** - * Handle clicks to a tabs component - * - * @private - */ - MaterialTabs.prototype.initTabs_ = function() { - if (this.element_.classList.contains(this.CssClasses_.MDL_JS_RIPPLE_EFFECT)) { - this.element_.classList.add( - this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS); - } - - // Select element tabs, document panels - this.tabs_ = this.element_.querySelectorAll('.' + this.CssClasses_.TAB_CLASS); - this.panels_ = - this.element_.querySelectorAll('.' + this.CssClasses_.PANEL_CLASS); - - // Create new tabs for each tab element - for (var i = 0; i < this.tabs_.length; i++) { - new MaterialTab(this.tabs_[i], this); - } - - this.element_.classList.add(this.CssClasses_.UPGRADED_CLASS); - }; - - /** - * Reset tab state, dropping active classes - * - * @private - */ - MaterialTabs.prototype.resetTabState_ = function() { - for (var k = 0; k < this.tabs_.length; k++) { - this.tabs_[k].classList.remove(this.CssClasses_.ACTIVE_CLASS); - } - }; - - /** - * Reset panel state, droping active classes - * - * @private - */ - MaterialTabs.prototype.resetPanelState_ = function() { - for (var j = 0; j < this.panels_.length; j++) { - this.panels_[j].classList.remove(this.CssClasses_.ACTIVE_CLASS); - } - }; - - /** - * Initialize element. - */ - MaterialTabs.prototype.init = function() { - if (this.element_) { - this.initTabs_(); - } - }; - - /** - * Constructor for an individual tab. - * - * @constructor - * @param {Element} tab The HTML element for the tab. - * @param {MaterialTabs} ctx The MaterialTabs object that owns the tab. - */ - function MaterialTab(tab, ctx) { - if (tab) { - if (ctx.element_.classList.contains(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT)) { - var rippleContainer = document.createElement('span'); - rippleContainer.classList.add(ctx.CssClasses_.MDL_RIPPLE_CONTAINER); - rippleContainer.classList.add(ctx.CssClasses_.MDL_JS_RIPPLE_EFFECT); - var ripple = document.createElement('span'); - ripple.classList.add(ctx.CssClasses_.MDL_RIPPLE); - rippleContainer.appendChild(ripple); - tab.appendChild(rippleContainer); - } - - tab.addEventListener('click', function(e) { - e.preventDefault(); - var href = tab.href.split('#')[1]; - var panel = ctx.element_.querySelector('#' + href); - ctx.resetTabState_(); - ctx.resetPanelState_(); - tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS); - panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS); - }); - - } - } - - // The component registers itself. It can assume componentHandler is available - // in the global scope. - componentHandler.register({ - constructor: MaterialTabs, - classAsString: 'MaterialTabs', - cssClass: 'mdl-js-tabs' - }); -})(); diff --git a/dashboard-ui/bower_components/material-design-lite/src/template.scss b/dashboard-ui/bower_components/material-design-lite/src/template.scss deleted file mode 100644 index 4515a807ba..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/template.scss +++ /dev/null @@ -1,21 +0,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. - */ - -/* Material Design Lite */ - -$styleguide-generate-template: true; - -@import "styleguide"; diff --git a/dashboard-ui/bower_components/material-design-lite/src/textfield/_textfield.scss b/dashboard-ui/bower_components/material-design-lite/src/textfield/_textfield.scss deleted file mode 100644 index 910c657d78..0000000000 --- a/dashboard-ui/bower_components/material-design-lite/src/textfield/_textfield.scss +++ /dev/null @@ -1,218 +0,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. - */ - -@import "../variables"; -@import "../mixins"; - -// The container for the whole component. -.mdl-textfield { - position: relative; - font-size: $input-text-font-size; - display: inline-block; - box-sizing: border-box; - width: 300px; - max-width: 100%; - margin: 0; - padding: $input-text-vertical-spacing 0; - - // Align buttons, if used. - & .mdl-button { - position: absolute; - bottom: $input-text-vertical-spacing; - } -} - -// Optional class to align right. -.mdl-textfield--align-right { - text-align: right; -} - -// Optional class to display at full width. -.mdl-textfield--full-width { - width: 100%; -} - -// Optional class to make the text field expandable. -.mdl-textfield--expandable { - min-width: $input-text-button-size; - width: auto; - min-height: $input-text-button-size; -} - -// Styling for the input element. -.mdl-textfield__input { - border: none; - border-bottom: 1px solid $input-text-bottom-border-color; - display: block; - font-size: $input-text-font-size; - font-family: $performance_font; - margin: 0; - padding: $input-text-padding 0; - width: $input-text-width; - background: none; - text-align: left; - color: inherit; - - &[type="number"] { - -moz-appearance: textfield; - } - - &[type="number"]::-webkit-inner-spin-button, - &[type="number"]::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; - } - - .mdl-textfield.is-focused & { - outline: none; - } - - .mdl-textfield.is-invalid & { - border-color: $input-text-error-color; - box-shadow: none; - } - - fieldset[disabled] .mdl-textfield &, - .mdl-textfield.is-disabled & { - background-color: transparent; - border-bottom: 1px dotted $input-text-disabled-color; - color: $input-text-disabled-text-color; - } -} - -.mdl-textfield textarea.mdl-textfield__input { - display: block; -} - -// Styling for the label / floating label. -.mdl-textfield__label { - bottom: 0; - color: $input-text-label-color; - font-size: $input-text-font-size; - left: 0; - right: 0; - pointer-events: none; - position: absolute; - display: block; - top: ($input-text-padding + $input-text-vertical-spacing); - width: 100%; - overflow: hidden; - white-space: nowrap; - text-align: left; - - .mdl-textfield.is-dirty &, - .mdl-textfield.has-placeholder & { - visibility: hidden; - } - - // Floating Label - .mdl-textfield--floating-label & { - @include material-animation-default(); - } - - .mdl-textfield--floating-label.has-placeholder & { - transition: none; - } - - fieldset[disabled] .mdl-textfield &, - .mdl-textfield.is-disabled.is-disabled & { - color: $input-text-disabled-text-color; - } - - .mdl-textfield--floating-label.is-focused &, - .mdl-textfield--floating-label.is-dirty &, - .mdl-textfield--floating-label.has-placeholder & { - color: $input-text-highlight-color; - font-size : $input-text-floating-label-fontsize; - top: $input-text-vertical-spacing - ($input-text-floating-label-fontsize + $input-text-padding); - visibility: visible; - } - - .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder &, - .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder &, - .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder & { - top: -($input-text-floating-label-fontsize + $input-text-padding); - } - - .mdl-textfield--floating-label.is-invalid & { - color: $input-text-error-color; - font-size: $input-text-floating-label-fontsize; - } - - // The after label is the colored underline for the TextField. - &:after { - background-color: $input-text-highlight-color; - bottom: $input-text-vertical-spacing; - content: ''; - height: 2px; - left: 45%; - position: absolute; - @include material-animation-default(); - visibility: hidden; - width: 10px; - } - - .mdl-textfield.is-focused &:after { - left: 0; - visibility: visible; - width: 100%; - } - - .mdl-textfield.is-invalid &:after { - background-color: $input-text-error-color; - } -} - -// TextField Error. -.mdl-textfield__error { - color: $input-text-error-color; - position: absolute; - font-size: $input-text-floating-label-fontsize; - margin-top: 3px; - visibility: hidden; - display: block; - - .mdl-textfield.is-invalid & { - visibility: visible; - } -} - -// Expandable Holder. -.mdl-textfield__expandable-holder { - display: inline-block; - position: relative; - margin-left: $input-text-button-size; - - @include material-animation-default(); - display: inline-block; - - // Safari (possibly others) need to be convinced that this field is actually - // visible, otherwise it cannot be tabbed to nor focused via a