diff --git a/.drone.sec b/.drone.sec deleted file mode 100644 index 4c90224d5..000000000 --- a/.drone.sec +++ /dev/null @@ -1 +0,0 @@ -eyJhbGciOiJSU0EtT0FFUCIsImVuYyI6IkExMjhHQ00ifQ.j9veXnMfiC38KqZqVlEv-j3kQ4P8M9bmPYrCb3gkGhYNxJAs43Hzj30_rFiPJvW_JFjX2yGIVqGmxImJxDq9EXU0burdWRIcdKywASKtO5UCigwaBx0q_bPcXiPYCvT21ADX9HcukA_e04XcKExPJUJTlOJhfAA747p8lqheBXQjcidZJ6nVc6xt8dLpqyhcRZIX6wbKOKX3p8K60BnlHzqZ2YnnTuqk9XblJRwKwSIuSlJWqSKhYwLpJmWf8mtB9n7_Rn2vU1W3nK4o1j_-o1R6skxraNmdw9sbk26UNBUb8UtTdwbaMt0LnE_CD1TNSHW7gy05bmKjmZxGEXMH_w.gHtDLk7eq3RvXES7.f0peFsiIVOy7XTiYxakjJzPS_3U0rMesmc3PEjXbfz_ywNiGrSpbvA7lvnIgY6VgWNZyXZUmVjj34_FuwRCi6O6dqtRyYVy2-q5cJIVFWvpOtUdlQGcOfSL-TiyJS49AsbiXk0RI6-pi2hA9sfwOX8fbZK4YC1rcvEHc5xUd5WJhn0zRjyV0SowVGktVwjKXznHyxV5FCFqBHq83R7uOQIEm-nmMdlooUqQrWc3sKpwJv7fhyHfu5N5L33SIdrPHVhnc4HfCeuSESTvxV2XwZjzFxcj9Kr4BlnZyG7Dbn8WBaYEDkJ0HTie2h4MbeOewY9_SQ4YfYVhWwFzZTDCmD-Ou09G5siDA_0SyHZpS1JZI0NkKibdIkLEHB_BdpSSyFDTOFRbjf_2beXNOtD8-DCis0ZYR5h3coz6sOZaSde2Sh3IcCOLolaQvt5pZN4JB1JJspLjv6iD5R2VYGTJy8fYfH7juZi6NVq4316eQepoFgtjsjusTkTKcczkSPYxvgnjegdmNQvqKWMgZKcgV9IWdtDZCgBr3W3_K92G0xRkyMnmHevEfC0WzSTYE5SY4spDix2WF-of1SF_jrIjC3LSQlwXCHdeF8yoouWlVDqFvVB5jLlSjJG0yWi7GYgxwnweIhmduO4ojZbHUIX3UGDMYbxZkXiEegLXMCqQtTrkvutZsZFSnmULHCS1J-JF6JVgifnPOn6TSOh7h-FG-x72AtgX6W7_gmZRl_wPFTzDFtkvgsB5g6aB8jycAQfQhFSSOtNfMl4mfwqcT2dAf_orKohwGCwMfnamLOIfzfNcRXE1xHyClHTiTiDK3Nf7MMnvcxxmGq_yVjF9mSffBJMP25hMSMlg3DYqdbT88JVHXHRgE3vrl15BocpHU3E1ZEKF4VEV4bGE2MKkOOW0dBzKqFwAbFBivoD3vZEzKXpwTwg88cLwLPLnqsWyoNRKpWNFhnu6X_BmcCXNI7JP_gQxyRTe7ZHOCOW_oL93cDgA0nGWQG05pI1H87SYhZhByiaUlAwtMbo-wE_aMzwiLYjBdJ4QiOUk4Kzf4-P5QaWBEPEAHwbfuRjtSCPd9LYJzqGdCdabsv3mtgVPNdzDOTnI7mvdD5oLd9XEHV9vNuOI-xjpF4Tz130G_6V0Cvq3-oR2hCHE8ZugX9Qja7KqIwSM6sxV4JAlGv2etfJRqV01mdD2W_CnkSfWBoz6soTHTqrg1y1380DS42WvXNFAUhNj92J6n-W0MNfXWcsaFGRBwjTExerTK3HveEt3iB-gmx3DcPhXyM1FM39DbyQiHbwFV2Aw7cuQP6uYc5qgYPVdxrfrasvwPZweubHtrttZJNbbbBY2wJTbXrUX0X08U4NpDcTf80s43XNjO_P19to-tIz8WBr2BHY_-jA-ea7zIVlZGdn624tUcubHWxUsoci0jBlPX8jWQnhx4MI5vDDVKRSOotJdD7t4BD47SNJLi2H31wGOgi8MS9JTw9g8-ZXdN-WfCN4nNi5NTMhq3FbRBXIV1BRbVhvcWrpp2g4eAsDlv7ycUjcGFfExaePB1RhiqQwj-RSmXz_GbWPwOoUw3lacjoKEcf8787l6NWh9dYRXiaSzM1rNvHg4vNb2LPTkUGsPhtxUj-xO-S4ENw2FBQnPkgN0IHRKPPcagdUEWWGMEMBLFjZrTF1ihMEFLga6MnTMOoFPR7y9NjpBIHBm324aEV0IUfi2o4ML-IitbFhWSUeeyIKqBOW3ZFZMuNOQYlt0obuZYhS77vT-VIgNdr2OiGj8FSNkN6uqi-IxvjRqKBAnQaBuRgfPtMAg2AoQ4FiiALEZIEg3V9SunpmNH8WEonz3Pka-_en9dcRXffzrlVKyUAPs45Tg5330JN6OaI6jOtTSLZN0KEY2p77sTPxuPQsG5TuIX9g6mZiRZVFlzlJsi2VfhFdmR0GtZV8cwp0Sc9PVtUHkuAfZlHGaWTBGB4P7ttJlHu9iU3pEXMWrOABgf5JWan4uBwPDw_faU7vKvZ6s6PEIG7uM13RPTAnmQKCcn5xC_8Rao_GIseAQG-BKDZAsAKnJFXuUmwrwoaMOxyF6S8pw-1IFh-vr0FMne3DIl-K9T5NEjD7nF-HAXciVi4dGd1ayTymq6adh68nkNis4-ANauctQlFzGNp0_Na-3BaiDJi_DGhjXFY-w5ckLLlTuEaYVc99y8DQcTuOjfhTKo1AKcprKBe_FNmpwxjA6Pb4PO8NLOG7jksyPueFRgjfnITeTzRXuW-L4v63jR20It9wiW4T26NsYGo0sdz7C7DW3apD6Tv2wcqdr7_rbNhzqjDKBlFG-cuGBWkTaDdb5QiMxAqpBp71xt7IE4zh9vpUEUo0jL7uliKzPKch8nttjcNbhXBVkplWRwCzOLK9Kwbb1WPgNIt5Z_-qigFeHWo6p1r9ZZnO2uIhX5fXQ7ufja3NN2D5tJ1DjnHT0J-ubJd-pq2U5tOOuDRKuDlVXxa_0vWDLGEp5pOp0BQa6vUj9f8X8g5N9iajAappzI_zLG4HzEG8P0t4xDO6pO8NWSwcHgXl5VVIsXf7dVhlquH_ewkOUVNRXBk7GrhGxYjygX_yscHo57fY4O0ePexeuXoZxQw-dob99C4ZrnQQ0RhSU0n7WpByssezhB04pYbAzx_A998b5MP2gxTe4kVARgv5AgInzwx4KlrgCLpXt7bq3ZpDvk2SHSNVbGpkNFVNj3frYfo7NVxET9EAJ7VvoVeuyb7PBL-ix4cdbHkbEjp14PvvZEzJxz6ad7RflXkrd2PMJEiJ6ay8wYPFEPjO8v31cEwp9d8TOhsDfQ0O2nTGmcK_BG9ZFjIvZpIyYlrgSdcXOncL4i7LCDOmMlJdwEvAm4HMhnuMUwdLzty_V0iXqPyJR7gSpyhEgV0e7XEieUsPTNDcZ6yw14zQW6m7rjqg8XFXPw9JCTbqUIGgDAHDrSLGaknemFzlek6nq_KrTAhxlFFyopNNHMgMkjbqgw8kyFo-YVZ5dkvwgX8ux0pxW8MgBVTI4wz3vonPX-ilBKAOdrujRd6282Nih0u9ri6UjFSqikoUN_hu_K6O7gQdATrUNKEjYJc_sMKegaOk1jraogA8_YG8t-oWu8YEjzTjkehdPkhiqrCLZUDHsq3mFu0yqT4AyRjb-4S53Zfs6DqtQv8THl-iimvCV1GFTquN0fBnQRjdJh.YLmdpxyEz-RjqU8lHkRGYg \ No newline at end of file diff --git a/.drone.yml b/.drone.yml deleted file mode 100644 index 0e006c76c..000000000 --- a/.drone.yml +++ /dev/null @@ -1,49 +0,0 @@ -# Note: if you modify this file, don't forget to update -# checksum in .drone.sec with: -# drone secure --repo google/material-design-lite --checksum -clone: - depth: 1 -cache: - mount: - - node_modules -matrix: - NODE_VERSION: - - 4 - - 5 -build: - image: crhym3/ci:node$$NODE_VERSION-go15 - environment: - - CHROME=https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb - - WEBDRIVER=http://chromedriver.storage.googleapis.com/2.16/chromedriver_linux64.zip - - DISPLAY=:99 - commands: - - npm update -qq - # build and unit test - - gulp all - - gulp mocha:closure - # additional browser tests - # do this after the build and unit tests to fail fast - - Xvfb $DISPLAY & - - curl -sSLo chrome.deb $CHROME && dpkg -i chrome.deb - - curl -sSLo driver.zip $WEBDRIVER && unzip -q driver.zip -d /usr/bin -publish: - # see http://addons.drone.io/google_cloud_storage/ for details - gcs: - when: - repo: google/material-design-lite - branch: master - event: push - matrix: - NODE_VERSION: 5 - auth_key: > - $$SERVICE_ACCOUNT_KEY - source: dist - target: mdl-staging - cache_control: public,max-age=0 - acl: - - allUsers:READER - gzip: - - html - - css - - js - - svg diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 5d1263484..000000000 --- a/.editorconfig +++ /dev/null @@ -1,13 +0,0 @@ -# editorconfig.org -root = true - -[*] -indent_style = space -indent_size = 2 -end_of_line = lf -charset = utf-8 -trim_trailing_whitespace = true -insert_final_newline = true - -[*.md] -trim_trailing_whitespace = false diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index 176a458f9..000000000 --- a/.gitattributes +++ /dev/null @@ -1 +0,0 @@ -* text=auto diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md deleted file mode 100644 index 2626be43c..000000000 --- a/.github/ISSUE_TEMPLATE.md +++ /dev/null @@ -1,35 +0,0 @@ -** PLEASE READ THIS BEFORE FILING AN ISSUE ** - -## Feature Requests / Breaking Changes in mdl-1.x - -The MDL core team has actively begun work on the next major version of MDL, dubbed **MDL v2**. Because we are a small team that's hyper-focused on delivering the best Material Design Library possible for the web, _it is highly unlikely that we will be actively working on new features or making backwards-incompatible changes for MDL as it currently exists._ - -If there is a non-breaking feature you would like to see implemented in `mdl-1.x` and are willing to contribute, we'd be happy to offer assistance with you doing so. But we will not personally be actively working on said features. - -While we are just getting started with our next version of MDL, you can see our current progress on [master](https://github.com/google/material-design-lite/tree/master) as well as an overview of the direction we're headed in our [(WIP) developer guide](https://github.com/google/material-design-lite/blob/master/docs/DEVELOPER.md) as well as our [initial POC branch](https://github.com/google/material-design-lite/tree/experimental/v2-architecture-poc) for our new architecture. - -If you're interested in information for a specific MDL v2 component, check out our [v2-component issues](https://github.com/google/material-design-lite/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20label%3Av2-component) to see which v2 milestone it's associated with and feel free to subscribe to that issue for updates. - -## Bugs - -Please include the following information with your bug report: - -> What MDL Version are you using? (please be specific, e.g. _major.minor.patch_) - - -> What browser(s) is this bug affecting (including version)? - - -> What OS (and version) are you using? - - -> What are the steps to reproduce the bug? Can you create a plunker/codepen/jsfiddle which reproduces it? - - -> What is the expected behavior? - - -> What is the actual behavior? - - -> Any other information you believe would be useful? \ No newline at end of file diff --git a/.gitignore b/.gitignore deleted file mode 100644 index c4684424d..000000000 --- a/.gitignore +++ /dev/null @@ -1,8 +0,0 @@ -node_modules -.tmp -gulp-cache -.DS_Store -docs/out -.publish -/dist -.drone.sec.yml diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md deleted file mode 100644 index ffdd20d7d..000000000 --- a/CONTRIBUTING.md +++ /dev/null @@ -1,234 +0,0 @@ - -# Contributing to Material Design Lite - -We'd love for you to contribute to our source code and to make Material Design Lite even better than it is today! Here are the guidelines we'd like you to follow: - - - [Code of Conduct](#coc) - - [Question or Problem?](#question) - - [Issues and Bugs](#issue) - - [Feature Requests](#feature) - - [Submission Guidelines](#submit) - - [Coding Rules](#rules) - - [Signing the CLA](#cla) - -## Code of Conduct - -As contributors and maintainers of the Material Design Lite project, we pledge to respect everyone who contributes by posting issues, updating documentation, submitting pull requests, providing feedback in comments, and any other activities. - -Communication through any of Material Design Lite's channels (GitHub, StackOverflow, Google+, Twitter, etc.) must be constructive and never resort to personal attacks, trolling, public or private harassment, insults, or other unprofessional conduct. - -We promise to extend courtesy and respect to everyone involved in this project regardless of gender, gender identity, sexual orientation, disability, age, race, ethnicity, religion, or level of experience. We expect anyone contributing to the Material Design Lite project to do the same. - -If any member of the community violates this code of conduct, the maintainers of the Material Design Lite project may take action, removing issues, comments, and PRs or blocking accounts as deemed appropriate. - -If you are subject to or witness unacceptable behavior, or have any other concerns, please drop us a line at addyo@google.com. - -## Got a Question or Problem? - -If you have questions about how to use Material Design Lite, please direct these to [StackOverflow][stackoverflow] and use the `material-design-lite` tag. We are also available on GitHub issues. - -If you feel that we're missing an important bit of documentation, feel free to -file an issue so we can help. Here's an example to get you started: - -``` -Component (if any): - -What are you trying to do or find out more about? - -Where have you looked? - -Where did you expect to find this information? -``` - -Or, if you're looking for a new design template: - -``` -Please provide a short summary of the template you’re looking for. - -What makes this template interesting or challenging from a design perspective? - -Please provide any URLs to good examples of this type of page that you may have come across. -``` - -## Found an Issue? -If you find a bug in the source code or a mistake in the documentation, you can help us by -submitting an issue to our [GitHub Repository][github]. Even better you can submit a Pull Request -with a fix. - -See [below](#submit) for some guidelines. - -## Want a Feature? -You can request a new feature by submitting an issue to our [GitHub Repository][github]. - -Here is a template to get you started: - -``` -Is this a new component, or a missing feature in an existing one? -Component name: -Material Design spec URL for the component (if any): - -What does this component or feature allow you to do which isn’t possible at the moment? - -Please provide any URLs or screenshots of good examples of usage of this component or feature that you may have come across. -``` - -If you would like to implement a new feature then consider what kind of change it is: - -* **Major Changes** that you wish to contribute to the project should be discussed first on our -[issue tracker][] so that we can better coordinate our efforts, prevent -duplication of work, and help you to craft the change so that it is successfully accepted into the -project. -* **Small Changes** can be crafted and submitted to the [GitHub Repository][github] as a Pull Request. - -## Submission Guidelines - -### Submitting an Issue -Before you submit your issue search the archive, maybe your question was already answered. - -If your issue appears to be a bug, and hasn't been reported, open a new issue. -Help us to maximize the effort we can spend fixing issues and adding new -features, by not reporting duplicate issues. Providing the following information will increase the -chances of your issue being dealt with quickly: - -* **Overview of the Issue** - if an error is being thrown a non-minified stack trace helps -* **Motivation for or Use Case** - explain why this is a bug for you -* **Material Design Lite Version(s)** - is it a regression? -* **Browsers and Operating System** - is this a problem with all browsers or only IE9? -* **Reproduce the Error** - provide a live example (using JSBin) or a unambiguous set of steps. -* **Related Issues** - has a similar issue been reported before? -* **Suggest a Fix** - if you can't fix the bug yourself, perhaps you can point to what might be - causing the problem (line of code or commit) - -**If you get help, help others. Good karma rulez!** - -Here's a template to get you started: - -``` -MDL version: -Browser: -Browser version: -Operating system: -Operating system version: -URL, if applicable (you can use a [codepen as a starting point][http://codepen.io/pen/def?fork=xGWgXa]): - -What steps will reproduce the problem: -1. -2. -3. - -What is the expected result? - -What happens instead of that? - -Please provide any other information below, and attach a screenshot if possible. -``` - -### Submitting a Pull Request -Before you submit your pull request consider the following guidelines: - -* Search [GitHub](https://github.com/google/material-design-lite/pulls) for an open or closed Pull Request - that relates to your submission. You don't want to duplicate effort. -* Please sign our [Contributor License Agreement (CLA)](#cla) before sending pull - requests. We cannot accept code without this. -* Make your changes in a new git branch: - - ```shell - git checkout -b my-fix-branch master - ``` - -* Create your patch, **including appropriate test cases**. -* Follow our [Coding Rules](#rules). -* Run the full Material Design Lite test suite (`gulp test`), - and ensure that all tests pass. -* Avoid checking in files that shouldn't be tracked (e.g `node_modules`, `gulp-cache`, `.tmp`, `.idea`). We recommend using a [global .gitignore](https://help.github.com/articles/ignoring-files/#create-a-global-gitignore) for this. -* Make sure **not** to include a recompiled version of the files found in `/css` and `/js` as part of your PR. We will generate these automatically. -* Commit your changes using a descriptive commit message. - - ```shell - git commit -a - ``` - Note: the optional commit `-a` command line option will automatically "add" and "rm" edited files. - -* Build your changes locally to ensure all the tests pass: - - ```shell - gulp - ``` - -* Push your branch to GitHub: - - ```shell - git push origin my-fix-branch - ``` - -* In GitHub, send a pull request to `material-design-lite:master`. -* If we suggest changes then: - * Make the required updates. - * Re-run the Material Design Lite test suite to ensure tests are still passing. - * Rebase your branch and force push to your GitHub repository (this will update your Pull Request): - - ```shell - git rebase master -i - git push origin my-fix-branch -f - ``` - -That's it! Thank you for your contribution! - -#### After your pull request is merged - -After your pull request is merged, you can safely delete your branch and pull the changes -from the main (upstream) repository: - -* Delete the remote branch on GitHub either through the GitHub web UI or your local shell as follows: - - ```shell - git push origin --delete my-fix-branch - ``` - -* Check out the master branch: - - ```shell - git checkout master -f - ``` - -* Delete the local branch: - - ```shell - git branch -D my-fix-branch - ``` - -* Update your master with the latest upstream version: - - ```shell - git pull --ff upstream master - ``` - -## Coding Rules - -We generally follow the [Google JavaScript style guide][js-style-guide] with a few minor exceptions documented in our [JSCS configuration][jscs-config]. - -[JSCS](http://jscs.info) is a tool for linting code against a style guide and has plugins available for both editors and build tools. Should -you find that you would prefer to automatically format your code to match our style guide, you can use the JSCS [autoformatting][autoformatting] -feature. - -## Signing the CLA - -Please sign our Contributor License Agreement (CLA) before sending pull requests. For any code -changes to be accepted, the CLA must be signed. It's a quick process, we promise! - -* For individuals we have a [simple click-through form][individual-cla]. -* For corporations we'll need you to - [print, sign and one of scan+email, fax or mail the form][corporate-cla]. - -*This guide was inspired by the [AngularJS contribution guidelines](https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md).* - -[github]: https://github.com/google/material-design-lite -[issue tracker]: https://github.com/google/material-design-lite/issues -[individual-cla]: http://code.google.com/legal/individual-cla-v1.0.html -[corporate-cla]: http://code.google.com/legal/corporate-cla-v1.0.html -[js-style-guide]: http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml -[jsbin]: http://jsbin.com/ -[stackoverflow]: http://stackoverflow.com/questions/tagged/material-design-lite -[global-gitignore]: https://help.github.com/articles/ignoring-files/#create-a-global-gitignore -[autoformatting]: https://medium.com/@addyosmani/auto-formatting-javascript-code-style-fe0f98a923b8 -[jscs-config]: https://github.com/google/material-design-lite/blob/master/.jscsrc diff --git a/README.md b/README.md index b701c39d2..b101c547e 100644 --- a/README.md +++ b/README.md @@ -72,16 +72,12 @@ changes. ## Want to contribute? If you found a bug, have any questions or want to contribute. Follow our -[guidelines](https://github.com/google/material-design-lite/blob/mdl-1.x/CONTRIBUTING.md), +[guidelines](https://github.com/google/material-design-lite/blob/master/CONTRIBUTING.md), and help improve the Material Design Lite. For more information visit our [wiki](https://github.com/google/material-design-lite/wiki). Please use the default branch, `mdl-1.x`. -Take note that [Material Components for Web](https://github.com/material-components/material-components-web), which is MDL v2, is under early Alpha stages (which means everything is a moving target, and we can change anything at any moment). Use with caution. - -However, we would absolutely love to have people testing MCW and provide feedback about their experiences using it, especially integrating with other frameworks and libraries. - ## License © Google, 2015. Licensed under an diff --git a/docs/_assets/android-desktop.png b/docs/_assets/android-desktop.png deleted file mode 100644 index 72a7f12ef..000000000 Binary files a/docs/_assets/android-desktop.png and /dev/null differ diff --git a/docs/_assets/app-icon.png b/docs/_assets/app-icon.png deleted file mode 100644 index 8cf86a099..000000000 Binary files a/docs/_assets/app-icon.png and /dev/null differ diff --git a/docs/_assets/button_degradation.png b/docs/_assets/button_degradation.png deleted file mode 100644 index 47863f3d1..000000000 Binary files a/docs/_assets/button_degradation.png and /dev/null differ diff --git a/docs/_assets/codepen-logo.png b/docs/_assets/codepen-logo.png deleted file mode 100644 index b06bc1bef..000000000 Binary files a/docs/_assets/codepen-logo.png and /dev/null differ diff --git a/docs/_assets/codepen.js b/docs/_assets/codepen.js deleted file mode 100644 index d7375a019..000000000 --- a/docs/_assets/codepen.js +++ /dev/null @@ -1,141 +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 CodeBlockCodePen() { - 'use strict'; - - this.codepenButtons = document.getElementsByClassName('codepen-button'); - this.init(); -} - -// Also insert the MDL Library. -CodeBlockCodePen.prototype.MDLIBS = [ - '', - '', - '', - '', - '' -]; - -/** - * Creates CodePen buttons in all code blocks (`pre`) that are HTML. - */ -CodeBlockCodePen.prototype.init = function() { - 'use strict'; - - [].slice.call(this.codepenButtons).forEach(function(form) { - // Attach the click event to the codepen button. - form.addEventListener('click', this.clickHandler(form, form.parentNode)); - }, this); -}; - -/** - * Extracts the parts of the text that is inside occurrences of the tag and - * endTag. - * @param {String} tag The start tag which content we need to extract - * @param {String} endTag The end tag which content we need to extract - * @param {String} text The text for which we need to extract the content in - * the given tags - * @return {Object} An Object with 2 attributes: textRemainder which contains - * the text not inside any of the given tag. and tagContent - * which contains a concatenation of what was inside the tags - */ -CodeBlockCodePen.prototype.extractTagsContent = function(tag, endTag, text) { - 'use strict'; - var tagStartIndex; - var tagEndIndex; - var tagText = ''; - - while (text.indexOf(tag) !== -1) { - tagStartIndex = text.indexOf(tag); - tagEndIndex = text.indexOf(endTag); - tagText += text.substring(tagStartIndex + tag.length, tagEndIndex); - text = text.substring(0, tagStartIndex).trim() + '\n' + - text.substr(tagEndIndex + endTag.length).trim(); - } - - return {textRemainder: text, tagContent: tagText}; -}; - -/** - * Click handler for CodePen buttons. Prepares the content for CodePen and - * submits the form. - * @param {HTMLElement} form The CodePen form - * @param {HTMLElement} pre The pre containing the code to send to CodePen - * @return {function} The click handler - */ -CodeBlockCodePen.prototype.clickHandler = function(form, pre) { - 'use strict'; - - return function() { - - // Track codepen button clicks - if (typeof ga !== 'undefined') { - ga('send', { - hitType: 'event', - eventCategory: 'codepen', - eventAction: 'click', - eventLabel: window.location.pathname + - (window.location.hash ? window.location.hash : '') - }); - } - - // Modify relative URLs to make them absolute. - var code = pre.textContent.replace('../assets/demos/', - window.location.origin + '/assets/demos/'); - - // Extract ', - code); - - code = cssExtractResult.textRemainder; - var css = cssExtractResult.tagContent.trim(); - - // Extract ', - code); - - code = jsExtractResult.textRemainder.trim(); - var js = jsExtractResult.tagContent.trim(); - - // Remove children from previous clicks. - while (form.firstChild) { - form.removeChild(form.firstChild); - } - var input = document.createElement('input'); - input.setAttribute('type', 'hidden'); - input.setAttribute('name', 'data'); - input.setAttribute('value', JSON.stringify( - { - title: 'Material Design Lite components demo', - html: - '\n' + - ' \n ' + this.MDLIBS.join('\n ') + '\n \n' + - ' \n ' + code.split('\n').join('\n ') + '\n \n' + - '', - css: css, - js: js})); - form.appendChild(input); - - form.submit(); - }.bind(this); -}; - -window.addEventListener('load', function() { - 'use strict'; - - new CodeBlockCodePen(); -}); diff --git a/docs/_assets/colors.svg b/docs/_assets/colors.svg deleted file mode 100644 index c4c6bdca5..000000000 --- a/docs/_assets/colors.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - Oval 43 + Oval 43 + Oval 43 - Created with Sketch. - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/comp_badges.png b/docs/_assets/comp_badges.png deleted file mode 100644 index 9c9f524f0..000000000 Binary files a/docs/_assets/comp_badges.png and /dev/null differ diff --git a/docs/_assets/comp_buttons.png b/docs/_assets/comp_buttons.png deleted file mode 100644 index 0f0ec0463..000000000 Binary files a/docs/_assets/comp_buttons.png and /dev/null differ diff --git a/docs/_assets/comp_cards.png b/docs/_assets/comp_cards.png deleted file mode 100644 index 917315ade..000000000 Binary files a/docs/_assets/comp_cards.png and /dev/null differ diff --git a/docs/_assets/comp_chips.png b/docs/_assets/comp_chips.png deleted file mode 100644 index 6d5509577..000000000 Binary files a/docs/_assets/comp_chips.png and /dev/null differ diff --git a/docs/_assets/comp_dialog.png b/docs/_assets/comp_dialog.png deleted file mode 100644 index 6125b2265..000000000 Binary files a/docs/_assets/comp_dialog.png and /dev/null differ diff --git a/docs/_assets/comp_layout.png b/docs/_assets/comp_layout.png deleted file mode 100644 index aa4d74df1..000000000 Binary files a/docs/_assets/comp_layout.png and /dev/null differ diff --git a/docs/_assets/comp_lists.png b/docs/_assets/comp_lists.png deleted file mode 100644 index ae754ef42..000000000 Binary files a/docs/_assets/comp_lists.png and /dev/null differ diff --git a/docs/_assets/comp_loading.png b/docs/_assets/comp_loading.png deleted file mode 100644 index eb2948484..000000000 Binary files a/docs/_assets/comp_loading.png and /dev/null differ diff --git a/docs/_assets/comp_menus.png b/docs/_assets/comp_menus.png deleted file mode 100644 index bcb3fc206..000000000 Binary files a/docs/_assets/comp_menus.png and /dev/null differ diff --git a/docs/_assets/comp_sliders.png b/docs/_assets/comp_sliders.png deleted file mode 100644 index b31e17a53..000000000 Binary files a/docs/_assets/comp_sliders.png and /dev/null differ diff --git a/docs/_assets/comp_snackbar.png b/docs/_assets/comp_snackbar.png deleted file mode 100644 index 7bc5d619b..000000000 Binary files a/docs/_assets/comp_snackbar.png and /dev/null differ diff --git a/docs/_assets/comp_tables.png b/docs/_assets/comp_tables.png deleted file mode 100644 index a4ba2d147..000000000 Binary files a/docs/_assets/comp_tables.png and /dev/null differ diff --git a/docs/_assets/comp_textfields.png b/docs/_assets/comp_textfields.png deleted file mode 100644 index 5d4bd9e17..000000000 Binary files a/docs/_assets/comp_textfields.png and /dev/null differ diff --git a/docs/_assets/comp_toggles.png b/docs/_assets/comp_toggles.png deleted file mode 100644 index 071456b10..000000000 Binary files a/docs/_assets/comp_toggles.png and /dev/null differ diff --git a/docs/_assets/comp_tooltips.png b/docs/_assets/comp_tooltips.png deleted file mode 100644 index 9f3910a94..000000000 Binary files a/docs/_assets/comp_tooltips.png and /dev/null differ diff --git a/docs/_assets/compindex.png b/docs/_assets/compindex.png deleted file mode 100644 index 23ff6703f..000000000 Binary files a/docs/_assets/compindex.png and /dev/null differ diff --git a/docs/_assets/compindex_2x.png b/docs/_assets/compindex_2x.png deleted file mode 100644 index e6c251ae8..000000000 Binary files a/docs/_assets/compindex_2x.png and /dev/null differ diff --git a/docs/_assets/components.css b/docs/_assets/components.css deleted file mode 100644 index c0e495fa8..000000000 --- a/docs/_assets/components.css +++ /dev/null @@ -1,244 +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. - */ - -.mdl-components { - display: flex; -} - -.mdl-components-index { - box-sizing: border-box; - position: relative; - padding-top: 64px; -} - -.mdl-components-index-text { - max-width: 960px; - margin: 0; -} -.mdl-components-index-text .mdl-components-dl { - justify-content: flex-start; - margin-left: 40px; -} - -.mdl-components-img { - position: absolute; - margin-top: 24px; - left: 40px; - height: 90%; - width: 90%; - max-height: 600px; - background: url('../assets/compindex_2x.png') no-repeat top left / contain; -} - -.mdl-components-text { - margin: 0; - padding: 0; -} - -mdl-components-dl { - padding: 0.5em; - width: 80%; -} - -mdl-components-dt { - float: left; - clear: left; - width: 150px; - font-weight: bold; -} - -mdl-components-dd { - margin: 0 0 0 150px; - padding: 0 0 0.5em 0; -} - -.mdl-components .mdl-components__nav { - display: inline-block; - background: #fff; - width: 200px; - box-sizing: border-box; - padding: 24px 0; - flex-shrink: 0; - z-index: 1; -} - -.mdl-components .mdl-components__pages { - display: inline-block; - flex-grow: 1; -} -.mdl-components .mdl-components__pages { - padding-bottom: 120px; -} -.mdl-components .mdl-components__link { - margin: 16px; - font-weight: normal; - color: rgba(0, 0, 0, 0.66); - position: relative; - padding-left: 72px; - min-height: 48px; - display: table; - line-height: 48px; -} - -.mdl-components .mdl-components__link.is-active { - font-weight: bold; - color: #c2185b; -} - -.content { - background: #fafafa; -} - -.mdl-components .mdl-components__page { - display: none; - min-height: 1000px; -} - -.mdl-components .docs-toc { - margin-bottom: 60px; - margin-left: 32px; -} - -.mdl-components .component-title { - margin-bottom: 60px; - margin-top: 30px; - margin-left: 32px; -} - -.mdl-components .component-title h3 { - font-size: 16px; - font-weight: 500; - margin-top: 80px; - text-transform: uppercase; -} - -.mdl-components .snippet-code pre.language-markup code { - padding-left: 40px; -} - -.mdl-components .mdl-components__page.is-active { - display: block; -} - -.mdl-components__link-image { - display: inline-block; - margin: 0 10px; - position: absolute; - left: 0; - top: 0; - background-color: #ddd; - background-position: center; - background-repeat: no-repeat; - background-size: auto 48px; - - border-radius: 50%; - height: 46px; - width: 46px; -} - -.mdl-components__warning { - width: 100%; - max-width: 640px; - margin: 0 auto; - background-color: #FFF9C4; - padding: 16px; - border-radius: 2px; - color: #212121; -} - -.mdl-components__link.is-active .mdl-components__link-image { - 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); -} -.docs-readme { - width: 100%; - max-width: 640px; - margin: 0 auto; -} - -.docs-readme .language-markup { - width: 100%; -} -@media (max-width: 850px) { - .mdl-components .component-title, - .mdl-components .docs-toc { - margin-left: 0; - } - .mdl-components .snippet-code pre.language-markup code { - padding-left: 8px; - } - .docs-layout-content { - position: relative; - height: 100%; - overflow: hidden !important; - } - - .mdl-components .mdl-components__nav { - position: fixed; - top: 64px; - left: 0; - display: block; - flex-wrap: nowrap; - width: 100%; - height: 120px; - overflow-x: auto; - overflow-y: hidden; - padding: 8px; - z-index: 100; - white-space: nowrap; - } - - .mdl-components-index-text .mdl-components-dl { - margin: 0px; - } - .mdl-components-img { - left: 8px; - } - .components .content .about-panel { - padding: 8px; - } - - .mdl-components__nav .mdl-components__link { - display: inline-block; - vertical-align: top; - height: 100%; - margin: 0; - width: auto; - min-width: 48px; - margin-right: 8px; - padding-left: 0px; - padding-top: 10px; - } - - .mdl-components__nav .mdl-components__link > *{ - display: block; - width: auto; - margin: 0 auto; - text-align: center; - } - .mdl-components__nav .mdl-components__link > .mdl-components__link-image { - position: static; - width: 48px; - } - - .content { - padding-top: 64px !important; - padding-left: 0 !important; - overflow-y: auto; - height: 100%; - } -} diff --git a/docs/_assets/components.js b/docs/_assets/components.js deleted file mode 100644 index d7581ad5c..000000000 --- a/docs/_assets/components.js +++ /dev/null @@ -1,163 +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 MaterialComponentsNav() { - 'use strict'; - - this.element_ = document.querySelector('.mdl-js-components'); - if (this.element_) { - this.componentLinks = this.element_.querySelectorAll('.mdl-components__link'); - this.activeLink = null; - this.activePage = null; - - this.init(); - } -} - -/** - * Stores a Map of the components links using their corresponding hashFragment - * as key. - * @type {Object.} - * @private - */ -MaterialComponentsNav.prototype.linksMap_ = {}; - -/** - * 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 - */ -MaterialComponentsNav.prototype.CssClasses_ = { - ACTIVE: 'is-active' -}; - -/** - * Initializes the MaterialComponentsNav component. - */ -MaterialComponentsNav.prototype.init = function() { - 'use strict'; - - for (var i = 0; i < this.componentLinks.length; i++) { - this.componentLinks[i].addEventListener('click', - this.clickHandler(this.componentLinks[i])); - // Mapping the list of links using their hash fragment. - this.linksMap_['#' + this.componentLinks[i].href.split('#')[1]] = - this.componentLinks[i]; - } - - // If a Hash fragment is available on the page then display the section. - this.displaySectionForFragment(window.location.hash.split('/')[0]); - - // If the hash fragment changes we display the corresponding section. - // We won't support older browser as it's not efficient. - if ('onhashchange' in window) { - var this_ = this; - window.onhashchange = function () { - this_.displaySectionForFragment(window.location.hash.split('/')[0]); - }; - } -}; - -/** - * Displays the section for the given hash fragment. - * @param {String} fragment The hash fragment used in the link to the section - */ -MaterialComponentsNav.prototype.displaySectionForFragment = function(fragment) { - 'use strict'; - - if (fragment && this.linksMap_[fragment] && this.linksMap_[fragment].click) { - this.linksMap_[fragment].click(); - } else if (!fragment || fragment === '' || fragment === '#') { - this.displayIndexPage(); - } -}; - -/** - * Displays the index page for the components. - */ -MaterialComponentsNav.prototype.displayIndexPage = function() { - 'use strict'; - - if (this.activeLink) { - this.activeLink.classList.remove(this.CssClasses_.ACTIVE); - } - this.activeLink = null; - if (this.activePage) { - this.activePage.classList.remove(this.CssClasses_.ACTIVE); - } - this.activePage = this.element_.querySelector('#index-section'); - this.activePage.classList.add(this.CssClasses_.ACTIVE); -} - -/** - * Returns a clickHandler for a navigation link. - * @param {HTMLElement} link the navigation link - * @return {function} the click handler - */ -MaterialComponentsNav.prototype.clickHandler = function(link) { - 'use strict'; - - return function(e) { - e.preventDefault(); - var page = this.findPage(link); - if (this.activePage) { - this.activePage.classList.remove(this.CssClasses_.ACTIVE); - } - if (this.activeLink) { - this.activeLink.classList.remove(this.CssClasses_.ACTIVE); - } - - this.activePage = page; - this.activeLink = link; - - link.classList.add(this.CssClasses_.ACTIVE); - page.classList.add(this.CssClasses_.ACTIVE); - - // Add an history entry and display the hash fragment in the URL. - var section = window.location.hash.split('/')[0]; - var linkWithoutHash = link.href.split('#')[1]; - if (section !== '#' + linkWithoutHash) { - history.pushState(null, 'Material Design Lite', link); - // Scroll to top of page - document.getElementById('content').scrollTop = 0; - // Track the specific component page view in Google analytics - if (ga) { - ga('send', 'pageview', '/components/' + linkWithoutHash); - } - } - return true; - }.bind(this); -}; - -/** - * Finds the corresponding page for a navigation link. - * @param {HTMLElement} link the navigation link - * @return {HTMLElement} the corresponding page - */ -MaterialComponentsNav.prototype.findPage = function(link) { - 'use strict'; - - var href = link.href.split('#')[1]; - return this.element_.querySelector('#' + href); -}; - -window.addEventListener('load', function() { - 'use strict'; - - new MaterialComponentsNav(); -}); diff --git a/docs/_assets/components.png b/docs/_assets/components.png deleted file mode 100755 index 3197a2e3f..000000000 Binary files a/docs/_assets/components.png and /dev/null differ diff --git a/docs/_assets/components.svg b/docs/_assets/components.svg deleted file mode 100644 index 067f6b2b7..000000000 --- a/docs/_assets/components.svg +++ /dev/null @@ -1,26 +0,0 @@ - - - - components - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/components_2x.png b/docs/_assets/components_2x.png deleted file mode 100755 index e955ea5fb..000000000 Binary files a/docs/_assets/components_2x.png and /dev/null differ diff --git a/docs/_assets/components_mo.svg b/docs/_assets/components_mo.svg deleted file mode 100644 index b906f1093..000000000 --- a/docs/_assets/components_mo.svg +++ /dev/null @@ -1,26 +0,0 @@ - - - - components_mo - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/customize.png b/docs/_assets/customize.png deleted file mode 100755 index 1963cec9e..000000000 Binary files a/docs/_assets/customize.png and /dev/null differ diff --git a/docs/_assets/customize.svg b/docs/_assets/customize.svg deleted file mode 100644 index 5739ab359..000000000 --- a/docs/_assets/customize.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - customize - Created with Sketch. - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/customize_2x.png b/docs/_assets/customize_2x.png deleted file mode 100755 index d5975022a..000000000 Binary files a/docs/_assets/customize_2x.png and /dev/null differ diff --git a/docs/_assets/customize_mo.svg b/docs/_assets/customize_mo.svg deleted file mode 100644 index 380464b01..000000000 --- a/docs/_assets/customize_mo.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - customize copy - Created with Sketch. - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/customizer.css b/docs/_assets/customizer.css deleted file mode 100644 index ed0178879..000000000 --- a/docs/_assets/customizer.css +++ /dev/null @@ -1,127 +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. - */ - -#wheel { - position: relative; - height: 100%; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; -} -.is-small-screen .mdl-gen #wheel { - min-height: 100vw; -} -#wheel svg { - width: 100%; - height: 100%; -} - -@media (min-width: 840px) { - #wheel svg { - max-width: 100%; - width: 100%; - } -} -#wheel .mdl-gen-download { - position: absolute; - left: 50%; - top: 50%; -} -#wheel .mdl-gen-download .mdl-button { - transform: translate(-50%, -50%); -} -#wheel g[data-color] { - opacity: 1; - transition: opacity 0.2s cubic-bezier(0.4, 0.0, 1, 1); -} -#wheel .selector { - opacity: 0; - transition: opacity 0.4s cubic-bezier(0.4, 0.0, 1, 1); - fill: #BDBDBD; -} -#wheel .selected .selector { - opacity: 1; -} -#wheel .label { - text-anchor: middle; - opacity: 0; - transition: opacity 0.4s cubic-bezier(0.4, 0.0, 1, 1); - fill: white; - font-size: 24px; -} -#wheel .selected--1 .label--1, -#wheel .selected--2 .label--2 { - opacity: 1; -} -#wheel svg.hide-nonaccents g[data-color="Blue Grey"]:not(.selected), -#wheel svg.hide-nonaccents g[data-color="Brown"]:not(.selected), -#wheel svg.hide-nonaccents g[data-color="Grey"]:not(.selected) { - opacity: 0.12; -} -#wheel .selected { - opacity: 1 !important; -} -.mdl-gen > .mdl-grid { - max-width: 1280px; - padding: 0; -} -.mdl-gen__preview { - position: relative; - height: 350px; -} -.mdl-gen__preview .mdl-layout__container { - height: auto; -} -.mdl-gen__preview .mdl-layout__content { - padding: 32px; - background-color: #EFEFEF; - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: flex-start; -} -.mdl-gen__preview .mdl-layout__content .mdl-button { - margin: 0; -} -.mdl-gen__preview .mdl-layout__content .mdl-button--fab { - align-self: flex-end; -} -.mdl-gen__preview .mdl-layout__content h3 { - margin-top: 0; -} -.mdl-gen__panel--right { - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: center; - padding-bottom: 0; -} -.mdl-gen__desc strong, -.mdl-gen__desc p { - display: block; - margin-bottom: 32px; - color: rgba(0, 0, 0, 0.54); -} -.mdl-gen__cdn .demo-code { - box-sizing: border-box; -} -.content { - margin-left: auto; - margin-right: auto; - max-width: 1280px; - margin-bottom: 80px; -} diff --git a/docs/_assets/customizer.js b/docs/_assets/customizer.js deleted file mode 100644 index 33a69d26d..000000000 --- a/docs/_assets/customizer.js +++ /dev/null @@ -1,545 +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. - */ - -/*global MaterialCustomizer:true,Prism:true,ga:true*/ - -/* exported init */ -function init() { - 'use strict'; - - var wheel = document.querySelector('#wheel > svg'); - var cdn = document.querySelector('.mdl-gen__cdn .mdl-gen__cdn-link'); - var mc = new MaterialCustomizer(wheel, cdn); - - // Workaround for IE. - var dl = document.querySelector('#download'); - dl.addEventListener('click', function() { - if (window.navigator.msSaveBlob) { - window.navigator.msSaveBlob(this.blob, 'material.min.css'); - } - }.bind(mc)); - - // Hook up GA event - dl.addEventListener('click', function() { - ga('send', { - hitType: 'event', - eventCategory: 'customizer', - eventAction: 'download', - eventLabel: mc.getSelectedPrimary() + '-' + mc.getSelectedSecondary() - }); - }); - - var clickCtr = 0; - cdn.addEventListener('click', function() { - var selection = window.getSelection(); - selection.removeAllRanges(); - - var range = document.createRange(); - if (clickCtr === 0) { - var link = cdn.querySelectorAll('.token.attr-value')[1]; - range.setStart(link, 2); - range.setEnd(link, 3); - } else { - range.setStart(cdn, 1); - range.setEnd(cdn, 2); - } - - selection.addRange(range); - clickCtr = (clickCtr + 1) % 2; - }); - - // Prevent browser's selection handling - cdn.addEventListener('mouseup', function(ev) { - ev.preventDefault(); - }); - cdn.addEventListener('mousedown', function(ev) { - ev.preventDefault(); - }); - - document.addEventListener('mouseup', function() { - if (window.getSelection().toString().indexOf('.min.css') !== -1) { - ga('send', { - hitType: 'event', - eventCategory: 'customizer', - eventAction: 'copy', - eventLabel: mc.getSelectedPrimary() + '-' + mc.getSelectedSecondary() - }); - } - }); - - // Download template - var req = new XMLHttpRequest(); - req.onload = function() { - mc.template = this.responseText; - mc.highlightField('Indigo'); - mc.highlightField('Pink'); - window.requestAnimationFrame(function() { - mc.updateCDN(); - mc.updateStylesheet(); - }); - }; - req.open('get', '../material.min.css.template', true); - req.send(); -} - -MaterialCustomizer = (function() { - 'use strict'; - - var COLORS = ['Cyan', 'Teal', 'Green', 'Light Green', 'Lime', - 'Yellow', 'Amber', 'Orange', 'Brown', 'Blue Grey', - 'Grey', 'Deep Orange', 'Red', 'Pink', 'Purple', - 'Deep Purple', 'Indigo', 'Blue', 'Light Blue']; - var FORBIDDEN_ACCENTS = ['Blue Grey', 'Brown', 'Grey']; - var MD_COLORS = ['Red', 'Pink', 'Purple', 'Deep Purple', 'Indigo', - 'Blue', 'Light Blue', 'Cyan', 'Teal', 'Green', - 'Light Green', 'Lime', 'Yellow', 'Amber', 'Orange', - 'Deep Orange', 'Brown', 'Grey', 'Blue Grey']; - var MD_SHADES = ['50', '100', '200', '300', '400', - '500', '600', '700', '800', '900', - 'A100', 'A200', 'A400', 'A700']; - var MD_PALETTE = [ - ['255,235,238', '255,205,210', '239,154,154', '229,115,115', '239,83,80', - '244,67,54', '229,57,53', '211,47,47', '198,40,40', '183,28,28', - '255,138,128', '255,82,82', '255,23,68', '213,0,0'], - ['252,228,236', '248,187,208', '244,143,177', '240,98,146', '236,64,122', - '233,30,99', '216,27,96', '194,24,91', '173,20,87', '136,14,79', - '255,128,171', '255,64,129', '245,0,87', '197,17,98'], - ['243,229,245', '225,190,231', '206,147,216', '186,104,200', '171,71,188', - '156,39,176', '142,36,170', '123,31,162', '106,27,154', '74,20,140', - '234,128,252', '224,64,251', '213,0,249', '170,0,255'], - ['237,231,246', '209,196,233', '179,157,219', '149,117,205', '126,87,194', - '103,58,183', '94,53,177', '81,45,168', '69,39,160', '49,27,146', - '179,136,255', '124,77,255', '101,31,255', '98,0,234'], - ['232,234,246', '197,202,233', '159,168,218', '121,134,203', '92,107,192', - '63,81,181', '57,73,171', '48,63,159', '40,53,147', '26,35,126', - '140,158,255', '83,109,254', '61,90,254', '48,79,254'], - ['227,242,253', '187,222,251', '144,202,249', '100,181,246', '66,165,245', - '33,150,243', '30,136,229', '25,118,210', '21,101,192', '13,71,161', - '130,177,255', '68,138,255', '41,121,255', '41,98,255'], - ['225,245,254', '179,229,252', '129,212,250', '79,195,247', '41,182,246', - '3,169,244', '3,155,229', '2,136,209', '2,119,189', '1,87,155', - '128,216,255', '64,196,255', '0,176,255', '0,145,234'], - ['224,247,250', '178,235,242', '128,222,234', '77,208,225', '38,198,218', - '0,188,212', '0,172,193', '0,151,167', '0,131,143', '0,96,100', - '132,255,255', '24,255,255', '0,229,255', '0,184,212'], - ['224,242,241', '178,223,219', '128,203,196', '77,182,172', '38,166,154', - '0,150,136', '0,137,123', '0,121,107', '0,105,92', '0,77,64', - '167,255,235', '100,255,218', '29,233,182', '0,191,165'], - ['232,245,233', '200,230,201', '165,214,167', '129,199,132', '102,187,106', - '76,175,80', '67,160,71', '56,142,60', '46,125,50', '27,94,32', - '185,246,202', '105,240,174', '0,230,118', '0,200,83'], - ['241,248,233', '220,237,200', '197,225,165', '174,213,129', '156,204,101', - '139,195,74', '124,179,66', '104,159,56', '85,139,47', '51,105,30', - '204,255,144', '178,255,89', '118,255,3', '100,221,23'], - ['249,251,231', '240,244,195', '230,238,156', '220,231,117', '212,225,87', - '205,220,57', '192,202,51', '175,180,43', '158,157,36', '130,119,23', - '244,255,129', '238,255,65', '198,255,0', '174,234,0'], - ['255,253,231', '255,249,196', '255,245,157', '255,241,118', '255,238,88', - '255,235,59', '253,216,53', '251,192,45', '249,168,37', '245,127,23', - '255,255,141', '255,255,0', '255,234,0', '255,214,0'], - ['255,248,225', '255,236,179', '255,224,130', '255,213,79', '255,202,40', - '255,193,7', '255,179,0', '255,160,0', '255,143,0', '255,111,0', - '255,229,127', '255,215,64', '255,196,0', '255,171,0'], - ['255,243,224', '255,224,178', '255,204,128', '255,183,77', '255,167,38', - '255,152,0', '251,140,0', '245,124,0', '239,108,0', '230,81,0', - '255,209,128', '255,171,64', '255,145,0', '255,109,0'], - ['251,233,231', '255,204,188', '255,171,145', '255,138,101', '255,112,67', - '255,87,34', '244,81,30', '230,74,25', '216,67,21', '191,54,12', - '255,158,128', '255,110,64', '255,61,0', '221,44,0'], - ['239,235,233', '215,204,200', '188,170,164', '161,136,127', '141,110,99', - '121,85,72', '109,76,65', '93,64,55', '78,52,46', '62,39,35'], - ['250,250,250', '245,245,245', '238,238,238', '224,224,224', '189,189,189', - '158,158,158', '117,117,117', '97,97,97', '66,66,66', '33,33,33'], - ['236,239,241', '207,216,220', '176,190,197', '144,164,174', '120,144,156', - '96,125,139', '84,110,122', '69,90,100', '55,71,79', '38,50,56'] - ]; - - function parentWrapper(p) { - return p.parentElement || p.parentNode; - } - - var MaterialCustomizer = function(wheel, cdn) { - this.wheel = wheel; - this.cdn = cdn; - if (this.cdn) { - this.cdnTpl = cdn.textContent; - } - this.paletteIndices = MD_COLORS; - this.lightnessIndices = MD_SHADES; - this.palettes = MD_PALETTE; - - this.init_(); - }; - - MaterialCustomizer.prototype.init_ = function() { - this.config = { - width: 650, // width of the SVG panel - height: 650, // height of the SVG panel - r: 250, // radius of the wheel - ri: 100, // radius of the inner hole - hd: 40, // height of the dark section - c: 40, // Distance(center of selector circle, border of wheel) - mrs: 0.5, // Percent of available width to use as radius for selector circle - alphaIncr: 0.005, // Value to add to alpha to make tiles overlap slightly - colors: COLORS - }; - this.forbiddenAccents = FORBIDDEN_ACCENTS; - this.calculateValues_(); - - if (this.wheel) { - this.buildWheel_(); - } - - return; - }; - - MaterialCustomizer.prototype.calculateValues_ = function() { - var config = this.config; - // Calculated values - // Angle of each piece of the wheel - config.alphaDeg = 360.0 / config.colors.length; - config.alphaRad = config.alphaDeg * Math.PI / 180; - // Radius of selector circle - config.rs = (config.c + config.r) * Math.sin(config.alphaRad / 2); - config.rs *= config.mrs; - // Angle of selector cone - config.selectorAlphaRad = Math.atan(config.rs / config.c) * 2; - // Angles of cone tangetial point - config.gamma1 = config.alphaRad / 2 - config.selectorAlphaRad / 2; - config.gamma2 = config.alphaRad / 2 + config.selectorAlphaRad / 2; - // Center of selector circle - config.cx = (config.c + config.r) * Math.sin(config.alphaRad) / 2; - config.cy = -(config.c + config.r) * (1 + Math.cos(config.alphaRad)) / 2; - - this.config = config; - }; - - MaterialCustomizer.prototype.buildWheel_ = function() { - var config = this.config; - var mainG = this.wheel.querySelector('g.wheel--maing'); - var wheelContainer = this.wheel.parentNode; - - this.wheel.setAttribute('viewBox', '0 0 ' + - this.config.width + ' ' + this.config.height); - this.wheel.setAttribute('preserveAspectRatio', 'xMidYMid meet'); - this.wheel.setAttribute('width', this.config.width); - this.wheel.setAttribute('height', this.config.height); - - var fieldTpl = this.generateFieldTemplate_(); - - var svgNS = 'http://www.w3.org/2000/svg'; - config.colors.forEach(function(color, idx) { - var field = fieldTpl.cloneNode(true); - var tooltip = document.createElement('div'); - - for (var i = 1; i <= 2; i++) { - var g = document.createElementNS(svgNS, 'g'); - var label = document.createElementNS(svgNS, 'text'); - label.setAttribute('class', 'label label--' + i); - label.setAttribute('transform', - 'rotate(' + (-config.alphaDeg * idx) + ')'); - label.setAttribute('dy', '0.5ex'); - label.textContent = '' + i; - g.appendChild(label); - g.setAttribute('transform', - 'translate(' + config.cx + ',' + config.cy + ')'); - field.appendChild(g); - } - field.setAttribute('data-color', color); - field.id = color; - field.querySelector('.polygons > *:nth-child(1)').style.fill = - 'rgb(' + this.getColor(color, '500') + ')'; - field.querySelector('.polygons > *:nth-child(2)').style.fill = - 'rgb(' + this.getColor(color, '700') + ')'; - field.querySelector('.polygons'). - addEventListener('click', this.fieldClicked_.bind(this)); - field.setAttribute('transform', 'rotate(' + config.alphaDeg * idx + ')'); - mainG.appendChild(field); - - tooltip.setAttribute('for', color); - tooltip.className = 'mdl-tooltip mdl-tooltip--large'; - tooltip.innerHTML = color; - wheelContainer.appendChild(tooltip); - }.bind(this)); - - mainG.setAttribute('transform', - 'translate(' + config.width / 2 + ',' + config.height / 2 + ')'); - - }; - - MaterialCustomizer.prototype.generateFieldTemplate_ = function() { - var svgNS = 'http://www.w3.org/2000/svg'; - var config = this.config; - var fieldTpl = document.createElementNS(svgNS, 'g'); - var polygons = document.createElementNS(svgNS, 'g'); - var lightField = document.createElementNS(svgNS, 'polygon'); - lightField.setAttribute('points', [ - [ - config.ri * Math.sin(config.alphaRad + config.alphaIncr), - -config.ri * Math.cos(config.alphaRad + config.alphaIncr) - ].join(','), - [ - config.r * Math.sin(config.alphaRad + config.alphaIncr), - -config.r * Math.cos(config.alphaRad + config.alphaIncr) - ].join(','), - [0, -config.r].join(','), - [0, -(config.ri + config.hd)].join(','), - ].join(' ')); - var darkField = document.createElementNS(svgNS, 'polygon'); - darkField.setAttribute('points', [ - [ - config.ri * Math.sin(config.alphaRad + config.alphaIncr), - -config.ri * Math.cos(config.alphaRad + config.alphaIncr) - ].join(','), - [ - (config.ri + config.hd) * Math.sin(config.alphaRad + config.alphaIncr), - -(config.ri + config.hd) * Math.cos(config.alphaRad + config.alphaIncr) - ].join(','), - [0, -(config.ri + config.hd)].join(','), - [0, -config.ri].join(','), - ].join(' ')); - polygons.appendChild(lightField); - polygons.appendChild(darkField); - polygons.setAttribute('class', 'polygons'); - fieldTpl.appendChild(polygons); - - var selector = document.createElementNS(svgNS, 'path'); - selector.setAttribute('class', 'selector'); - selector.setAttribute('d', - ' M ' + - (config.r * Math.sin(config.alphaRad) / 2) + - ' ' + - -(config.r * (1 + Math.cos(config.alphaRad)) / 2) + - ' L ' + - (config.cx - config.rs * Math.cos(config.gamma1)) + - ' ' + - (config.cy - config.rs * Math.sin(config.gamma1)) + - ' A ' + - config.rs + - ' ' + - config.rs + - ' ' + - config.alphaDeg + - ' 1 1 ' + - (config.cx + config.rs * Math.cos(config.gamma2)) + - ' ' + - (config.cy + config.rs * Math.sin(config.gamma2)) + - ' z ' - ); - fieldTpl.appendChild(selector); - - return fieldTpl; - }; - - MaterialCustomizer.prototype.getNumSelected = function() { - if (this.wheel.querySelector('.selected--2')) { - return 2; - } else if (this.wheel.querySelector('.selected--1')) { - return 1; - } - return 0; - }; - - MaterialCustomizer.prototype.fieldClicked_ = function (ev) { - var g = parentWrapper(parentWrapper(ev.target)); - var selectedColor = g.getAttribute('data-color'); - var numSelected = this.getNumSelected(); - // Ignore clicks on already selected fields - if ((g.getAttribute('class') || '').indexOf('selected--1') !== -1 && numSelected === 1) { - return; - } - - switch (numSelected) { - case 1: - if (this.forbiddenAccents.indexOf(selectedColor) !== -1) { - return; - } - this.highlightField(g.getAttribute('data-color')); - this.wheel.setAttribute('class', ''); - window.requestAnimationFrame(function() { - this.updateCDN(); - this.updateStylesheet(); - }.bind(this)); - break; - case 2: - Array.prototype.forEach.call( - this.wheel.querySelector('g.wheel--maing').childNodes, - function(f) { - f.setAttribute('class', ''); - f.querySelector('.polygons').setAttribute('filter', ''); - } - ); - /* falls through */ - case 0: - this.highlightField(g.getAttribute('data-color')); - window.requestAnimationFrame(function() { - this.wheel.setAttribute('class', 'hide-nonaccents'); - }.bind(this)); - break; - } - }; - - MaterialCustomizer.prototype.replaceDict = function(s, dict) { - for (var key in dict) { - s = s.replace(new RegExp(key, 'g'), dict[key]); - } - return s; - }; - - MaterialCustomizer.prototype.urlsafeName = function(s) { - return s.toLowerCase().replace(' ', '_'); - }; - - MaterialCustomizer.prototype.getSelectedPrimary = function() { - return this.wheel.querySelector('.selected--1') - .getAttribute('data-color'); - }; - - MaterialCustomizer.prototype.getSelectedSecondary = function() { - return this.wheel.querySelector('.selected--2') - .getAttribute('data-color'); - }; - - MaterialCustomizer.prototype.updateCDN = function() { - var primaryColor = this.getSelectedPrimary(); - var secondaryColor = this.getSelectedSecondary(); - - this.cdn.textContent = this.replaceDict(this.cdnTpl, { - '\\$primary': this.urlsafeName(primaryColor), - '\\$accent': this.urlsafeName(secondaryColor) - }); - Prism.highlightElement(this.cdn); - }; - - MaterialCustomizer.prototype.highlightField = function(color) { - var g = this.wheel.querySelector('[data-color="' + color + '"]'); - var parent = parentWrapper(g); - - // Make the current polygon the last child of its parent - // so shadows are visible. - parent.removeChild(g); - parent.appendChild(g); - - // We changed the DOM hierarchy, CSS animations might not show until - // DOM has updated internally. - g.setAttribute('class', 'selected selected--' + (this.getNumSelected() + 1)); - - var isIE = window.navigator.msPointerEnabled; - // FIXME: Shadows in IE10 don't disappear, for now they are disabled - if (!isIE) { - g.querySelector('.polygons') - .setAttribute('filter', 'url(#drop-shadow)'); - } - }; - - MaterialCustomizer.prototype.getColor = function(name, lightness) { - var r = this.palettes[this.paletteIndices.indexOf(name)]; - if (!r) { - return null; - } - return r[this.lightnessIndices.indexOf(lightness)]; - }; - - MaterialCustomizer.prototype.processTemplate = function(primaryColor, secondaryColor) { - var primary = this.getColor(primaryColor, '500'); - var primaryDark = this.getColor(primaryColor, '700'); - var accent = this.getColor(secondaryColor, 'A200'); - - return this.replaceDict(this.template, { - '\\$color-primary-dark': primaryDark, - '\\$color-primary-contrast': this.calculateTextColor(primary), - '\\$color-accent-contrast': this.calculateTextColor(accent), - '\\$color-primary': primary, - '\\$color-accent': accent - }); - }; - - MaterialCustomizer.prototype.calculateChannel = function(component) { - component = component / 255; - - return component < 0.03928 ? - component / 12.92 : Math.pow((component + 0.055) / 1.055, 2.4); - }; - - MaterialCustomizer.prototype.calculateLuminance = function(color) { - var components = color.split(','); - var red = this.calculateChannel(parseInt(components[0])); - var green = this.calculateChannel(parseInt(components[1])); - var blue = this.calculateChannel(parseInt(components[2])); - - return (0.2126 * red) + (0.7152 * green) + (0.0722 * blue); - }; - - MaterialCustomizer.prototype.calculateContrast = - function(background, foreground) { - var backLum = this.calculateLuminance(background) + 0.05; - var foreLum = this.calculateLuminance(foreground) + 0.05; - - return Math.max(backLum, foreLum) / Math.min(backLum, foreLum); - }; - - MaterialCustomizer.prototype.calculateTextColor = function(background) { - var minimumContrast = 3.1; - var light = '255,255,255'; - var dark = '66,66,66'; - - // Most colors will be dark, so check light text color first. - var whiteContrast = this.calculateContrast(background, light); - - if (whiteContrast >= minimumContrast) { - return light; - } else { - var blackContrast = this.calculateContrast(background, dark); - return blackContrast > whiteContrast ? dark : light; - } - }; - - MaterialCustomizer.prototype.replaceKeyword = function(str, key, val) { - return str.replace(new RegExp(key, 'g'), val); - }; - - MaterialCustomizer.prototype.updateStylesheet = function() { - var oldStyle = document.getElementById('main-stylesheet'); - var newStyle = document.createElement('style'); - newStyle.id = 'main-stylesheet'; - - var style = this.processTemplate( - this.getSelectedPrimary(), - this.getSelectedSecondary()); - if (oldStyle && oldStyle.parentNode) { - oldStyle.parentNode.removeChild(oldStyle); - } - newStyle.textContent = style; - document.head.appendChild(newStyle); - this.prepareDownload(style); - }; - - MaterialCustomizer.prototype.prepareDownload = function(content) { - var link = document.getElementById('download'); - var blob = new Blob([content], {type: 'text/css'}); - this.blob = blob; - var url = URL.createObjectURL(blob); - link.setAttribute('href', url); - link.setAttribute('download', 'material.min.css'); - }; - - return MaterialCustomizer; -})(); - -// For NodeJS usage -if (typeof module !== 'undefined') { - module.exports = MaterialCustomizer; -} diff --git a/docs/_assets/customizer.png b/docs/_assets/customizer.png deleted file mode 100644 index b17c3fa49..000000000 Binary files a/docs/_assets/customizer.png and /dev/null differ diff --git a/docs/_assets/demos/dog.png b/docs/_assets/demos/dog.png deleted file mode 100644 index 07743e51d..000000000 Binary files a/docs/_assets/demos/dog.png and /dev/null differ diff --git a/docs/_assets/demos/image_card.jpg b/docs/_assets/demos/image_card.jpg deleted file mode 100644 index 23a5822f6..000000000 Binary files a/docs/_assets/demos/image_card.jpg and /dev/null differ diff --git a/docs/_assets/demos/transparent.jpg b/docs/_assets/demos/transparent.jpg deleted file mode 100644 index 1364c2f89..000000000 Binary files a/docs/_assets/demos/transparent.jpg and /dev/null differ diff --git a/docs/_assets/demos/welcome_card.jpg b/docs/_assets/demos/welcome_card.jpg deleted file mode 100644 index af7f15f31..000000000 Binary files a/docs/_assets/demos/welcome_card.jpg and /dev/null differ diff --git a/docs/_assets/faq/subscribe-single-issue.png b/docs/_assets/faq/subscribe-single-issue.png deleted file mode 100644 index 275235012..000000000 Binary files a/docs/_assets/faq/subscribe-single-issue.png and /dev/null differ diff --git a/docs/_assets/favicon.png b/docs/_assets/favicon.png deleted file mode 100644 index 6ebb80943..000000000 Binary files a/docs/_assets/favicon.png and /dev/null differ diff --git a/docs/_assets/github_white_24.svg b/docs/_assets/github_white_24.svg deleted file mode 100644 index 14625a56e..000000000 --- a/docs/_assets/github_white_24.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - Shape - Created with Sketch. - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/google-services.png b/docs/_assets/google-services.png deleted file mode 100755 index 116579b77..000000000 Binary files a/docs/_assets/google-services.png and /dev/null differ diff --git a/docs/_assets/header.jpg b/docs/_assets/header.jpg deleted file mode 100644 index c84886759..000000000 Binary files a/docs/_assets/header.jpg and /dev/null differ diff --git a/docs/_assets/header_2x.jpg b/docs/_assets/header_2x.jpg deleted file mode 100644 index 335129eea..000000000 Binary files a/docs/_assets/header_2x.jpg and /dev/null differ diff --git a/docs/_assets/icons.svg b/docs/_assets/icons.svg deleted file mode 100644 index 6348ae44b..000000000 --- a/docs/_assets/icons.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - Shape - Created with Sketch. - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/ie.css b/docs/_assets/ie.css deleted file mode 100644 index caad6ea9e..000000000 --- a/docs/_assets/ie.css +++ /dev/null @@ -1,26 +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. - */ - - /* Header navigation fix to ensure display */ - .docs-layout .docs-layout-header.mdl-layout__header { - display: block; - } - - body > div.mdl-layout__container > div > main > div > section.about-panel.about-panel--components.mdl-color-text--white.mdl-cell.mdl-cell--6-col, - body > div.mdl-layout__container > div > main > div > section.about-panel.about-panel--styles.mdl-color-text--white.mdl-cell.mdl-cell--6-col { - width: 50%; - float: left; - } diff --git a/docs/_assets/img-1.png b/docs/_assets/img-1.png deleted file mode 100755 index ae3a83829..000000000 Binary files a/docs/_assets/img-1.png and /dev/null differ diff --git a/docs/_assets/img-2.png b/docs/_assets/img-2.png deleted file mode 100755 index 1242e078a..000000000 Binary files a/docs/_assets/img-2.png and /dev/null differ diff --git a/docs/_assets/index.js b/docs/_assets/index.js deleted file mode 100644 index 6fa1519d7..000000000 --- a/docs/_assets/index.js +++ /dev/null @@ -1,24 +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() { - Array.prototype.forEach.call(document.querySelectorAll('[data-target]'), function(el) { - var target = el.getAttribute('data-target'); - el.addEventListener('click', function() { - location.href = target; - }); - }); -})(); diff --git a/docs/_assets/ios-desktop.png b/docs/_assets/ios-desktop.png deleted file mode 100644 index de5d8fa1a..000000000 Binary files a/docs/_assets/ios-desktop.png and /dev/null differ diff --git a/docs/_assets/logo.png b/docs/_assets/logo.png deleted file mode 100644 index 23fd0454e..000000000 Binary files a/docs/_assets/logo.png and /dev/null differ diff --git a/docs/_assets/logo.svg b/docs/_assets/logo.svg deleted file mode 100644 index 812961b88..000000000 --- a/docs/_assets/logo.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - Shape - Created with Sketch. - - - - - \ No newline at end of file diff --git a/docs/_assets/main.css b/docs/_assets/main.css deleted file mode 100644 index ff1c026ef..000000000 --- a/docs/_assets/main.css +++ /dev/null @@ -1,1350 +0,0 @@ -html > body { - font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important; - background-color: #FAFAFA; -} -.docs-layout .docs-layout-header.mdl-layout__header { - height: 560px; - max-height: 50%; - flex-shrink: 0; - background-size: auto; - background-repeat: no-repeat; - background-position: center center; - box-shadow: none !important; - align-items: flex-start; - padding: 40px; - flex-shrink: 0; - position: relative; - display: flex !important; -} -body.about .docs-layout.is-small-screen .docs-layout-header.mdl-layout__header { - height: 280px; -} -body.about .docs-layout.is-small-screen .docs-layout-header.mdl-layout__header { - background-size: auto 58px, cover; - background-repeat: no-repeat, no-repeat; - background-position: center center, center center; -} -.docs-layout-header .mdl-textfield { - padding-top: 0; -} -.docs-layout-header > .mdl-layout__header-row { - padding: 0px; - align-items: flex-start; - height: auto; -} -.docs-layout-header .docs-navigation .github, -.docs-layout-header .docs-navigation .download { - text-transform: none; -} -.docs-layout-title { - font-weight: 500; - text-transform: uppercase; - line-height: 1.5em; - font-size: 1rem; -} -.docs-layout .docs-layout-title a { - font-weight: inherit; - color: white; -} -.docs-layout-header .mdl-textfield .mdl-button { - right: 0; -} -.docs-layout-header .mdl-textfield .mdl-textfield__expandable-holder { - margin-right: 32px; -} -.docs-layout-header .mdl-textfield label:after { - background-color: rgba(255, 255, 255, 0.12); -} -.about .docs-layout-header.mdl-layout__header { - background-color: #37474f; - background: url('logo.svg'), url('header.jpg'); - background-size: auto 118px, cover; - background-repeat: no-repeat, no-repeat; - background-position: center center, center center; -} -@media (max-height: 600px){ - .about .docs-layout-header.mdl-layout__header { - background-size: auto 80px, cover; - } -} -body:not(.about) .docs-layout .docs-layout-header.mdl-layout__header { - background-repeat: no-repeat; - background-position: center center; -} -.templates .docs-layout-header.mdl-layout__header { - background-color: #263238; - background-image: url('templates.png'); - background-size: auto 29px; -} -.showcase .docs-layout-header.mdl-layout__header { - background-color: #3E82F7; - background-image: url('templates.png'); - background-size: auto 29px; -} -.started .docs-layout-header.mdl-layout__header, -.faq .docs-layout-header.mdl-layout__header { - background-color: #2E2E2E; - background-image: url('logo.png'); - background-size: auto 32px; -} -.components .docs-layout-header.mdl-layout__header { - background-color: #C2185B; - background-image: url('components.png'); - background-size: auto 34px; -} -.styles .docs-layout-header.mdl-layout__header { - background-color: #8E24AA; - background-image: url('styles.png'); - background-size: auto 41px; -} -.customize .docs-layout-header.mdl-layout__header { - background-color: #1A237E; - background-image: url('customize.png'); - background-size: auto 36px; -} -body:not(.about) .docs-layout .docs-layout-header.mdl-layout__header { - box-sizing: border-box; - height: 144px; - background-position: 40px 32px; -} -body:not(.about) .docs-layout-title { - display: none; -} -.docs-navigation__container { - overflow: hidden; - position: absolute; - height: 64px; - width: 100%; - bottom: 0; - left: 0; -} -.docs-navigation { - box-shadow: none !important; - border: 0 !important; - padding: 0 16px; - width: 100%; - height: 85px; - flex-shrink: 0; - padding-left: 24px; - overflow-x: auto; - overflow-y: hidden; - user-select: none; - margin-bottom: -16px; -} -.docs-layout.is-small-screen .docs-navigation { - padding: 0; -} -.docs-layout.is-small-screen .docs-navigation .mdl-navigation__link .material-icons { - display: none; -} -.docs-navigation::-webkit-scrollbar { - display: none; -} -body:not(.about) .docs-layout.is-small-screen .docs-layout-header { - background-image: none; -} -.docs-layout.mdl-layout.is-small-screen .docs-layout-header.mdl-layout__header { - padding: 0; - height: 64px; -} -.docs-layout.is-small-screen .docs-layout-header .docs-layout-title, -.docs-layout.is-small-screen .docs-layout-header .mdl-textfield { - display: none; -} -.docs-layout.is-small-screen .docs-navigation__container { - top: 0; - bottom: auto; - left: 48px; - width: calc(100% - 2 * 48px); - padding: 0 !important; -} -.docs-layout .scrollindicator { - position: absolute; - top: 0; - line-height: 64px; - height: 64px; - width: 48px; - display: none; - margin-right: 0; - text-align: center; - cursor: pointer; - user-select: none; -} -.docs-layout .scrollindicator.disabled { - opacity: 0.12; - cursor: default; -} -.docs-layout .scrollindicator.scrollindicator--right { - right: 0; -} -.docs-layout .scrollindicator.scrollindicator--left { - left: 0; -} -.docs-layout.is-small-screen .scrollindicator.scrollindicator.scrollindicator { - display: block; -} -.mdl-navigation__link--icon > span, .mdl-navigation__link--icon > .material-icons { - line-height: 64px; - margin-right: 8px; - line-height: inherit; -} -.docs-navigation .mdl-navigation__link { - display: flex; - flex-shrink: 0; - user-select: inherit; - height: 64px; -} -.docs-navigation .mdl-navigation__link:hover, -.docs-navigation .mdl-navigation__link.download:hover > span, -.docs-navigation .mdl-navigation__link.download:hover > .material-icons { - background-color: inherit; - opacity: 1 !important; -} -.docs-navigation .mdl-navigation__link:not(.download), -.docs-navigation .mdl-navigation__link.download > span, -.docs-navigation .mdl-navigation__link.download > .material-icons { - opacity: 0.65; -} -.docs-navigation .mdl-navigation__link, section.download { - font-weight: 500; - font-size: 13px; - text-transform: uppercase; - line-height: 64px; - padding: 0 16px; - color: white; - box-sizing: border-box; - border-bottom: 3px solid transparent; -} -.docs-layout.is-small-screen .docs-navigation .mdl-navigation__link, -.docs-layouy.is-small-screen section.download { - padding: 0 12px; -} -.about .docs-layout:not(.is-small-screen) .mdl-navigation__link.download > .material-icons { - display: none; -} -.about .docs-layout.is-small-screen .mdl-navigation__link.download > button, -body:not(.about) .mdl-navigation__link.download > button { - display: none; -} -.docs-navigation .download button .material-icons { - color: black; - opacity: 0.54; -} -.about .docs-navigation .about, -.templates .docs-navigation .templates, -.showcase .docs-navigation .showcase, -.started .docs-navigation .started, -.styles .docs-navigation .styles, -.components .docs-navigation .components, -.faq .docs-navigation .faq, -.customize .docs-navigation .customize { - opacity: 1; - border-bottom-color: #18FFFF; -} -.mdl-layout__content.docs-layout-content { - overflow: visible; -} -.docs-layout-content > .download { - width: 100%; - height: 6rem; - display: flex; - justify-content: center; - align-items: center; -} -.docs-layout-content > .download > a { - font-weight: 500; - text-transform: uppercase; -} -.docs-footer.mdl-mini-footer { - flex-direction: column; - align-items: stretch; - justify-content: center; - height: 120px; -} -.docs-footer.mdl-mini-footer ul { - padding: 0; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; -} -.docs-footer.mdl-mini-footer ul > li > a { - margin: 0 8px; - font-weight: 400; - font-size: 12px; -} - -.docs-footer .docs-link-list li { - margin-left: 0.5em; - margin-right: 0.5em; -} - -.about-panel { - box-sizing: border-box; - width: 100%; - flex-grow: 1; -} -.about-panel--text { - padding: 100px; -} -.about-panel--text p { - width: 640px; - margin: 0 auto; - line-height: 2em; -} -.about-panel--text dl { - width: 100%; - display: flex; - flex-direction: row; - justify-content: center; - align-items: stretch; -} -.about-panel--text dl dt { - text-align: right; - vertical-align: top; - display: inline-table; - margin-right: 24px; - line-height: 2em; -} -.about-panel--text dl dd { - text-align: left; - line-height: 2em; - vertical-align: top; - width: 700px; - margin: 0; - margin-left: 24px; -} -.docs-layout.is-small-screen .about-panel { - padding: 40px; -} -.docs-layout.is-small-screen .about-panel--text:not(:first-of-type) { - display: none; -} -.docs-layout.is-small-screen .about-panel--text dl { - flex-direction: column; -} -.docs-layout.is-small-screen .about-panel--text dd, -.docs-layout.is-small-screen .about-panel--text dt { - margin: 0; - padding: 0; - text-align: left; - width: 100%; -} -.about-panel--components, -.about-panel--styles, -.about-panel--customize, -.about-panel--templates { - height: 500px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-end; - padding: 40px; - color: white; - text-transform: uppercase; - font-size: 1.4rem; - width: auto; - background-repeat: no-repeat; - background-position: center center; - cursor: pointer; -} -.docs-layout-content .about-panel--start > p { - color: rgb(66,66,66); - text-transform: uppercase; - font-size: 1.6rem; - margin-top: 20px; - margin-bottom: 0px; -} -.about-panel--templates { - background-color: #B3E0E1; - background-image: url(templates.svg); - background-size: 287px auto; -} -.about-panel--templates:hover { - background-image: url(templates_mo.svg); -} -.about-panel--components { - background-color: #E90974; - background-image: url(components.svg); - background-size: 174px auto; -} -.about-panel--components:hover { - background-image: url(components_mo.svg); -} -.about-panel--styles { - background-color: #8F4099; - background-image: url(styles.svg); - background-size: 252px auto; -} -.about-panel--styles:hover { - background-image: url(styles_mo.svg); - background-size: 331px auto; - background-position-x: calc(50% + 40px); -} -.about-panel--customize { - height: 400px; - background-color: #191E80; - background-image: url(customize.svg); - background-size: 156px auto; -} -.about-panel--customize:hover { - background-image: url(customize_mo.svg); -} - -.image-preloader { - position: fixed; - visibility: hidden; - width: 0px; - height: 0px; - top: -100px; - left: -100px; - background-image: url(templates_mo.svg), url(components_mo.svg), url(styles_mo.svg), url(customize_mo.svg); -} -.templates .content { - padding-left: 24px !important; - max-width: 960px; -} -.templates .docs-layout-content .content { - padding: 40px 0; -} -.templates .docs-layout .template { - margin-left: -16px; -} - -.showcase .content { - padding-left: 24px !important; - max-width: 960px; -} -.showcase .docs-layout-content .content { - padding: 40px 0; -} -.showcase .docs-layout .template { - margin-left: -16px; -} -.template { - width: 100%; - margin-bottom: 72px; - align-items: flex-start; -} -.template > .template__meta { - align-content: flex-start; - padding-left: 24px; -} -.templates .docs-layout.is-small-screen .template > .template__meta { - padding-left: 0; -} -.showcase .docs-layout.is-small-screen .template > .template__meta { - padding-left: 0; -} -.template > .template__meta.template__meta > * { - margin-bottom: 24px; -} -.template > .template__meta > *:last-child { - margin-bottom: 0px; -} -.template > .template__meta a { - color:inherit; - margin-left: -8px !important; -} -.template > .template__preview { - height: auto; -} -.docs-layout-content dd { - font-size: 13px; -} -.docs-layout-content p { - font-size: 13px; - margin-bottom: 32px; - max-width: 640px; - - /* Override */ - font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; -} -.docs-text-styling ol li { - font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; -} - -.docs-text-styling h1 { - color: #c2185b; - font-size: 2.5em; - margin: .67em 0; -} - - -.docs-text-styling h2 { - padding-top: 48px; - font-size: 24px; - font-weight: 400; - line-height: 32px; - margin-bottom: 30px; - color: #c2185b; -} - -.docs-text-styling h1, -.docs-text-styling h2, -.docs-text-styling h3, -.docs-text-styling h4 { - font-size: 16px; - color: rgba(0, 0, 0, 0.54); - font-weight: 500; - text-transform: uppercase; -} -.docs-layout-content h2.mdl-card__title-text { - padding-top: 0; - margin-bottom: 0; -} - -.docs-text-styling a { - text-decoration: none; -} - -.docs-layout-content .mdl-download { - color: #000; - font-weight: normal; -} - -.docs-layout-title a { - color: inherit; - text-decoration: none; -} - -.component-description { - max-width: 720px; - padding: 40px; -} -.component-description .mdl-button:first-of-type { - margin-top: 8px; -} -.docs-footer.mdl-mini-footer .mdl-mini-footer--social-btn { - background-color: transparent; - margin: 0 16px; - width: 24px; - height: 24px; -} -.docs-footer.mdl-mini-footer .social-btn { - display: block; - background-position: center; - background-size: contain; - background-repeat: no-repeat; - width: 24px; - height: 24px; - cursor: pointer; -} -.social-btn__twitter { - background-image: url('https://www.gstatic.com/images/icons/material/system/2x/post_twitter_white_24dp.png'); -} -.social-btn__github { - background-image: url('github_white_24.svg'); - width: 22px; - height: 22px; -} -.social-btn__gplus { - background-image: url('https://www.gstatic.com/images/icons/material/system/2x/post_gplus_white_24dp.png'); -} -.subpageheader { - margin-top: 60px; - margin-bottom: 40px; - display: flex; - color: rgba(0, 0, 0, .54); - align-items: center; - flex-shrink: 0; - text-transform: uppercase; - font-size: 16px; - font-weight: 500; -} -.about .subpageheader, -.components .subpageheader { - display: none; -} -.started .subpageheader, -.customize .subpageheader, -.styles .subpageheader, -.faq .subpageheader, -.templates .subpageheader, -.showcase .subpageheader { - width: 960px; - margin: 40px auto; -} -/* Components Snippets */ -.snippet-group { - margin-left: -16px; - margin-right: -16px; - margin-bottom: 84px; -} -.snippet-group .snippet-header { - display: table; - border-collapse:collapse; - border-spacing: 0; - width: 100%; -} -.snippet-group .snippet-demos, -.snippet-group .snippet-captions { - display: table-row; -} -.snippet-group .snippet-demo .snippet-demo-container { - text-align: left; - display: inline-block; -} -.snippet-group .snippet-captions { - background-color: white; - height: 48px; -} -.snippet-group .snippet-demo, -.snippet-group .snippet-demo-padding, -.snippet-group .snippet-caption, -.snippet-group .snippet-caption-padding { - display: table-cell; - text-align: center; - vertical-align: middle; - margin: 0; - padding: 0; -} - -.snippet-group .snippet-caption { - font-size: 13px; - padding: 0px 40px; - white-space: nowrap; - text-align: center; - position: relative; -} - -.snippet-group .snippet-demo { - padding: 0px 40px 40px 40px; -} -.snippet-group .snippet-demos .snippet-demo-padding { - width: 50%; -} -_:-ms-input-placeholder, :root .snippet-group .snippet-demo { - width: 1px; -} -_:-ms-input-placeholder, :root .snippet-group .snippet-demos .snippet-demo-padding { - width: auto; -} -.snippet-group .snippet-code { - position: relative; - overflow: hidden; -} -.snippet-group .snippet-code pre { - margin: 0; - border-radius: 0; - display: block; - padding: 0; - overflow: hidden; -} -.snippet-group .snippet-code code { - padding: 8px 16px; - position: relative; - max-height: none; - width: 100%; - box-sizing: border-box; -} -.snippet-group .snippet-code pre[class*=language-]>code[data-language] { - max-height: none; -} -.snippet-group .snippet-code code:first-of-type { - padding-top: 16px; -} -.snippet-group .snippet-code code:last-of-type { - padding-bottom: 16px; -} -.snippet-group .snippet-code code:hover { - background-color: rgba(0,0,0,0.05); -} -.snippet-group .snippet-code code:hover:only-of-type { - background-color: transparent; -} -.snippet-group .snippet-code code::before, -.snippet-group .snippet-code code::after { - display: none; -} -.snippet-group .snippet-code code:hover::before { - display: inline-block; - content: 'click to copy'; - color: rgba(0,0,0,0.5); - font-size: 13px; - background-color: rgba(0,0,0,0.1); - border-top-left-radius: 5px; - position: absolute; - right: 0; - bottom: 0; - padding: 3px 10px; -} -.snippet-group .snippet-code code:active::before { - content: ''; -} -.snippet-group .snippet-code code.copied::before { - content: 'copied'; - color: rgba(255,255,255,0.5); - background-color: rgba(0,0,0,0.6); -} -.snippet-group .snippet-code code.nosupport::before { - content: "browser not supported :'("; - color: rgba(255,255,255,0.5); - background-color: rgba(0,0,0,0.6); -} -.snippet-group .snippet-code .codepen-extra-css { - display:none; -} -@media (max-width: 850px) { - .snippet-group .snippet-demo { - padding-left: 5px; - padding-right: 5px; - } -} -.snippet-group.is-full-width .snippet-demo-container { - width: 100%; -} -.snippet-group.is-full-width .snippet-demos > .snippet-demo { - width: 100%; - padding-left: 0; - padding-right: 0; -} -.snippet-group.is-full-width .snippet-demo-padding { - width: 0; - padding: 8px; - margin: 0; -} -/* Open with CodePen Button */ -.codepen-button { - z-index: 50; - cursor: pointer; - background-image: url('codepen-logo.png'); - background-repeat: no-repeat; - background-position: 5px center; - background-size: 26px 26px; - position: absolute; - top: 0; - right: -125px; - width: 165px; - height: 46px; - display: none; - opacity: 0.6; - overflow: hidden; - box-sizing: border-box; - white-space: nowrap; - color: black; - padding: 13px 15px 5px 50px; - transition: right 0.5s, background-color 0.5s, opacity 0.5s, background-size 0.3s; -} -.codepen-button::after { - content: 'Open in CodePen'; -} -.codepen-button:hover { - opacity: 1; - right: 0; - background-size: 36px 36px; - background-color: rgb(248,248,248); - border-bottom-left-radius: 10px; -} -.docs-layout .docs-text-styling pre[class*=language-markup] { - max-width: calc(100vw - 32px); -} -.docs-layout pre[class*=language-markup] { - max-width: 100vw; - box-sizing: border-box; - overflow: hidden; -} -.docs-layout pre[class*=language-markup].codepen-button-enabled { - padding-right: 0; -} -.docs-layout pre[class*=language-markup].codepen-button-enabled code { - padding-right: 50px; -} -.codepen-button-enabled .codepen-button { - display: inline-block; -} -/* Prism and code blocks styling and overrides */ -.token.attr-name, .token.builtin, .token.selector, .token.string { - color: #E91E63; -} -.token.boolean, .token.constant, .token.number, .token.property, .token.symbol, .token.tag { - color: #9D1DB3; -} -.token.atrule, .token.attr-value, .token.keyword { - color: #00BCD4; -} -.docs-layout code, -.docs-layout pre { - display: inline-block; - background-color: rgba(0,0,0,0.06); - border-radius: 3px; - font-size: 85%; - white-space: pre-wrap; -} -.docs-layout pre { - padding: 16px; - font-size: 87%; - box-sizing: border-box; -} -.docs-layout code:before, -.docs-layout code:after { - letter-spacing: -0.2em; - content: "\00a0"; -} -.docs-layout pre > code:before, -.docs-layout pre > code:after { - letter-spacing: 0; - content: ""; -} -.docs-layout pre > code { - background-color: rgba(0,0,0,0); - padding: 0px; - font-size: 100%; - width: 100%; - box-sizing: border-box; - word-break: break-word; -} -.docs-layout pre[class*=language-]>code[data-language] { - overflow: hidden; -} -pre[class*=language-]>code[data-language]::before { - content: ""; - background: none; -} -.token.cr:before, -.token.lf:before { - display: none; -} -.language-css .token.string, -.style .token.string, -.token.entity, -.token.operator, -.token.url, -.token.variable { - color: #9D1DB3; - background: none; -} -code[class*=language-], pre[class*=language-] { - color: rgba(0,0,0,0.87); - text-shadow: none; -} -.token.function { - color: #009688; -} -.code-with-text { - position: relative; - width: auto; - display: block; - border-spacing: 0; - border-collapse: collapse; - background-color: white; - padding: 15px; - border-radius: 3px; - font-size: 13px; -} -.code-with-text pre { - margin: 15px -15px -15px -15px; - border-top-left-radius: 0; - border-top-right-radius: 0; - display: block; - width: auto; -} -/* Table of content widget */ -.docs-toc ul { - border-left: solid 3px #C0EbF1; - padding-left: 20px; - line-height: 28px; -} -.docs-toc a { - font-weight: 400; - color: #00BCD4; -} -.docs-toc li { - font-size: 16px; - list-style: none; -} -/* Getting started guide */ -.started .mdl-tabs__tab-bar { - justify-content: flex-start; - border-bottom: 0; -} -.started .download-button-container { - text-align: center; - margin-bottom: 20px; -} -.started .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { - color: #00ACC1; -} -.started .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { - background-color: #00ACC1; -} -.started .docs-layout-content { - text-align: center; -} -.started .chapter-toc { - display: table; -} -.started .code-with-text { - width: 640px; - box-sizing: border-box; -} -.started .docs-layout .content section { - max-width: 960px; - margin: 0 auto; -} -.started a, -.about a, -.faq a, -.customize a { - color: #00BCD4; -} -.customize .docs-layout .content { - max-width: 960px; - margin: 0 auto; - display: block; - margin-bottom: 120px; - padding: 40px; -} -.started .content h3, -.started .content h4 { - display: table-cell; - font-size: 15px; - padding-right: 60px; - line-height: 25px; - text-transform: none; -} -.started .content h3 { - width: 140px; -} -.started .content section { - margin-bottom: 30px; -} -.started .section-content { - display: table-cell; -} -.started .content, -.styles .content, -.faq .content { - padding: 40px; - display: inline-block; - text-align: left; - width: 100%; - box-sizing: border-box; -} -.docs-layout ul { - list-style-type: none; -} -.docs-layout li { - position: relative; -} -.styles .content li:before, -.docs-readme .content li:before { - position: absolute; - top: 2px; - left: -28px; - content: '•'; - font-size: 32px; -} -.started .content p { - margin-top: 10px; - margin-bottom: 15px; -} -.started .mdl-tabs { - margin-bottom: 22px; -} -.started .content .mdl-tabs__panel { - padding-top: 10px; -} -.started .caption { - font-size: 13px; - max-width: 640px; - box-sizing: border-box; - margin-top: 15px; - padding: 15px; - background-color: rgb(255, 255, 255); - border-radius: 3px; -} -.started .caption h4 { - font-size: 13px; - font-weight: normal; - font-style: italic; - margin-top: 0; -} -.started .use-components pre { - margin-top: 0; -} -.started .component-example { - margin: 30px 0; -} -.started ol { - padding-left: 18px; - font-size: 13px; - max-width: 640px; - box-sizing: border-box; -} -.started pre { - width: 640px; - box-sizing: border-box; - position: relative; -} -.started .snippet-group { - max-width: 640px; - margin: 60px 0 40px 0; -} -@media (max-width: 850px) { - .started .chapter-toc { - display: block; - } - .started .content h3, - .started .content h4 { - display: block; - width: auto; - } - .started .section-content { - display: block; - } - .started pre { - width: auto; - margin-left: -40px; - margin-right: -40px; - padding: 15px 40px; - box-sizing: content-box; - display: block; - max-width: none; - } - .started .caption { - margin-left: -40px; - margin-right: -40px; - max-width: none; - box-sizing: content-box; - padding: 15px 40px; - } - .started .mdl-tabs__tab-bar { - margin-left: -40px; - margin-right: -40px; - justify-content: center; - } - .started .mdl-tabs__tab { - padding: 0 3%; - } - .started .content { - display: block; - } - .started .snippet-group { - margin-left: -40px; - margin-right: -40px; - max-width: none; - } - .started .snippet-group code { - padding-left: 40px; - padding-right: 40px; - } -} -/*Styles page*/ -.styles a { - color: #00BCD4; -} -.styles .styles__content h2 { - text-transform: none; -} -.styles .typo-styles { - margin-bottom: 40px; -} -.styles .typo-styles dt { - display: block; - float: left; - color: white; - background-color: rgba(0, 0, 0, 0.24); - width: 32px; - height: 32px; - border-radius: 16px; - line-height: 32px; - text-align: center; - font-weight: 500; - margin-top: 5px; -} -.styles .typo-styles dd { - display: block; - margin-left: 60px; - margin-bottom: 20px; -} -.styles .typo-styles .typo-styles__demo { - margin-bottom: 8px; -} -.styles .typo-styles .typo-styles__desc { - font-weight: 300; -} -.styles .typo-styles .typo-styles__desc .typo-styles__name { - margin-right: 8px; - font-weight: 400; -} -.styles .download-btn { - color: rgba(0, 0, 0, 0.54); - line-height: 20px; - display: flex; - font-weight: 300; - margin-bottom: 20px; -} -.styles .download-btn.download-btn--customizer .material-icons { - margin-top: -2px; -} -.styles .download-btn > * { - margin-right: 8px; -} -.styles .styles__ribbon { - background-color: #4A148C; - width: 100vw; - margin: 80px 0; - margin-left: -40px; - height: 320px; - display: flex; - flex-direction: row; - justify-content: center; - align-items: stretch; -} -.styles .styles__ribbon > .ribbon__imagecontainer { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -.styles .styles__ribbon > .ribbon__imagecontainer > .ribbon__image { - display: block; - margin-bottom: 48px; - border: 0; -} -.styles .styles__ribbon > .ribbon__imagecontainer > .ribbon__caption { - color: white; - text-transform: uppercase; - font-size: 16px; - font-weight: 500; - height: 24px; - line-height: 24px; - text-align: center; -} -.styles .styles__ribbon > .ribbon__imagecontainer > .ribbon__caption.ribbon__caption--split { - width: 100%; - text-align: left; -} -.styles .styles__ribbon > .ribbon__imagecontainer > .ribbon__caption > .material-icons { - height: 24px; - line-height: 24px; - vertical-align: middle; - margin-top: -1px; -} -.styles .styles__ribbon > .ribbon__imagecontainer > .ribbon__caption.ribbon__caption--split > .material-icons { - float: right; -} -.styles .content .docs-text-styling h3 { - text-transform: none; - margin: 0; - font-size: 14px; - font-weight: 700; -} -.styles .content .docs-text-styling p { - margin-top: 0; -} -.styles img.customizer { - max-width: 450px; -} -.styles .code-with-text { - margin-right: 40px; -} -.styles .docs-layout.is-small-screen .code-with-text pre[class*=language-markup]{ - width: 100vw; - max-width: none; -} -.styles .content ul, -.components .content ul { - font-size: 13px; -} -.styles .content li:before { - font-size: 16px; -} -.styles .content .mdl-cell.left-col { - padding-right: 40px; -} -.styles .content .mdl-cell.right-col { - margin-bottom: 40px; -} -.styles .code-with-text { - margin-bottom: 20px; -} -.styles .content .styles__content { - max-width: 960px; - margin: 0 auto; -} -.styles .styles__download { - display: flex; -} -.styles .styles__download a { - font-weight: 500; - margin-right: 16px; -} -.styles .styles__content a .customizer { - border: 0; -} - -@media (max-width: 850px) { - .started .docs-layout .docs-text-styling pre[class*=language-markup] { - max-width: none; - } - .docs-layout .code-with-text { - width: 100%; - margin-left: -40px; - margin-right: -40px; - padding: 15px 40px; - display: block; - box-sizing: content-box; - } - .docs-layout .code-with-text pre { - width: auto; - padding-left: 40px; - padding-right: 40px; - margin-left: -40px; - margin-right: -40px; - } -} -@media (-webkit-min-device-pixel-ratio: 2), /* Webkit-based browsers */ - (min--moz-device-pixel-ratio: 2), /* Older Firefox browsers (prior to Firefox 16) */ - (min-resolution: 2dppx), /* The standard way */ - (min-resolution: 192dpi) /* dppx fallback */ { - .social-btn__twitter { - background-image: url('https://www.gstatic.com/images/icons/material/system/2x/post_twitter_white_24dp.png'); - } - .social-btn__gplus { - background-image: url('https://www.gstatic.com/images/icons/material/system/2x/post_gplus_white_24dp.png'); - } - .templates .docs-layout-header { - background-image: url('templates_2x.png'); - } - .showcase .docs-layout-header { - background-image: url('templates_2x.png'); - } - .components .docs-layout-header { - background-image: url('components_2x.png'); - } - .styles .docs-layout-header { - background-image: url('styles_2x.png'); - } - .customize .docs-layout-header { - background-image: url('customize_2x.png'); - } - .about .docs-layout-header { - background: url('logo.svg'), url('header_2x.jpg'); - background-size: auto 30%, cover; - background-repeat: no-repeat, no-repeat; - background-position: center center, center center; - } -} -.docs-navigation .spacer { - flex-grow: 1; -} -.components .docs-layout.is-small-screen .docs-text-styling pre { - margin: 0 -16px; - width: 100vw; - max-width: 640px; -} -.docs-text-styling p { - margin-top: 16px; - margin-bottom: 16px; -} -.components .content blockquote { - font-size: 13px; - max-width: 640px; - box-sizing: border-box; - margin-top: 15px; - padding: 15px; - background-color: rgb(255, 255, 255); - border-radius: 3px; - margin-left: 0; -} -.components .content blockquote:before, -.components .content blockquote:after { - display: none; -} -/* .started .caption h4 { - font-size: 13px; - font-weight: normal; - font-style: italic; - margin-top: 0; -} - */ - -/* faq */ -.faq .docs-text-styling > section { - max-width: 960px; - margin: 0 auto; -} -.faq img { - max-width: 100%; -} -.faq .mdl-tabs__tab-bar { - justify-content: flex-start; - border-bottom: 0; -} -.faq .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { - color: #00ACC1; -} -.faq .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { - background-color: #00ACC1; -} -.faq .docs-layout-content { - text-align: center; -} -.faq .chapter-toc { - display: table; -} -.faq .content h3 { - display: table-cell; - width: 140px; - font-size: 15px; - font-weight: bold; - padding-right: 60px; - line-height: 25px; -} -.faq .content section { - margin-bottom: 30px; -} -.faq .section-content { - display: table-cell; -} -.faq .content p { - margin-top: 10px; - margin-bottom: 15px; -} -.faq .mdl-tabs { - margin-bottom: 22px; -} -.faq .content h4 { - font-size: 15px; - font-weight: bold; - margin-bottom: 5px; - margin-top: 20px; -} -.faq .content .mdl-tabs__panel { - padding-top: 10px; -} -.faq .docs-layout.is-small-screen .docs-toc > * { - display: block; -} -.faq .caption { - font-size: 13px; - max-width: 640px; - box-sizing: border-box; - margin-top: 15px; - padding: 15px; - background-color: rgb(255, 255, 255); - border-radius: 3px; -} -.faq .caption h4 { - font-size: 13px; - font-weight: normal; - font-style: italic; - margin-top: 0; -} -.faq ol { - padding-left: 18px; - font-size: 13px; - max-width: 640px; - box-sizing: border-box; -} -.faq pre { - width: 640px; - box-sizing: border-box; - word-wrap: break-word; -} -.faq .snippet-group { - max-width: 640px; - margin: 60px 0 40px 0; -} diff --git a/docs/_assets/main.js b/docs/_assets/main.js deleted file mode 100644 index 62fdddff7..000000000 --- a/docs/_assets/main.js +++ /dev/null @@ -1,77 +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. - */ - -/*global MaterialCustomizer:true,Prism:true,ga:true*/ - -// Navbar scroll buttons -(function() { - 'use strict'; - - var rightScroll = document.querySelector('.scrollindicator.scrollindicator--right'); - var leftScroll = document.querySelector('.scrollindicator.scrollindicator--left'); - var menuBar = document.querySelector('.docs-navigation'); - var delta = 40; - - function updateScrollIndicator() { - leftScroll.classList.remove('disabled'); - rightScroll.classList.remove('disabled'); - if (menuBar.scrollLeft <= 0) { - leftScroll.classList.add('disabled'); - } - // 5px tolerance because browsers! - if (menuBar.scrollLeft + menuBar.clientWidth + 5 >= menuBar.scrollWidth) { - rightScroll.classList.add('disabled'); - } - } - menuBar.addEventListener('scroll', updateScrollIndicator); - updateScrollIndicator(); - - function scrollMenuBar(delta) { - menuBar.scrollLeft += delta; - } - - rightScroll.addEventListener('click', scrollMenuBar.bind(null, delta)); - rightScroll.addEventListener('tap', scrollMenuBar.bind(null, delta)); - leftScroll.addEventListener('click', scrollMenuBar.bind(null, -delta)); - leftScroll.addEventListener('tap', scrollMenuBar.bind(null, -delta)); -})(); - -(function() { - 'use strict'; - - var downloadButton = document.querySelector('.download-button-container'); - if (downloadButton) { - downloadButton.addEventListener('click', function() { - ga('send', { - hitType: 'event', - eventCategory: 'click', - eventAction: 'mdl-download' - }); - }); - } - -})(); - -// Disable empty links in demo's to prevent refresh page -(function () { - 'use strict'; - var emptyLinks = document.querySelectorAll('[href=""]'); - Array.prototype.forEach.call(emptyLinks, function(link) { - link.addEventListener('click', function (event){ - event.preventDefault(); - }); - }); -})(); \ No newline at end of file diff --git a/docs/_assets/mo.svg b/docs/_assets/mo.svg deleted file mode 100644 index bf26f8966..000000000 --- a/docs/_assets/mo.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - mo - Created with Sketch. - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/rich-media-gallery.png b/docs/_assets/rich-media-gallery.png deleted file mode 100755 index 92266c164..000000000 Binary files a/docs/_assets/rich-media-gallery.png and /dev/null differ diff --git a/docs/_assets/shapes.svg b/docs/_assets/shapes.svg deleted file mode 100644 index e78fec291..000000000 --- a/docs/_assets/shapes.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - 03 - Created with Sketch. - - - - - \ No newline at end of file diff --git a/docs/_assets/showcase/contributor.jpg b/docs/_assets/showcase/contributor.jpg deleted file mode 100644 index 43c6bc25b..000000000 Binary files a/docs/_assets/showcase/contributor.jpg and /dev/null differ diff --git a/docs/_assets/showcase/contributor_2x.jpg b/docs/_assets/showcase/contributor_2x.jpg deleted file mode 100644 index 5b8ea9a0a..000000000 Binary files a/docs/_assets/showcase/contributor_2x.jpg and /dev/null differ diff --git a/docs/_assets/showcase/developers.jpg b/docs/_assets/showcase/developers.jpg deleted file mode 100644 index 3421956ae..000000000 Binary files a/docs/_assets/showcase/developers.jpg and /dev/null differ diff --git a/docs/_assets/showcase/developers_2x.jpg b/docs/_assets/showcase/developers_2x.jpg deleted file mode 100644 index 03d3ff754..000000000 Binary files a/docs/_assets/showcase/developers_2x.jpg and /dev/null differ diff --git a/docs/_assets/showcase/rework.jpg b/docs/_assets/showcase/rework.jpg deleted file mode 100644 index 01cc55b4e..000000000 Binary files a/docs/_assets/showcase/rework.jpg and /dev/null differ diff --git a/docs/_assets/showcase/rework_2x.jpg b/docs/_assets/showcase/rework_2x.jpg deleted file mode 100644 index 9b9c1f6d4..000000000 Binary files a/docs/_assets/showcase/rework_2x.jpg and /dev/null differ diff --git a/docs/_assets/showcase/sunroof.jpg b/docs/_assets/showcase/sunroof.jpg deleted file mode 100644 index ceb2b2289..000000000 Binary files a/docs/_assets/showcase/sunroof.jpg and /dev/null differ diff --git a/docs/_assets/showcase/sunroof_2x.jpg b/docs/_assets/showcase/sunroof_2x.jpg deleted file mode 100644 index a6f4ec2d2..000000000 Binary files a/docs/_assets/showcase/sunroof_2x.jpg and /dev/null differ diff --git a/docs/_assets/showcase/wallet.jpg b/docs/_assets/showcase/wallet.jpg deleted file mode 100644 index 7a9a6c476..000000000 Binary files a/docs/_assets/showcase/wallet.jpg and /dev/null differ diff --git a/docs/_assets/showcase/wallet_2x.jpg b/docs/_assets/showcase/wallet_2x.jpg deleted file mode 100644 index f4c455634..000000000 Binary files a/docs/_assets/showcase/wallet_2x.jpg and /dev/null differ diff --git a/docs/_assets/showcase/work_partners.jpg b/docs/_assets/showcase/work_partners.jpg deleted file mode 100644 index e765169b4..000000000 Binary files a/docs/_assets/showcase/work_partners.jpg and /dev/null differ diff --git a/docs/_assets/showcase/work_partners_2x.jpg b/docs/_assets/showcase/work_partners_2x.jpg deleted file mode 100644 index afc515bb0..000000000 Binary files a/docs/_assets/showcase/work_partners_2x.jpg and /dev/null differ diff --git a/docs/_assets/sliders_degradation.png b/docs/_assets/sliders_degradation.png deleted file mode 100644 index c64beac37..000000000 Binary files a/docs/_assets/sliders_degradation.png and /dev/null differ diff --git a/docs/_assets/snippets.js b/docs/_assets/snippets.js deleted file mode 100644 index a518c0a57..000000000 --- a/docs/_assets/snippets.js +++ /dev/null @@ -1,115 +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 MaterialComponentsSnippets() { - 'use strict'; - - // Find all code snippets. - this.snippets = document.querySelectorAll('code.language-markup'); - this.init(); -} - -/** - * Initializes the MaterialComponentsSnippets components. - */ -MaterialComponentsSnippets.prototype.init = function() { - 'use strict'; - - [].slice.call(this.snippets).forEach(function(snippet) { - snippet.addEventListener('click', this.onMouseClickHandler(snippet)); - snippet.addEventListener('mouseout', this.onMouseOutHandler(snippet)); - }, this); -}; - -/** - * 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 - */ -MaterialComponentsSnippets.prototype.CssClasses_ = { - COPIED: 'copied', - NOT_SUPPORTED: 'nosupport' -}; - -/** - * Copies content of a element into the system clipboard. - * Not all browsers may be supported. See the following for details: - * http://caniuse.com/clipboard - * https://developers.google.com/web/updates/2015/04/cut-and-copy-commands - * @param {HTMLElement} snippet The element containing the snippet code - * @return {bool} whether the copy operation is succeeded - */ -MaterialComponentsSnippets.prototype.copyToClipboard = function(snippet) { - 'use strict'; - - var sel = window.getSelection(); - var snipRange = document.createRange(); - snipRange.selectNodeContents(snippet); - sel.removeAllRanges(); - sel.addRange(snipRange); - var res = false; - try { - res = document.execCommand('copy'); - } catch (err) { - // copy command is not available - console.error(err); - } - sel.removeAllRanges(); - return res; -}; - -/** - * Returns a mouseClickHandler for a snippet element. - * @param {HTMLElement} snippet The element containing the snippet code - * @return {function} the click handler - */ -MaterialComponentsSnippets.prototype.onMouseClickHandler = function(snippet) { - 'use strict'; - - return function() { - if (window.getSelection().toString().length > 0) { - // user has selected some text manually - // don't do anything - return; - } - var cls = this.CssClasses_.COPIED; - if (!this.copyToClipboard(snippet)) { - cls = this.CssClasses_.NOT_SUPPORTED; - } - snippet.classList.add(cls); - }.bind(this); -}; - -/** - * Returns a mouseOutHandler for a snippet element. - * @param {HTMLElement} snippet The element containing the snippet code - * @return {function} the click handler - */ -MaterialComponentsSnippets.prototype.onMouseOutHandler = function(snippet) { - 'use strict'; - - return function() { - snippet.classList.remove(this.CssClasses_.COPIED); - }.bind(this); -}; - -window.addEventListener('load', function() { - 'use strict'; - - new MaterialComponentsSnippets(); -}); diff --git a/docs/_assets/styles.png b/docs/_assets/styles.png deleted file mode 100755 index 58f4abb48..000000000 Binary files a/docs/_assets/styles.png and /dev/null differ diff --git a/docs/_assets/styles.svg b/docs/_assets/styles.svg deleted file mode 100644 index da1cc22b7..000000000 --- a/docs/_assets/styles.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - styles - Created with Sketch. - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/styles_2x.png b/docs/_assets/styles_2x.png deleted file mode 100755 index 86af59afa..000000000 Binary files a/docs/_assets/styles_2x.png and /dev/null differ diff --git a/docs/_assets/styles_mo.svg b/docs/_assets/styles_mo.svg deleted file mode 100644 index 553a4ae82..000000000 --- a/docs/_assets/styles_mo.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - styles - Created with Sketch. - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/table_degradation.png b/docs/_assets/table_degradation.png deleted file mode 100644 index 6a5171a1b..000000000 Binary files a/docs/_assets/table_degradation.png and /dev/null differ diff --git a/docs/_assets/template-preview.png b/docs/_assets/template-preview.png deleted file mode 100755 index 80a010c0f..000000000 Binary files a/docs/_assets/template-preview.png and /dev/null differ diff --git a/docs/_assets/templates.png b/docs/_assets/templates.png deleted file mode 100755 index b41fd54bc..000000000 Binary files a/docs/_assets/templates.png and /dev/null differ diff --git a/docs/_assets/templates.svg b/docs/_assets/templates.svg deleted file mode 100644 index 910d8a35d..000000000 --- a/docs/_assets/templates.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - templates_mo - Created with Sketch. - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_assets/templates/android-dot-com.jpg b/docs/_assets/templates/android-dot-com.jpg deleted file mode 100644 index 0bbebe13b..000000000 Binary files a/docs/_assets/templates/android-dot-com.jpg and /dev/null differ diff --git a/docs/_assets/templates/android-dot-com_2x.jpg b/docs/_assets/templates/android-dot-com_2x.jpg deleted file mode 100644 index 23c16b1e8..000000000 Binary files a/docs/_assets/templates/android-dot-com_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates/article.jpg b/docs/_assets/templates/article.jpg deleted file mode 100644 index e2d5cb0f8..000000000 Binary files a/docs/_assets/templates/article.jpg and /dev/null differ diff --git a/docs/_assets/templates/article_2x.jpg b/docs/_assets/templates/article_2x.jpg deleted file mode 100644 index 89b2e8c38..000000000 Binary files a/docs/_assets/templates/article_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates/blog.jpg b/docs/_assets/templates/blog.jpg deleted file mode 100644 index 24f9c534d..000000000 Binary files a/docs/_assets/templates/blog.jpg and /dev/null differ diff --git a/docs/_assets/templates/blog_2x.jpg b/docs/_assets/templates/blog_2x.jpg deleted file mode 100644 index 41885efe5..000000000 Binary files a/docs/_assets/templates/blog_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates/dashboard.jpg b/docs/_assets/templates/dashboard.jpg deleted file mode 100644 index 432be9837..000000000 Binary files a/docs/_assets/templates/dashboard.jpg and /dev/null differ diff --git a/docs/_assets/templates/dashboard_2x.jpg b/docs/_assets/templates/dashboard_2x.jpg deleted file mode 100644 index ac2ba0795..000000000 Binary files a/docs/_assets/templates/dashboard_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates/general.jpg b/docs/_assets/templates/general.jpg deleted file mode 100644 index 94346a165..000000000 Binary files a/docs/_assets/templates/general.jpg and /dev/null differ diff --git a/docs/_assets/templates/general_2x.jpg b/docs/_assets/templates/general_2x.jpg deleted file mode 100644 index d30257dd2..000000000 Binary files a/docs/_assets/templates/general_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates/portfolio.jpg b/docs/_assets/templates/portfolio.jpg deleted file mode 100644 index c58320de3..000000000 Binary files a/docs/_assets/templates/portfolio.jpg and /dev/null differ diff --git a/docs/_assets/templates/portfolio_2x.jpg b/docs/_assets/templates/portfolio_2x.jpg deleted file mode 100644 index 69f2218d6..000000000 Binary files a/docs/_assets/templates/portfolio_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates/product.jpg b/docs/_assets/templates/product.jpg deleted file mode 100644 index c63c80a65..000000000 Binary files a/docs/_assets/templates/product.jpg and /dev/null differ diff --git a/docs/_assets/templates/product_2x.jpg b/docs/_assets/templates/product_2x.jpg deleted file mode 100644 index 1c4cbfae8..000000000 Binary files a/docs/_assets/templates/product_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates/text-only.jpg b/docs/_assets/templates/text-only.jpg deleted file mode 100644 index f2e219ac8..000000000 Binary files a/docs/_assets/templates/text-only.jpg and /dev/null differ diff --git a/docs/_assets/templates/text-only_2x.jpg b/docs/_assets/templates/text-only_2x.jpg deleted file mode 100644 index d49f542b8..000000000 Binary files a/docs/_assets/templates/text-only_2x.jpg and /dev/null differ diff --git a/docs/_assets/templates_2x.png b/docs/_assets/templates_2x.png deleted file mode 100755 index d417c67e0..000000000 Binary files a/docs/_assets/templates_2x.png and /dev/null differ diff --git a/docs/_assets/templates_mo.svg b/docs/_assets/templates_mo.svg deleted file mode 100644 index 3f74cf225..000000000 --- a/docs/_assets/templates_mo.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - templates_mo - Created with Sketch. - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_pages/components.md b/docs/_pages/components.md deleted file mode 100644 index b070f3922..000000000 --- a/docs/_pages/components.md +++ /dev/null @@ -1,417 +0,0 @@ ---- -layout: components -title: Components -bodyclass: components -include_prefix: ../ -categories: - - name: badges - title: Badges - description: Small status descriptors for UI elements. - components: - - name: badge - class: mdl-badge - snippets: - - snippet_group: - - caption: Number - file: badge-on-icon-text.html - demo_file: badge-on-icon-text-demo.html - - caption: Icon - file: badge-on-icon-icon.html - demo_file: badge-on-icon-icon-demo.html - - snippet_group: - - caption: Number - file: badge-on-text-text.html - demo_file: badge-on-text-text-demo.html - - caption: Icon - file: badge-on-text-icon.html - demo_file: badge-on-text-icon-demo.html - - name: buttons - title: Buttons - description: Variations on Material Design buttons. - components: - - name: button - class: mdl-button - snippets: - - snippet_group: - - caption: Colored FAB - file: fab-colored.html - - caption: With ripple - file: fab-colored-ripple.html - - snippet_group: - - caption: Plain FAB - file: fab.html - - caption: With ripple - file: fab-ripple.html - - caption: Disabled - file: fab-disabled.html - - snippet_group: - - caption: Raised Button - file: raised.html - - caption: With ripple - file: raised-ripple.html - - caption: Disabled - file: raised-disabled.html - - snippet_group: - - caption: Colored button - file: raised-colored.html - - caption: Accent colored - file: raised-accent.html - - caption: With Ripples - file: raised-ripple-accent.html - - snippet_group: - - caption: Flat button - file: flat.html - - caption: With ripple - file: flat-ripple.html - - caption: Disabled - file: flat-disabled.html - - snippet_group: - - caption: Primary colored flat - file: flat-primary.html - - caption: Accent colored flat - file: flat-accent.html - - snippet_group: - - caption: Icon button - file: icon.html - - caption: Colored - file: icon-colored.html - - snippet_group: - - caption: Mini FAB - file: fab-mini.html - - caption: Colored - file: fab-mini-colored.html - - name: cards - title: Cards - description: Self-contained pieces of paper with data. - components: - - name: card - class: mdl-card - snippets: - - snippet_group: - - caption: Wide - file: wide.html - - snippet_group: - - caption: Square - file: square.html - - snippet_group: - - caption: Image - file: image.html - - caption: Event - file: event.html - - name: chips - title: Chips - description: Represents complex entities in small blocks. - components: - - name: chip - class: mdl-chip - snippets: - - snippet_group: - - caption: Basic Chip - file: basic.html - - caption: Deletable Chip - file: deletable.html - - caption: Button Chip - file: button.html - - snippet_group: - - caption: Contact Chip - file: contact.html - - caption: Deletable Contact Chip - file: deletable-contact.html - - name: dialog - title: Dialogs - description: Modal windows for dedicated user input. - components: - - name: dialog - class: mdl-dialog - warning: Dialogs use the HTML element, which currently has very - limited cross-browser support. To ensure support across all modern - browsers, please consider using a polyfill or creating your own. - There is no polyfill included with MDL. - - name: expansion - title: Expansion - description: Collapsible content sections. - components: - - name: expansion - class: mdl-expansion - snippets: - - snippet_group: - - caption: Example Expansion - file: expansion.html - full_width: true - - name: layout - title: Layout - description: Building blocks for constructing a page layout. - components: - - name: layout - caption: Navigation layouts - class: mdl-layout - snippets: - - snippet_group: - - caption: Transparent header - file: transparent.html - demo_file: transparent-demo.html - full_width: true - - snippet_group: - - caption: Fixed drawer, no header - file: fixed-drawer.html - demo_file: fixed-drawer-demo.html - full_width: true - - snippet_group: - - caption: Fixed header - file: fixed-header.html - demo_file: fixed-header-demo.html - full_width: true - - snippet_group: - - caption: Fixed header and drawer - file: fixed-header-drawer.html - demo_file: fixed-header-drawer-demo.html - full_width: true - - snippet_group: - - caption: Scrolling header - file: scrolling-header.html - demo_file: scrolling-header-demo.html - full_width: true - - snippet_group: - - caption: Waterfall header - file: waterfall-header.html - demo_file: waterfall-header-demo.html - full_width: true - - snippet_group: - - caption: Scrollable tabs - file: scrollable-tabs.html - demo_file: scrollable-tabs-demo.html - full_width: true - - snippet_group: - - caption: Fixed tabs - file: fixed-tabs.html - demo_file: fixed-tabs-demo.html - full_width: true - - name: grid - caption: Grid - class: mdl-grid - snippets: - - snippet_group: - - caption: Responsive grid - file: grid.html - demo_file: grid-demo.html - extra_codepen_css: codepen-grid.css - full_width: true - - name: tabs - caption: Tabs - class: mdl-tabs - snippets: - - snippet_group: - - caption: Content tabs - file: tabs.html - - name: footer - caption: Footer - class: mdl-mega-footer / mdl-mini-footer - snippets: - - snippet_group: - - caption: Mega footer - file: mega-footer.html - full_width: true - - snippet_group: - - caption: Mini footer - file: mini-footer.html - full_width: true - - name: lists - title: Lists - description: Customizable scrollable lists. - components: - - name: list - class: mdl-list - snippets: - - snippet_group: - - caption: Simple list - file: list-item.html - - snippet_group: - - caption: Icons - file: icon.html - - snippet_group: - - caption: Avatars and actions - file: action.html - - snippet_group: - - caption: Avatars and controls - file: list-control.html - - snippet_group: - - caption: Two line - file: two-line.html - - snippet_group: - - caption: Three line - file: three-line.html - - name: loading - title: Loading - description: Indicate loading and progress states. - components: - - name: progress - caption: Progress bar - class: mdl-progress - snippets: - - snippet_group: - - caption: Default - file: progress-default.html - demo_file: progress-default-demo.html - - snippet_group: - - caption: Indeterminate - file: progress-indeterminate.html - demo_file: progress-indeterminate-demo.html - - snippet_group: - - caption: Buffering - file: progress-buffering.html - demo_file: progress-buffering-demo.html - - name: spinner - caption: Spinner - class: mdl-spinner - snippets: - - snippet_group: - - caption: Default - file: spinner-default.html - - caption: Single color - file: spinner-single-color.html - - name: menus - title: Menus - description: Lists of clickable actions. - components: - - name: menu - class: mdl-menu - snippets: - - snippet_group: - - caption: Lower left - file: lower-left.html - demo_file: lower-left-demo.html - extra_codepen_css: codepen-lower-buttons.css - - caption: Lower right - file: lower-right.html - demo_file: lower-right-demo.html - - snippet_group: - - caption: Top left - file: top-left.html - demo_file: top-left-demo.html - extra_codepen_css: codepen-top-buttons.css - - caption: Top right - file: top-right.html - demo_file: top-right-demo.html - - name: sliders - title: Sliders - description: Selecting a value out of a range. - components: - - name: slider - class: mdl-slider - snippets: - - snippet_group: - - caption: Default slider - file: slider-default.html - demo_file: slider-default-demo.html - - caption: Starting value - file: slider-starting-value.html - demo_file: slider-starting-value-demo.html - - name: snackbar - title: Snackbar - description: Transient popup notifications. - components: - - name: snackbar - class: mdl-snackbar - snippets: - - snippet_group: - - caption: Snackbar - file: snackbar.html - - snippet_group: - - caption: Toast - file: toast.html - - name: toggles - title: Toggles - description: Choose between states. - components: - - name: checkbox - caption: Checkbox - class: mdl-checkbox - snippets: - - snippet_group: - - caption: Check on - file: check-on.html - - caption: Check off - file: check-off.html - - name: radio - caption: Radio button - class: mdl-radio - snippets: - - snippet_group: - - caption: Radio on - file: radio-on.html - - caption: Radio off - file: radio-off.html - - name: icon-toggle - caption: Icon toggle - class: mdl-icon-toggle - snippets: - - snippet_group: - - caption: Icon on - file: icon-on.html - - caption: Icon off - file: icon-off.html - - name: switch - caption: Switch - class: mdl-switch - snippets: - - snippet_group: - - caption: Switch on - file: switch-on.html - - caption: Switch off - file: switch-off.html - - name: tables - title: Tables - description: Organize data. - components: - - name: data-table - class: mdl-data-table - snippets: - - snippet_group: - - caption: Data table - file: data-table.html - - name: textfields - title: Text Fields - description: Textual input components. - components: - - name: textfield - class: mdl-textfield - snippets: - - snippet_group: - - caption: Text - file: textfield-text.html - demo_file: textfield-text-demo.html - - caption: Numeric - file: textfield-numeric.html - demo_file: textfield-numeric-demo.html - - snippet_group: - - caption: Text with floating label - file: textfield-floating-text.html - demo_file: textfield-floating-text-demo.html - - caption: Numeric with floating label - file: textfield-floating-numeric.html - demo_file: textfield-floating-numeric-demo.html - - snippet_group: - - caption: Multiple line - file: textfield-multi-line.html - demo_file: textfield-multi-line-demo.html - - caption: Expanding - file: textfield-expanding.html - demo_file: textfield-expanding-demo.html - - name: tooltips - title: Tooltips - description: Useful information on hover. - components: - - name: tooltip - class: mdl-tooltip - snippets: - - snippet_group: - - caption: Simple - file: tooltip-simple.html - - caption: Large - file: tooltip-large.html - - snippet_group: - - caption: Rich - file: tooltip-rich.html - - caption: Multiple lines - file: tooltip-multiline.html ---- diff --git a/docs/_pages/customize.md b/docs/_pages/customize.md deleted file mode 100644 index 9c6f00ab3..000000000 --- a/docs/_pages/customize.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -layout: customize -title: Customize & Download -bodyclass: customize -include_prefix: ../ ---- diff --git a/docs/_pages/faq.md b/docs/_pages/faq.md deleted file mode 100644 index 113d45aee..000000000 --- a/docs/_pages/faq.md +++ /dev/null @@ -1,200 +0,0 @@ ---- -layout: styles -title: FAQ -bodyclass: faq -include_prefix: ../ ---- - -
-
-

Contents

- -
- -

Where should I use Material Design Lite (MDL)?

- -If you’re interested in a [Material Design](https://www.google.com/design/spec/material-design/introduction.html) experience using vanilla Web technologies like CSS, JavaScript and HTML, MDL might be a useful option to consider. We optimise for websites heavy on content, such as marketing pages, articles, blogs and general web content that isn’t particularly app-y. If you just want to pick some colors, customise a template and ship a Material experience, we try to help make that process simpler. - -Whilst there exist several community-driven options for Material Design, our experience has shown that there are several gaps in the Material specification when it comes to the web. Rather than guessing how these gaps should be filled (something we know the community has struggled with), we’ve opted for a close collaboration with the Material Design team to provide a Material library that is both spec compatible for today and provides guidance on aspects of the spec still being evolved. - -

What CSS naming conventions does MDL use?

- -MDL was written using [BEM](https://en.bem.info/method/). BEM stands for Block, Element, Modifier. It is a method used to construct CSS class-names so they are consistent, isolated, and expressive. A few good resources for learning more about BEM methods are: - -* [CSSWizardry](http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/) -* [CSS-Tricks](https://css-tricks.com/bem-101/) -* [Smashing Magazine](http://www.smashingmagazine.com/2012/04/16/a-new-front-end-methodology-bem/) - -These are great resources that simplify the data needed to understand BEM. If you want to read the methodology from the inventors, [Yandex provides the resource](https://en.bem.info/). This reference goes way beyond just the CSS and into the full JavaScript setup they use as well. - -Our [wiki](https://github.com/google/material-design-lite/wiki/Understanding-BEM) includes a section on the namespacing used for MDL specifically. - -

Does MDL support progressive enhancement?

- -MDL’s components were designed from the ground up with progressive enhancement in mind. We attempt to build on native HTML elements as much as possible, relying on JavaScript where absolutely necessary for ‘enhancements’. - -One example of this is our ‘Text only’ Material Design template. Switching JavaScript off in Chrome DevTools, the page still renders CSS fine: - -![A preview of a template rendering in an older version of IE](../assets/template-preview.png) - -This allows us to render important content first and then ‘enhance’ the page with things like Material Design button ripples and pop-out menu components. - -MDL will degrade to a no-JavaScript experience on IE9, though you can pull in polyfills for an enhanced experience. If components require JavaScript to function, such as Layout, these will otherwise need to be planned for in development. IE10+ and evergreen browsers are fully supported. For more details on our browser support, see ‘Which browsers does MDL support?’. - -Note: the MDL site itself attempts to use progressive enhancement where possible. We do however have aspects of the site (e.g our component page) that rely more heavily on JS. The MDL Templates and Components otherwise try to render as well as they can with JS off. - -

Which browsers does MDL support?

- -The complete MDL experience should work in the last two versions of all evergreen browsers, whilst we gracefully degrade to CSS-only in browsers like IE9 that don’t pass our [Cutting-the-mustard](https://github.com/google/material-design-lite/blob/9e6c6ec9237715bfa04b307f786e9073f943e6be/src/mdlComponentHandler.js#L333) test. - -Our [browser compatibility matrix](https://github.com/google/material-design-lite/#browser-support) has the most up to date information on the browsers we officially support. For components, at minimum we require support for [querySelector](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector), [classList](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList) and [addEventListener](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener), which can be [polyfilled](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills) as needed. Our Templates will work in IE10+, primarily due to our use of Flexbox. - -The polyfills that we’re currently using for the MDL site to improve support in oldIE are the following: - -```html - -``` - -IE10 standards mode [removes](http://bit.ly/1dypChT) support for conditional comments, so the above will only get interpreted by older versions of IE, such as IE9. - -We do not officially support IE8. That said, some components will degrade using the CSS-only (or native HTML element) experience there better than others. For example: - -**Buttons** - -Buttons rendering in IE8 - -**Tables** - -Tables gracefully degrading in IE8 - -**Sliders (degrade to input fields)** - -Sliders degrading in IE8 to input fields - -

Does MDL play nicely with Polymer? Is it a replacement for the Paper elements?

- -MDL focuses on delivering an experience that is optimised for static content sites, like blogs, marketing pages and more traditional text-based web pages. - -The Paper elements built with Polymer are fully encapsulated components that can be used individually or composed together to create a material design-style site, and support more advanced user interaction. - -That said, MDL can be used alongside the Polymer element counterparts. Polymer uses the power of Web Components to encapsulate the designs used for those components. MDL does not affect the styling within custom components. - -

Is MDL comparable to Bootstrap?

- -*If we're using it instead of Bootstrap, can we expect the same level of component styling?* - -Material Design can replace many parts of Bootstrap. However, it does not intend to feature-match everything Bootstrap offers. Instead MDL intends to implement the components specified by the Material Design specification. This allows it to provide the most comprehensive and accurate solution available. - -

How does it compare to existing Material CSS implementations?

- -*Materialize, Material Bootstrap, etc* - -We think the community does a great job offering their own take on how Material Design should be implemented for CSS libraries. - -That said, the large, diverse number of implementations available are often quite liberal with their interpretation of the spec (not their fault!) and their opinions don’t always reflect what the Material Design team would consider ‘correct’. MDL was developed in close collaboration with the Material Design and Chrome UX teams and undergoes regular reviews for spec compliance. When we run into an area of the spec that isn’t yet fully fleshed out, MDL is able to offer reviewed opinions on how these should be solved in a way that tries to stay true to Material Design. - -

Should I use the minified, CDN or Sass versions of MDL?

- -*Should I build my own version or download the minified version or simply refer to CDN objects?* - -**Minified: **If it’s your first time using MDL, we recommend downloading one of the default packages from the ‘Getting Started’ page that include a minified version of our CSS/JS and optionally our pre-made Templates. - -**CDN: **If you’re just prototyping or want to avoid hosting your own copy of the MDL CSS and JS files, you can use our CDN to pull down a heavily edge-cached version. - -**Customiser: **If you’re creating a new site with MDL and are using a custom color scheme, we recommend downloading the default package then generating a custom build using the Customiser tool. You can use this to override the material.min.css file for your own needs. - -**Sass: **If you would prefer to go all in, you can get the Sass version of MDL, which includes our original sources, docs and templates. This version allows maximum customisation using CSS variables and the rest of the Sass goodness you’re used to. - -

What service does the official CDN use?

- -The official CDN is hosted using [Google Cloud Storage](https://cloud.google.com/storage/). - -

How does MDL relate to Web Starter Kit?

- -MDL is an evolutionary step from the styleguide provided in Web Starter Kit. The more [Web Starter Kit](https://developers.google.com/web/tools/starter-kit/) was used, the more it became clear that many developers simply wanted Material Design in their sites. - -The WSK Styleguide also did not align to Material Design fully, it was simply based on the idea. From the WSK project, MDL was born to try and fill this need for developers. In the process making the implementation as faithful as possible to the specification. - -

Do any Google properties use MDL in production?

- -MDL is used in production by a few different Google properties. These use an older, incomplete version but demonstrate what deployed experiences can look like. Examples include: - -The [Google Services](https://developers.google.com/mobile/add) site: - -![Google Services site screenshot](../assets/google-services.png) - -[RichMediaGallery](http://www.richmediagallery.com/) by DoubleClick: - -![RichMediaGallery screenshot](../assets/rich-media-gallery.png) - -and is being used by many other teams on upcoming projects, including Google Shopping. - -

Is there a showcase available of sites using MDL?

- -See the Showcase for an early list of Google sites using MDL in production. - -To request your site be added, please file a [new issue](https://github.com/Google/material-design-lite/issues/new?title=Site%20Showcase%20Request&body=Please%20include:%0A*%20Description%0A*%20Primary%20Link%0A*%20Screenshot) on our GitHub issue tracker. The issue should include a link, a description of the site and a suggested screenshot. - -We hope to add a properly polished showcase to the site in the near future. - -

Can I build or use individual MDL components (e.g a button)?

- -For V1 of MDL we are focused on the use-case of folks who are likely to need a few different components on their page and will want to include most of the MDL library. This means that support and docs around just plucking single components on their own is minimal. - -That said, if you need to generate a build using just a single (or smaller number of) components, you will need to use Gulp with our Sass build. You can [comment out](https://github.com/google/material-design-lite/blob/master/src/material-design-lite.scss) those components you don’t need in material-design-lite.scss, [comment out](https://github.com/google/material-design-lite/blob/master/gulpfile.js#L191) the scripts you don’t need in the Gulpfile and then run `gulp` to create your build. - -We have talked about offering up components in a more modular fashion but will be exploring this in the post V1 timeline. - -

How do I report an issue with MDL?

- -Please let us know about any problems by opening an issue on our [GitHub repo](https://github.com/google/material-design-lite/issues). - -

Where can I get help with questions about using MDL?

- -We encourage the MDL user and developer community to ask questions, and help answer questions, on [Stack Overflow](http://stackoverflow.com), using the `Material-Design-Lite` tag. - -

Are there any presentations or slide-decks available on MDL?

- -We did a preview talk at Google I/O 2015 on MDL and the slides for that talk can be found on [SpeakerDeck](https://speakerdeck.com/gauntface/material-design-lite-preview). - -

Can I request or contribute components to MDL?

- -Sure! There may be components or templates you would like to see implemented in MDL that we don't yet provide. Please feel free to propose them on the Issue Tracker. While we can't guarantee we'll be able to implement them all, we will consider requests and review them at regular intervals. - -

Will MDL support non-Sass preprocessors?

- -*Stylus, Less, PostCSS, etc.* - -MDL is implemented using Sass and there are no current plans to change this. If you wish to maintain a port to another preprocessor, you are more than welcome to. - -

How do I keep updated with issues I'm interested in?

- -Watching the whole repository can introduce a lot of extra noise in your stream. To keep updated with just issues you are interested in you only need to subscribe to that issue. This is done on the issue page by clicking the "Subscribe" button in the right hand sidebar. - -Subscribing to a single issue diff --git a/docs/_pages/index.md b/docs/_pages/index.md deleted file mode 100644 index 3a6271b9b..000000000 --- a/docs/_pages/index.md +++ /dev/null @@ -1,41 +0,0 @@ ---- -layout: layout -bodyclass: about -include_prefix: ./ ---- - -
-
-
Material Design Lite
-
- Material Design Lite lets you add a [Material Design](http://google.com/design/spec) look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. [Get started now](started/index.html). -
-
-
- -
- Templates -
- -
-

- 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. -

-
- -
- Components -
-
- Styles -
-
- Customize -
- -
-

- 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 library or development environment (such as [Web Starter Kit](https://developers.google.com/web/starter-kit/)). 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. -

-
- diff --git a/docs/_pages/showcase.md b/docs/_pages/showcase.md deleted file mode 100644 index a1f579bf6..000000000 --- a/docs/_pages/showcase.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -layout: showcase -title: 'Showcase: sites using MDL' -bodyclass: showcase -include_prefix: ../ -sites: - - name: wallet - title: Google Wallet - description: Google Wallet allows you to send money to anyone in the US with an email address. It's fast, easy, and free to send directly from your debit card, bank account, or Wallet Balance. - url: https://www.google.com/wallet/ - - name: contributor - title: Google Contributor - description: Contribute a few dollars each month. See fewer ads. It's that simple. The money you contribute helps fund the sites you visit. - url: https://www.google.com/contributor/welcome/ - - name: work_partners - title: Google for Work - description: The Google for Work Partner Program enables you to sell, service, and innovate by leveraging our products and platforms across the Google for Work suite. - url: https://www.google.com/work/partners/ - - name: rework - title: reWork with Google - description: Practices, research, and ideas from Google and other organizations to put people first. - url: https://rework.withgoogle.com/ - - name: developers - title: Google Developers - description: Web Fundamentals is a comprehensive resource for multi-device web development hosted by Google Developers. - url: https://developers.google.com/web/fundamentals/ - - name: sunroof - title: Google Project Sunroof - description: Project Sunroof puts Google's expansive data in mapping and computing resources to use, helping calculate the best solar plan for you. - url: https://www.google.com/get/sunroof/about/ ---- -
-

Material Design Lite is used on a wide range of sites. Below are just a small selection of the Google.com sites that have launched using us. We hope to expand the showcase to cover third-party and community sites built using MDL in the near future. To request your site be added, please file a new issue on our GitHub issue tracker.

-
- diff --git a/docs/_pages/started.md b/docs/_pages/started.md deleted file mode 100644 index fa62d57db..000000000 --- a/docs/_pages/started.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -layout: started -title: Getting started -bodyclass: started -include_prefix: ../ -snippets: - - component_name: button - snippet_group: - - caption: Raised button - file: raised-ripple-accent.html - - caption: Colored FAB - file: fab-colored.html ---- diff --git a/docs/_pages/styles.md b/docs/_pages/styles.md deleted file mode 100644 index d30d59331..000000000 --- a/docs/_pages/styles.md +++ /dev/null @@ -1,223 +0,0 @@ ---- -layout: styles -title: Styles -bodyclass: styles -include_prefix: ../ ---- - -
-

- Material Design Lite is a light-weight implementation of Material Design, - specifically crafted for the web. For more detailed guidelines and - specifications for other platforms please refer to the - - Material Design site - -

- -

Typography

-
-
h1
-
-
Light 112sp
-
- display-4 - font weight 300 -
-
-
h2
-
-
Regular 56sp
-
- display-3 - font weight 400 -
-
-
h3
-
-
Regular 45sp
-
- display-2 - font weight 400 -
-
-
h4
-
-
Regular 34sp
-
- display-1 - font weight 400 -
-
-
h5
-
-
Regular 24sp
-
- headline - font weight 400 -
-
-
h6
-
-
Regular 20sp
-
- title - font weight 500 -
-
-
-
- Note: This portion is only to demonstrate header and display styles for out CSS. For more typography guidelines, please refer to the Material Design spec. -
-
- - file_download - Download Roboto Font - - 1.21 MB (.zip) -
-
- To embed Roboto into your web page, copy the code as the first element in the <head> of your HTML document. - 
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
-
-
- -
- - -
- Preview icons arrow_forward -
- -
- -
-
-

Icons

-

Material Design Icons are the official open-source icons featured in the Google Material Design specification. What’s included:

-
-
-
    -
  • SVG versions of all icons in both 24px and 48px flavours
    • -
  • SVG and CSS sprites of all icons
    • -
  • 1x, 2x icons targeted at the Web (PNG)
    • -
  • 1x, 2x, 3x icons targeted at iOS (PNG)
    • -
  • Hi-dpi version of all icons (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) (PNG)
    • -
-
-
-

Getting Started

-

You have a few options for getting the icons.

-

Download the Zip

-

Grab the latest stable zip archive (~57MB) of all icons of the bleeding-edge version from master.

-
- - file_download - Download - -
-
-
-

Bower

-
- Install the icons using the Bower package manager. - 
$ bower install material-design-icons --save
-
-

npm

-
- You can also find all the icons on npm. - 
$ npm install material-design-icons --save
-
-

Usage

-

Take a look at the included index.html file for a preview of all icons included in the set. You are free to use the icons in the way that makes most sense to your project.

-

Structure

-

In general, an icon category (e.g. action) will include the following directories, containing multiple resolutions of our icons.

-
    -
  • 1x, 2x Web
    • -
  • 1x, 2x, 3x iOS
    • -
  • drawable hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi
    • -
  • svg
    • -
-

Decide on the icon resolution required for your project and copy, then reference the icons you wish to use.

-
-
-

Spritesheets

-

Material Design icons come with SVG and CSS sprites for each category of icon we include. These can be found in the sprites directory, under svg-sprite and css-sprite.

-

Using CSS Sprites

-

To use a CSS spritesheet, reference the stylesheet for the icon category you wish to use, then include the icon definition in your markup. E.g. to use one of the play icons in css-sprite-av.

-

That’s it! Don’t forget to publish the corresponding CSS and SVG/PNG files when deploying your project.

-
-
-
- Reference the stylesheet: - 
<link href="css-sprite/sprite-av-black.css" rel="stylesheet">
-
-
- Create an element which will use the icon as a background: - 
<div></div>
-
-
- Add a class referencing the icon spritesheet and specific icon icon-ic_play-circle_outline_black_24dp, which you can get from the above stylesheet. - 
<div class="icon icon-ic_play-circle_outline_black_24dp"></div>
-
-
-
-

Using SVG Sprites

-

Similarly, to use an SVG spritesheet, reference the stylesheet for the icon category, then include the icon definition in your markup.

-
-
-
- E.g: to use one of the play icons in svg-sprite-av, reference the stylesheet: - 
<link href="svg-sprite/svg-sprite-av.css" rel="stylesheet">
-
-
- Create an element which will use the icon as a background: - 
<div></div>
-
-
- Next, make sure to set a dimension for the icon. This can either be done inline or via a class. We’ll use a class for this example. - 
<style>
-  .svg-ic_play_circle_outline_24px-dims { width: 24px; height: 24px; }
-</style>
-
-
- Finally, set the dimension and specific ifcon svg-ic_play_circle_outline_24px, which you can get from the above stylesheet. - 
<div class="svg-ic_play_circle_outline_24px svg-ic_play_circle_outline_24px-dims"> </div>
-
-

Polymer Icons

-

If you wish to use the icon set with Polymer, we recommend consuming them via the <iron-icons>-element. -

License

-

All icons are released under Attribution 4.0 International license.

-
-
-
- - -
- Color palette -
- -
-
-
-

Color palette

-

If you’re using the extended color palette, use the first color as the primary color in your app and the other colors as accents.

-

See all colors and their accessibility ratios. This resource includes info on the appropriate contrast ratios and alpha values when using white or black text on a colored background.

-
- - file_download - Download color swatches - - 0.02 MB (.zip) -
-
- - arrow_forward - Try the custom CSS Theme Builder - -
-
-
- -
-
diff --git a/docs/_pages/templates.md b/docs/_pages/templates.md deleted file mode 100644 index 892051762..000000000 --- a/docs/_pages/templates.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -layout: templates -title: Templates -bodyclass: templates -include_prefix: ../ -templates: - - name: blog - title: Blog - description: A mobile focused responsive template that showcases image or text based blog entries, a subscription CTA, search & share links, and an expanded article page with comments, counters and bookmarking capabilities built-in. - - name: android-dot-com - title: Android.com MDL skin - description: A Material Design Lite version of the current android.com site, using the same content with a horizontal navigation, feature carousel and long form scrolling sub pages. - - name: dashboard - title: Dashboard - description: A modular responsive template built to display data visualizations and information with a clear vertical nav, user profile, search and dedicated space for updates and filters. - - name: portfolio - title: Portfolio - description: A modern and clean looking template for a portfolio/blog build with Material Design Lite. Included are a top nav bar that comes with the waterfall header component, cards to display different types of content and a footer. - - name: text-only - title: Text-heavy webpage - description: Built for presenting content that is information dense, easily updatable, and optimized for legibility, this template has a sticky horizontal top nav on mobile, feature callouts, cards and a site map footer with a deep-linked table of contents. - - name: article - title: Stand-alone article - description: A clean layout optimized for presenting text-based content with a breadcrumb nav, search, clear headers and a footer that utilizes a card-like structure to showcase the content. ---- diff --git a/docs/_templates/component.html b/docs/_templates/component.html deleted file mode 100644 index 231d0a1c5..000000000 --- a/docs/_templates/component.html +++ /dev/null @@ -1,5 +0,0 @@ - -{% block content %} - -{{content|safe}} -{% endblock %} diff --git a/docs/_templates/components.html b/docs/_templates/components.html deleted file mode 100644 index 551a9e896..000000000 --- a/docs/_templates/components.html +++ /dev/null @@ -1,100 +0,0 @@ -{% extends 'layout.html' %} - -{% block content %} - - - - - -
- -
-
-
-
-
-
COMPONENTS
-
- Material Design Lite (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 Material Design Lite components. If you have not yet read the - Material Design Introduction - you should do so before attempting to use the components. -
-
-
-
-
-
- - {% for category in page.categories -%} -
-
-
-

{{ category.title }}

-

{{ category.description }}

-
- - {% if category.components.length > 1 %} -
- -
- {%- endif %} - - {% for component in category.components %} - - {% if component.caption %} - -

{{ component.caption }}

- - {%- endif %} - - {% if component.warning %} -
Note: {{ component.warning }}
- {%- endif %} - - {% for snippet_group in component.snippets %} - {% set snippet_group["component_name"] = component.name %} - {% include "./snippets.html" with snippet_group only %} - {%- endfor %} - - {% set demo_css = "../../dist/components/" + component.name + "/demo.css" %} - - {% set demo_js = "../../dist/components/" + component.name + "/demo.js" %} - - {% set demo = "../../src/" + component.name + "/demo.html" %} - {% include demo ignore missing %} -
- {% set doc = "../../dist/components/" + component.name + "/index.html" %} - {% include doc ignore missing %} -
- {%- endfor %} -
-
- {%- endfor %} -
-
- -{% endblock %} diff --git a/docs/_templates/customize.html b/docs/_templates/customize.html deleted file mode 100644 index 1fa911f21..000000000 --- a/docs/_templates/customize.html +++ /dev/null @@ -1,79 +0,0 @@ -{% extends 'layout.html' %} - -{% block content %} - -
-
-
-
- - - - - - - - - - - - - - - -
- file_download -
-
-
-
-
- Custom CSS theme builder -

Click on the color wheel to choose a primary (1) and accent (2) color to preview the theme below. When you’ve selected a color combination you like, either reference our hosted CSS or download the CSS by clicking the white button in the middle. You will need to include MDL’s JavaScript alongside your customised CSS to get the full experience. This is included in our default Download from the Getting Started guide.

-
-
-
-
- - - - - - - -
- Theme Preview -
-
-
- Theme Preview - -
-
-

Try it out

-

- Lorem ipsum dolor sit amet. -

- - -
-
-
-
-
-
- CSS hosted on our CDN (17.6kB gzipped): - 
 <link rel="stylesheet" href="$$hosted_libs_prefix$$/$$version$$/material.$primary-$accent.min.css" />
-
-
-
-
- - -{% endblock %} diff --git a/docs/_templates/demo.html b/docs/_templates/demo.html deleted file mode 100644 index 53f32a92f..000000000 --- a/docs/_templates/demo.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - {{ page.component }} test - - - - - - - - - - - - {% set demo_css = "../../dist/components/" + page.component + "/demo.css" %} - - - - - -
- {% block content %} - {{content|safe}} - {% endblock %} -
- - - {% set demo_js = "../../dist/components/" + page.component + "/demo.js" %} - - - diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html deleted file mode 100644 index 6a60b01d1..000000000 --- a/docs/_templates/layout.html +++ /dev/null @@ -1,166 +0,0 @@ - - - - - - - - Material Design Lite - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- Material
Design
Lite -
-
- -
- - -
-
-
-
{{page.title}}
- {% block content %} - {{content|safe}} - {% endblock %} -
-
- Download Kit -
- -
-
- - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/_templates/page.html b/docs/_templates/page.html deleted file mode 100644 index 786bf400b..000000000 --- a/docs/_templates/page.html +++ /dev/null @@ -1,7 +0,0 @@ -{% extends 'layout.html' %} - -{% block content %} - -{{content|safe}} - -{% endblock %} diff --git a/docs/_templates/showcase.html b/docs/_templates/showcase.html deleted file mode 100644 index f49cc2d12..000000000 --- a/docs/_templates/showcase.html +++ /dev/null @@ -1,29 +0,0 @@ -{% extends 'layout.html' %} -{% block content %} -{{content|safe}} -{% for template in page.sites %} -
- -
-

{{ template.title }}

-

- {{ template.description }} -

- - - Screenshot - - - - Visit - -
-
-{% endfor %} -{% endblock %} diff --git a/docs/_templates/snippets.html b/docs/_templates/snippets.html deleted file mode 100644 index b185be165..000000000 --- a/docs/_templates/snippets.html +++ /dev/null @@ -1,42 +0,0 @@ -{% if snippet_group.length === 1 && snippet_group[0].full_width %} -
-{% else %} -
-{% endif %} -
-
-
- {% for snippet in snippet_group %} - {% if snippet.demo_file %} - {% set snippet_file = "../../src/" + component_name + "/snippets/" + snippet.demo_file %} - {% else %} - {% set snippet_file = "../../src/" + component_name + "/snippets/" + snippet.file %} - {% endif %} -
-
- {% include snippet_file ignore missing %} -
-
- {%- endfor %} -
-
-
-
- {% for snippet in snippet_group %} -
- {{ snippet.caption }} -
- {%- endfor %} -
-
-
-
- 
{% for snippet in snippet_group %}{% set snippet_file = "../../src/" + component_name + "/snippets/" + snippet.file %}{% filter e('html') %}{% include snippet_file ignore missing %}{% endfilter %}
<style>{% set extra_css_file = "../../src/" + component_name + "/snippets/" + snippet.extra_codepen_css %}{% include extra_css_file ignore missing %}</style>
{%- endfor %}{% if snippet_group.length !== 1 || !snippet_group[0].full_width %}
<style>
-body {
-  padding: 20px;
-  background: #fafafa;
-  position: relative;
-}
-</style>
{% endif %}
-
-
diff --git a/docs/_templates/started.html b/docs/_templates/started.html deleted file mode 100644 index 0004272c5..000000000 --- a/docs/_templates/started.html +++ /dev/null @@ -1,260 +0,0 @@ -{% extends 'layout.html' %} - -{% block content %} - - -
-
-

Contents

- -
- -
-

Include the master CSS & JavaScript

-
-

- Include the Material Lite CSS and JavaScript files in each HTML page in your project. We recommend that you use the files hosted on our CDN. You can also customize and download them to host them yourself, build them from our source code or install them in your npm/Bower project. -

- -
-
- Hosted - Download - Build - Bower - npm -
-
-
- Just add the following <link> and <script> elements into your HTML pages (27kB gzipped): - 
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-<link rel="stylesheet" href="$$hosted_libs_prefix$$/$$version$$/material.indigo-pink.min.css">
-<script defer src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script>
-
-

Choose color scheme

-

- Color schemes used in Material Design are based on a primary and an accent colors which you may want to personalize. These colors are specified in the CSS file name by following this pattern: material.{primary}-{accent}.min.css (e.g. material.indigo-pink.min.css). Our CDN hosts a number of color combinations based on common Material Design colors. To discover and preview available color combinations use our Customize and Preview tool. -

-
-
-

- Download the minified CSS and Javascript now (27kB gzipped): -

-
- - - -
-
- Refer to these files by adding a <link> and a <script> elements into your HTML pages and also include the Material Icon font: - 
<link rel="stylesheet" href="./material.min.css">
-<script src="./material.min.js"></script>
-<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-
-

Choose color scheme

-

- Color schemes used in Material Design are based on a primary and an accent colors which you may want to personalize. Use the Customize and Preview tool to select and preview primary and accent colors combinations for your site. Then download your customized Material Design Lite CSS using the button and simply replace the `material.min.css` with the customized one. -

-
-
-

- Our source code is hosted on GitHub. You'll need to download the code and build it. -

-
- Run the following commands in a shell: - 
# Clone/copy the Material Design lite source code.
-git clone https://github.com/google/material-design-lite.git
-# Go into the newly created folder containing the source code.
-cd material-design-lite
-# Install necessary dependencies.
-npm install && npm install -g gulp
-# Build a production version of the components.
-gulp
-
-

You'll find the Material Design Lite library's file in the dist folder. Copy them to your project. -

-
- Refer to these files by adding a <link> and a <script> element into your HTML pages and also include the Material Icon font: - 
<link rel="stylesheet" href="./material.min.css">
-<script src="./material.min.js"></script>
-<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-
-
-

- Note: -

- Using this method you will not be able to customize the color scheme of the MDL elements. If you'd like to customize the color scheme prefer the CDN hosted or downloadable libraries. In this case use our Customize and Preview tool. -
-
-
-

- Simply install Material Design Lite files in your Bower enabled project using: -

-
- Run the following command in a shell: - 
bower install material-design-lite --save
-
-

- This will install the Material Design Lite library files in your project's bower_components folder. -

-
- Refer to these files by adding a <link> and a <script> element into your HTML pages and also include the Material Icon font: - 
<link rel="stylesheet" href="/bower_components/material-design-lite/material.min.css">
-<script src="/bower_components/material-design-lite/material.min.js"></script>
-<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-
-
-

- Note: -

- Using this method you will not be able to customize the color scheme of the MDL elements. If you'd like to customize the color scheme prefer the CDN hosted or downloadable libraries. In this case use our Customize and Preview tool. -
-
-
-

- Simply install Material Design Lite files in your npm enabled project using: -

-
- Run the following command in a shell: - 
npm install material-design-lite --save
-
-

- This will install the Material Design Lite library files in your project's node_modules folder. -

-
- Refer to these files by adding a <link> and a <script> element into your HTML pages and also include the Material Icon font: - 
<link rel="stylesheet" href="/node_modules/material-design-lite/material.min.css">
-<script src="/node_modules/material-design-lite/material.min.js"></script>
-<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-
-
-

- Note: -

- Using this method you will not be able to customize the color scheme of the MDL elements. If you'd like to customize the color scheme prefer the CDN hosted or downloadable libraries. In this case use our Customize and Preview tool. -
-
-
-

- That's it! You are now ready to add MDL components on your site. -

-
-
- -
-

Use the components

-
- -

- You'll find below a couple of examples of MDL Button elements: a Button with ripples and a FAB Button. Just copy & paste the corresponding source code in the <body> of an HTML page of your project and the elements will render as shown below. -

- - - {% for snippet_group in page.snippets %} - {% include "./snippets.html" with snippet_group only %} - {%- endfor %} - -

- MDL elements can be tweaked and configured by adding CSS classes. For example adding mdl-js-ripple-effect to an MDL Button will add a Ripple effect when the button is clicked and adding mdl-button--fab will change the style of the button to a FAB button. -

-

- There are many other elements available such as Card containers, Sliders, Tables, Menus... For the complete set of MDL elements and options have a look at the components page. -

-

- We also recommend that you check out our templates. These are ready to use website templates using MDL components. Feel free to have a look at them to get started quickly on your next project. -

-
-
- -
-

General rules and principles

-
-

- In general, follow these basic steps to use an MDL component in your HTML page: -

-
    -
  1. Start with a standard HTML element, such as <button>, <div>, or <ul>, depending on the MDL component you want to use. This establishes the element in the page and readies it for MDL modification.
    2. - -
  2. Add one or more MDL-specific CSS classes to the element, such as mdl-button or mdl-tabs__panel, again depending on the component. The classes apply the MDL enhancements to the element and turn it into an MDL component.
    3. -
- -

- Remember to include the meta viewport tag in your document so mobile devices will render correctly. -

- 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- -
-

- A note about HTML elements and MDL CSS classes -

- Material Design Lite uses namespaced BEM classes—which can apply to almost any HTML element—to construct components. For some components you can use almost any element. The examples in each component's documentation use elements that perform well as that component. If you must use elements other than those shown in the examples, we encourage you to experiment to find the best combination of HTML elements and MDL CSS classes for your application. -
-
-
- -
-

Use MDL on dynamic websites

-
-

- Material Design Lite will automatically register and render all elements marked with MDL classes upon page load. - However in the case where you are creating DOM elements dynamically you need to register new elements using the upgradeElement function. Here is how you can dynamically create the same raised button with ripples shown in the section above: -

- 
<div id="container"/>
-<script>
-  var button = document.createElement('button');
-  var textNode = document.createTextNode('Click Me!');
-  button.appendChild(textNode);
-  button.className = 'mdl-button mdl-js-button mdl-js-ripple-effect';
-  componentHandler.upgradeElement(button);
-  document.getElementById('container').appendChild(button);
-</script>
-
-
- -
-

What are MDL's responsibilities?

-
-

- Material Design Lite is built to provide a lightweight and basic set of Material Design components and templates for web sites. - The project does not intend to provide structures to create all possible UX needs, but to provide a low-friction Material Design implementation you can build on. - Even within Material Design itself, cards specifically, it is unfeasible to provide every combination in a seamless manner. - When you find something not provided, such as dropdowns in the drawer, you may need to code your own component. -

-

- The team is committed to providing a great experience to developers while staying true to the promise of lite. -

-
-
- -
-

What's next?

-
-

- Detailed instructions for using the components, including MDL classes and their effects, coding considerations, and configuration options, can be found in the components page. Example of sites using MDL elements together can be found in the templates page. -

-
-
- -
-

License

-
-

- Copyright Google, 2015. Licensed under an Apache-2 license. -

-
-
-
- -{% endblock %} diff --git a/docs/_templates/styles.html b/docs/_templates/styles.html deleted file mode 100644 index fad9f242e..000000000 --- a/docs/_templates/styles.html +++ /dev/null @@ -1,11 +0,0 @@ -{% extends 'layout.html' %} - -{% block content %} - -
-
- {{content|safe}} -
-
- -{% endblock %} diff --git a/docs/_templates/templates.html b/docs/_templates/templates.html deleted file mode 100644 index 76f1f5c68..000000000 --- a/docs/_templates/templates.html +++ /dev/null @@ -1,28 +0,0 @@ -{% extends 'layout.html' %} -{% block content %} -{% for template in page.templates %} -
- -
-

{{ template.title }}

-

- {{ template.description }} -

- - - Download - - - - Preview - -
-
-{% endfor %} -{% endblock %} diff --git a/material.css b/material.css new file mode 100644 index 000000000..6c7206e0d --- /dev/null +++ b/material.css @@ -0,0 +1,11476 @@ +/** + * material-design-lite - Material Design Components in CSS, JS and HTML + * @version v1.3.0 + * @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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/* + * 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: rgba(0,0,0, 0.87); + 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. + */ +::-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. + ========================================================================== */ +@media only screen and (min-width: 35em) { + /* Style adjustments for viewports that meet the condition */ } + +@media print, (-webkit-min-device-pixel-ratio: 1.25), (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; } } + +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 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; } + +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 */ +html, body { + font-family: "Helvetica", "Arial", sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; } + +h1, h2, h3, h4, h5, h6, p { + margin: 0; + padding: 0; } + +/** + * Styles for HTML elements + */ +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 56px; + font-weight: 400; + line-height: 1.35; + letter-spacing: -0.02em; + opacity: 0.54; + font-size: 0.6em; } + +h1 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 56px; + font-weight: 400; + line-height: 1.35; + letter-spacing: -0.02em; + margin-top: 24px; + margin-bottom: 24px; } + +h2 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 45px; + font-weight: 400; + line-height: 48px; + margin-top: 24px; + margin-bottom: 24px; } + +h3 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 34px; + font-weight: 400; + line-height: 40px; + margin-top: 24px; + margin-bottom: 24px; } + +h4 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 32px; + -moz-osx-font-smoothing: grayscale; + margin-top: 24px; + margin-bottom: 16px; } + +h5 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 20px; + font-weight: 500; + line-height: 1; + letter-spacing: 0.02em; + margin-top: 24px; + margin-bottom: 16px; } + +h6 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + letter-spacing: 0.04em; + margin-top: 24px; + margin-bottom: 16px; } + +p { + font-size: 14px; + font-weight: 400; + line-height: 24px; + letter-spacing: 0; + margin-bottom: 16px; } + +a { + color: rgb(255,64,129); + 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: 0.08em; } + blockquote:before { + position: absolute; + left: -0.5em; + content: '“'; } + blockquote:after { + content: '”'; + margin-left: -0.05em; } + +mark { + background-color: #f4ff81; } + +dt { + font-weight: 700; } + +address { + font-size: 12px; + font-weight: 400; + line-height: 1; + letter-spacing: 0; + font-style: normal; } + +ul, ol { + font-size: 14px; + font-weight: 400; + line-height: 24px; + letter-spacing: 0; } + +/** + * 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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__supporting-text.mdl-card--border { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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-chip { + height: 32px; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + line-height: 32px; + padding: 0 12px; + border: 0; + border-radius: 16px; + background-color: #dedede; + display: inline-block; + color: rgba(0,0,0, 0.87); + margin: 2px 0; + font-size: 0; + white-space: nowrap; } + .mdl-chip__text { + font-size: 13px; + vertical-align: middle; + display: inline-block; } + .mdl-chip__action { + height: 24px; + width: 24px; + background: transparent; + opacity: 0.54; + display: inline-block; + cursor: pointer; + text-align: center; + vertical-align: middle; + padding: 0; + margin: 0 0 0 4px; + font-size: 13px; + text-decoration: none; + color: rgba(0,0,0, 0.87); + border: none; + outline: none; + overflow: hidden; } + .mdl-chip__contact { + height: 32px; + width: 32px; + border-radius: 16px; + display: inline-block; + vertical-align: middle; + margin-right: 8px; + overflow: hidden; + text-align: center; + font-size: 18px; + line-height: 32px; } + .mdl-chip:focus { + outline: 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); } + .mdl-chip:active { + background-color: #d6d6d6; } + .mdl-chip--deletable { + padding-right: 4px; } + .mdl-chip--contact { + padding-left: 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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; + 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(224,224,224); + color: rgb(0,0,0); } + @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: 56px; + font-family: Helvetica, Arial, sans-serif; + margin: 8px 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__drawer-button { + line-height: 54px; } + .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, + .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, + .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; + 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 { + 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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; + vertical-align: middle; + box-sizing: border-box; + height: 24px; + 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: scale(0, 0); + transform: scale(0, 0); + border-radius: 50%; + background: rgb(63,81,181); } + .mdl-radio.is-checked .mdl-radio__inner-circle { + -webkit-transform: scale(1, 1); + transform: scale(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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +_:-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; + -ms-grid-row-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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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(0, 80px); + transform: translate(0, 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; + -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: -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); } + @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: 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; + -ms-grid-row-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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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__left { + float: left; } + .mdl-spinner__circle-clipper.mdl-spinner__right { + float: right; } + .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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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; + border-bottom: 1px solid rgb(224,224,224); } + +.mdl-tabs__tab { + margin: 0; + border: none; + padding: 0 24px 0 24px; + float: left; + position: relative; + display: block; + text-decoration: none; + height: 48px; + line-height: 48px; + text-align: center; + font-weight: 500; + font-size: 14px; + text-transform: uppercase; + color: rgba(0,0,0, 0.54); + overflow: hidden; } + .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { + color: rgba(0,0,0, 0.87); } + .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { + height: 2px; + width: 100%; + display: block; + content: " "; + bottom: 0px; + left: 0px; + position: absolute; + background: 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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--expandable .mdl-button--icon { + top: 16px; } + +.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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.mdl-tooltip { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: top center; + transform-origin: top center; + 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +/** + * Copyright 2015 Google Inc. All Rights Reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT 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 + * -----Tooltip + * -----Chip + * + * 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 */ +/* CHIP */ +.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; + -ms-grid-row-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; + -ms-grid-row-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/material.js b/material.js new file mode 100644 index 000000000..994825a4b --- /dev/null +++ b/material.js @@ -0,0 +1,3996 @@ +;(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; + } + + /** + * Create an event object. + * + * @param {string} eventType The type name of the event. + * @param {boolean} bubbles Whether the event should bubble up the DOM. + * @param {boolean} cancelable Whether the event can be canceled. + * @returns {!Event} + */ + function createEvent_(eventType, bubbles, cancelable) { + if ('CustomEvent' in window && typeof window.CustomEvent === 'function') { + return new CustomEvent(eventType, { + bubbles: bubbles, + cancelable: cancelable + }); + } else { + var ev = document.createEvent('Events'); + ev.initEvent(eventType, bubbles, cancelable); + return ev; + } + } + + /** + * 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.'); + } + // Allow upgrade to be canceled by canceling emitted event. + var upgradingEv = createEvent_('mdl-componentupgrading', true, true); + element.dispatchEvent(upgradingEv); + if (upgradingEv.defaultPrevented) { + return; + } + + 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 upgradedEv = createEvent_('mdl-componentupgraded', true, false); + element.dispatchEvent(upgradedEv); + } + } + + /** + * 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 (elements instanceof Element) { + elements = [elements]; + } else { + elements = Array.prototype.slice.call(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 = createEvent_('mdl-componentdowngraded', true, false); + component.element_.dispatchEvent(ev); + } + } + + /** + * 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')) { + if (typeof radios[i]['MaterialRadio'] !== 'undefined') { + 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.onChange_(null); +}; +MaterialRadio.prototype['check'] = MaterialRadio.prototype.check; +/** + * Uncheck radio. + * + * @public + */ +MaterialRadio.prototype.uncheck = function () { + this.btnElement_.checked = false; + this.onChange_(null); +}; +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) { + if (tab.getAttribute('href').charAt(0) === '#') { + 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); +}; +/** + * Hide tooltip on mouseleave or scroll + * + * @private + */ +MaterialTooltip.prototype.hideTooltip_ = function () { + this.element_.classList.remove(this.CssClasses_.IS_ACTIVE); +}; +/** + * Initialize element. + */ +MaterialTooltip.prototype.init = function () { + if (this.element_) { + var forElId = this.element_.getAttribute('for') || this.element_.getAttribute('data-mdl-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.boundMouseLeaveAndScrollHandler = this.hideTooltip_.bind(this); + this.forElement_.addEventListener('mouseenter', this.boundMouseEnterHandler, false); + this.forElement_.addEventListener('touchend', this.boundMouseEnterHandler, false); + this.forElement_.addEventListener('mouseleave', this.boundMouseLeaveAndScrollHandler, false); + window.addEventListener('scroll', this.boundMouseLeaveAndScrollHandler, true); + window.addEventListener('touchstart', this.boundMouseLeaveAndScrollHandler); + } + } +}; +// 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', + TAB_MANUAL_SWITCH: 'mdl-layout__tab-manual-switch', + 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); + } + if (!layout.tabBar_.classList.contains(layout.CssClasses_.TAB_MANUAL_SWITCH)) { + 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 !== undefined ? event.clientX : event.touches[0].clientX; + var clientY = event.clientY !== undefined ? 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/material.min.css b/material.min.css new file mode 100644 index 000000000..e2632ca4a --- /dev/null +++ b/material.min.css @@ -0,0 +1,9 @@ +/** + * material-design-lite - Material Design Components in CSS, JS and HTML + * @version v1.3.0 + * @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__supporting-text.mdl-card--border{border-bottom:1px solid rgba(0,0,0,.1)}.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-chip{height:32px;font-family:"Roboto","Helvetica","Arial",sans-serif;line-height:32px;padding:0 12px;border:0;border-radius:16px;background-color:#dedede;display:inline-block;color:rgba(0,0,0,.87);margin:2px 0;font-size:0;white-space:nowrap}.mdl-chip__text{font-size:13px;vertical-align:middle;display:inline-block}.mdl-chip__action{height:24px;width:24px;background:0 0;opacity:.54;cursor:pointer;padding:0;margin:0 0 0 4px;font-size:13px;text-decoration:none;color:rgba(0,0,0,.87);border:none;outline:none}.mdl-chip__action,.mdl-chip__contact{display:inline-block;vertical-align:middle;overflow:hidden;text-align:center}.mdl-chip__contact{height:32px;width:32px;border-radius:16px;margin-right:8px;font-size:18px;line-height:32px}.mdl-chip:focus{outline: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)}.mdl-chip:active{background-color:#d6d6d6}.mdl-chip--deletable{padding-right:4px}.mdl-chip--contact{padding-left: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;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:#e0e0e0;color:#000}@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:56px;font-family:Helvetica,Arial,sans-serif;margin:8px 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__drawer-button{line-height:54px}.mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,.mdl-layout--fixed-drawer>.mdl-layout__drawer-button,.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;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{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;vertical-align:middle;box-sizing:border-box;height:24px;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:scale(0,0);transform:scale(0,0);border-radius:50%;background:#3f51b5}.mdl-radio.is-checked .mdl-radio__inner-circle{-webkit-transform:scale(1,1);transform:scale(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;-ms-grid-row-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;-ms-grid-row-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__left{float:left}.mdl-spinner__circle-clipper.mdl-spinner__right{float:right}.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--expandable .mdl-button--icon{top:16px}.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;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;-ms-grid-row-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;-ms-grid-row-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/material.min.css.map b/material.min.css.map new file mode 100644 index 000000000..7d44bdece --- /dev/null +++ b/material.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["material-design-lite.css","material-design-lite.scss","_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","chip/_chip.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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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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,wCAAwC;AAExC;;;;;;;;;EASE;AAIF,oCAAoC;AAEpC;;;;;GAKG;AC5EH;;;;;;;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","file":"material.min.css","sourcesContent":["@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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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@media only screen and (min-width: 35em) {\n /* Style adjustments for viewports that meet the condition */ }\n\n@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) {\n /* Style adjustments for high resolution devices */ }\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 .mdl-card__supporting-text.mdl-card--border {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1); }\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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-chip {\n height: 32px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n line-height: 32px;\n padding: 0 12px;\n border: 0;\n border-radius: 16px;\n background-color: #dedede;\n display: inline-block;\n color: rgba(0,0,0, 0.87);\n margin: 2px 0;\n font-size: 0;\n white-space: nowrap; }\n .mdl-chip__text {\n font-size: 13px;\n vertical-align: middle;\n display: inline-block; }\n .mdl-chip__action {\n height: 24px;\n width: 24px;\n background: transparent;\n opacity: 0.54;\n display: inline-block;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n padding: 0;\n margin: 0 0 0 4px;\n font-size: 13px;\n text-decoration: none;\n color: rgba(0,0,0, 0.87);\n border: none;\n outline: none;\n overflow: hidden; }\n .mdl-chip__contact {\n height: 32px;\n width: 32px;\n border-radius: 16px;\n display: inline-block;\n vertical-align: middle;\n margin-right: 8px;\n overflow: hidden;\n text-align: center;\n font-size: 18px;\n line-height: 32px; }\n .mdl-chip:focus {\n outline: 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 .mdl-chip:active {\n background-color: #d6d6d6; }\n .mdl-chip--deletable {\n padding-right: 4px; }\n .mdl-chip--contact {\n padding-left: 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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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(224,224,224);\n color: rgb(0,0,0); }\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: 56px;\n font-family: Helvetica, Arial, sans-serif;\n margin: 8px 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__drawer-button {\n line-height: 54px; }\n .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,\n .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,\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 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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 vertical-align: middle;\n box-sizing: border-box;\n height: 24px;\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: scale(0, 0);\n border-radius: 50%;\n background: rgb(63,81,181); }\n .mdl-radio.is-checked .mdl-radio__inner-circle {\n transform: scale(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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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__left {\n float: left; }\n .mdl-spinner__circle-clipper.mdl-spinner__right {\n float: right; }\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 .mdl-textfield--expandable .mdl-button--icon {\n top: 16px; }\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n.mdl-tooltip {\n transform: scale(0);\n transform-origin: top center;\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 * -----Tooltip\n * -----Chip\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/* CHIP */\n/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 * -----Tooltip\n * -----Chip\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/* CHIP */\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","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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/* Material Design Lite */\n\n// Variables and mixins\n@import \"variables\";\n@import \"mixins\";\n\n// Resets and dependencies\n@import \"resets/resets\";\n@import \"typography/typography\";\n\n// Components\n@import \"palette/palette\";\n@import \"ripple/ripple\";\n@import \"animation/animation\";\n@import \"badge/badge\";\n@import \"button/button\";\n@import \"card/card\";\n@import \"checkbox/checkbox\";\n@import \"chip/chip\";\n@import \"data-table/data-table\";\n@import \"dialog/dialog\";\n@import \"footer/mega_footer\";\n@import \"footer/mini_footer\";\n@import \"icon-toggle/icon-toggle\";\n@import \"list/list\";\n@import \"menu/menu\";\n@import \"progress/progress\";\n@import \"layout/layout\";\n@import \"radio/radio\";\n@import \"slider/slider\";\n@import \"snackbar/snackbar\";\n@import \"spinner/spinner\";\n@import \"switch/switch\";\n@import \"tabs/tabs\";\n@import \"textfield/textfield\";\n@import \"tooltip/tooltip\";\n@import \"shadow/shadow\";\n@import \"grid/grid\";\n","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 $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 * -----Tooltip\n * -----Chip\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\n\n/* ========== TYPOGRAPHY ========== */\n\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$preferred_font: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n/* ========== COLORS ========== */\n\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n\n@import \"color-definitions\";\n@import \"functions\";\n\n/* ========== IMAGES ========== */\n$image_path: '/images' !default;\n\n/* ========== Color & Themes ========== */\n\n// Define whether individual color palette items should have classes created.\n// Setting this to true will remove individual color classes for each color in the palettes.\n// To improve overall performance (assuming they aren't used) by:\n// * Saving server bandwidth sending the extra classes\n// * Save client computation against the classes\n// it is RECOMMENDED you set this to true.\n$trim-color-classes: false !default;\n\n// Use color primarily for emphasis. Choose colors that fit with\n// your brand and provide good contrast between visual components.\n$color-primary: $palette-indigo-500 !default;\n$color-primary-dark: $palette-indigo-700 !default;\n$color-accent: $palette-pink-A200 !default;\n\n// Our primary is dark, so use $color-dark-contrast for overlaid text.\n$color-primary-contrast: $color-dark-contrast !default;\n// Our accent is dark, so use $color-dark-contrast for overlaid text.\n$color-accent-contrast: $color-dark-contrast !default;\n\n// Replace all colors with placeholders if we're generating a template.\n@if $styleguide-generate-template == true {\n $color-primary: '$color-primary';\n $color-primary-dark: '$color-primary-dark';\n $color-accent: '$color-accent';\n $color-primary-contrast: '$color-primary-contrast';\n $color-accent-contrast: '$color-accent-contrast';\n}\n\n/* ========== Typography ========== */\n\n// We use the following default color styles: text-color-primary and\n// text-color-secondary. For light themes, use text-color-primary-inverse\n// and text-color-secondary-inverse.\n\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n// Define whether to target elements directly for typographic enhancements.\n// Turning this off means you need to use mdl-* classes more often.\n// Other components may also fail to adhere to MD without these rules.\n// It is strongly recommended you leave this as true.\n\n$target-elements-directly: true !default;\n\n/* ========== Components ========== */\n\n/* ========== Standard Buttons ========== */\n\n// Default button colors.\n$button-primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n$button-secondary-color: unquote(\"rgb(#{$color-black})\") !default;\n$button-hover-color: $button-primary-color !default;\n$button-active-color: unquote(\"rgba(#{$palette-grey-500}, 0.40)\") !default;\n$button-focus-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Colored button colors.\n$button-primary-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-secondary-color-alt: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$button-hover-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-active-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-focus-color-alt: $button-focus-color !default;\n\n// Ripple color for colored raised buttons.\n$button-ripple-color-alt: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n\n// Disabled button colors.\n$button-primary-color-disabled: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$button-secondary-color-disabled: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n/* ========== Icon Toggles ========== */\n\n$icon-toggle-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$icon-toggle-focus-color: $button-focus-color !default;\n$icon-toggle-checked-color: unquote(\"rgb(#{$color-primary})\") !default;\n$icon-toggle-checked-focus-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$icon-toggle-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n/* ========== Radio Buttons ========== */\n\n$radio-color: unquote(\"rgb(#{$color-primary})\") !default;\n$radio-off-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$radio-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n/* ========== Ripple effect ========== */\n\n$ripple-bg-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n/* ========== Layout ========== */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-drawer-navigation-link-active-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n/* ========== Content Tabs ========== */\n\n$tab-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n/* ========== Checkboxes ========== */\n\n$checkbox-color: unquote(\"rgb(#{$color-primary})\") !default;\n$checkbox-off-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$checkbox-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n/* ========== Switches ========== */\n\n$switch-color: unquote(\"rgb(#{$color-primary})\") !default;\n$switch-faded-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$switch-thumb-color: $switch-color !default;\n$switch-track-color: unquote(\"rgba(#{$color-primary}, 0.5)\") !default;\n\n$switch-off-thumb-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$switch-off-track-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$switch-disabled-thumb-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$switch-disabled-track-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n/* ========== Spinner ========== */\n\n$spinner-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$spinner-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$spinner-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$spinner-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$spinner-single-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n/* ========== Text fields ========== */\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n/* ========== Card ========== */\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n/* ========== Sliders ========== */\n\n$range-bg-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$range-color: unquote(\"rgb(#{$color-primary})\") !default;\n$range-faded-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$range-bg-focus-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n/* ========== Progress ========== */\n$progress-main-color: unquote(\"rgb(#{$color-primary})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n\n/* ========== List ========== */\n\n$list-main-text-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$list-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$list-icon-color: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$list-avatar-color: white !default;\n\n/* ========== Item ========== */\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n/* ========== Dropdown menu ========== */\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n\n/* ========== Tooltips ========== */\n\n$tooltip-text-color: unquote(\"rgb(#{$color-white})\") !default;\n$tooltip-background-color: unquote(\"rgba(#{$palette-grey-700}, 0.9)\") !default;\n\n/* ========== Footer ========== */\n\n$footer-bg-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$footer-color: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$footer-heading-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$footer-button-fill-color: $footer-color !default;\n$footer-underline-color: $footer-color !default;\n\n\n/* TEXTFIELD */\n\n$input-text-font-size: 16px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n\n\n/* SWITCH */\n\n$switch-label-font-size: 16px !default;\n$switch-label-height: 24px !default;\n$switch-track-height: 14px !default;\n$switch-track-length: 36px !default;\n$switch-thumb-size: 20px !default;\n$switch-track-top: ($switch-label-height - $switch-track-height) / 2 !default;\n$switch-thumb-top: ($switch-label-height - $switch-thumb-size) / 2 !default;\n$switch-ripple-size: $switch-label-height * 2 !default;\n$switch-helper-size: 8px !default;\n\n/* SPINNER */\n\n$spinner-size: 28px !default;\n$spinner-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$spinner-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$spinner-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$spinner-arc-start-rot: 216deg !default;\n\n$spinner-duration: 360 * $spinner-arc-time / (\n strip-units($spinner-arc-start-rot + (360deg - $spinner-arc-size)));\n\n\n/* RADIO */\n\n$radio-label-font-size: 16px !default;\n$radio-label-height: 24px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n\n/* MENU */\n\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n/* LIST */\n\n$list-border: 8px !default;\n$list-min-height: 48px !default;\n$list-min-padding: 16px !default;\n$list-bottom-padding: 20px !default;\n$list-avatar-text-left-distance: 72px !default;\n$list-icon-text-left-distance: 72px !default;\n\n$list-avatar-size: 40px !default;\n$list-icon-size: 24px !default;\n\n$list-two-line-height: 72px !default;\n$list-three-line-height: 88px !default;\n\n/* LAYOUT */\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 32px !default;\n$layout-drawer-button-desktop-size: 48px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 64px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n\n/* ICON TOGGLE */\n\n$icon-toggle-size: 32px !default;\n$icon-toggle-font-size: 24px !default;\n$icon-toggle-ripple-size: 36px !default;\n\n/* FOOTER */\n\n/*mega-footer*/\n$footer-min-padding: 16px !default;\n$footer-padding-sides: 40px !default;\n$footer-heading-font-size: 14px !default;\n$footer-heading-line-height: (1.7 * $footer-heading-font-size) !default;\n$footer-btn-size: 36px !default;\n\n/*mini-footer*/\n$padding: 16px !default;\n$footer-heading-font-size: 24px !default;\n$footer-heading-line-height: (1.5 * $footer-heading-font-size) !default;\n$footer-btn-size: 36px !default;\n\n/* CHECKBOX */\n\n$checkbox-label-font-size: 16px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n/* CARD */\n\n/* Card dimensions */\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 16px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 14px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1rem !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 16px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n/* Cover image */\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n$button-min-width: 64px !default;\n$button-height: 36px !default;\n$button-padding: 16px !default;\n$button-margin: 4px !default;\n$button-border-radius: 2px !default;\n\n$button-fab-size: 56px !default;\n$button-fab-size-mini: 40px !default;\n$button-fab-font-size: 24px !default;\n\n$button-icon-size: 32px !default;\n$button-icon-size-mini: 24px !default;\n\n\n/* ANIMATION */\n$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;\n$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$animation-curve-default: $animation-curve-fast-out-slow-in !default;\n\n\n/* PROGRESS */\n$bar-height: 4px !default;\n\n/* BADGE */\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n/* SHADOWS */\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n/* GRID */\n\n$grid-desktop-columns: 12 !default;\n$grid-desktop-gutter: 16px !default;\n$grid-desktop-margin: 16px !default;\n\n$grid-desktop-breakpoint: 840px !default;\n\n$grid-tablet-columns: 8 !default;\n$grid-tablet-gutter: $grid-desktop-gutter !default;\n$grid-tablet-margin: $grid-desktop-margin !default;\n\n$grid-tablet-breakpoint: 480px !default;\n\n$grid-phone-columns: 4 !default;\n$grid-phone-gutter: $grid-desktop-gutter !default;\n$grid-phone-margin: $grid-desktop-margin !default;\n\n$grid-cell-default-columns: $grid-phone-columns !default;\n$grid-max-columns: $grid-desktop-columns !default;\n\n/* DATA TABLE */\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-header-sorted-icon-hover-color: rgba(#000, 0.26) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n\n$data-table-hover-color: #eeeeee !default;\n$data-table-selection-color: #e0e0e0 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n/* DIALOG */\n$dialog-content-color: $card-supporting-text-text-color;\n\n/* SNACKBAR */\n\n// Hard coded since the color is not present in any palette.\n$snackbar-background-color: #323232 !default;\n$snackbar-tablet-breakpoint: $grid-tablet-breakpoint;\n$snackbar-action-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n/* TOOLTIP */\n$tooltip-font-size: 10px !default;\n$tooltip-font-size-large: 14px !default;\n\n/* CHIP */\n$chip-bg-color: rgb(222, 222, 222) !default;\n$chip-bg-active-color: rgb(214, 214, 214) !default;\n$chip-height: 32px !default;\n$chip-font-size: 13px !default; \n","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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/* ========== Color Palettes ========== */\n\n// Color order: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200,\n// A400, A700.\n\n$palette-red:\n\"255,235,238\"\n\"255,205,210\"\n\"239,154,154\"\n\"229,115,115\"\n\"239,83,80\"\n\"244,67,54\"\n\"229,57,53\"\n\"211,47,47\"\n\"198,40,40\"\n\"183,28,28\"\n\"255,138,128\"\n\"255,82,82\"\n\"255,23,68\"\n\"213,0,0\";\n\n$palette-red-50: nth($palette-red, 1);\n$palette-red-100: nth($palette-red, 2);\n$palette-red-200: nth($palette-red, 3);\n$palette-red-300: nth($palette-red, 4);\n$palette-red-400: nth($palette-red, 5);\n$palette-red-500: nth($palette-red, 6);\n$palette-red-600: nth($palette-red, 7);\n$palette-red-700: nth($palette-red, 8);\n$palette-red-800: nth($palette-red, 9);\n$palette-red-900: nth($palette-red, 10);\n$palette-red-A100: nth($palette-red, 11);\n$palette-red-A200: nth($palette-red, 12);\n$palette-red-A400: nth($palette-red, 13);\n$palette-red-A700: nth($palette-red, 14);\n\n$palette-pink:\n\"252,228,236\"\n\"248,187,208\"\n\"244,143,177\"\n\"240,98,146\"\n\"236,64,122\"\n\"233,30,99\"\n\"216,27,96\"\n\"194,24,91\"\n\"173,20,87\"\n\"136,14,79\"\n\"255,128,171\"\n\"255,64,129\"\n\"245,0,87\"\n\"197,17,98\";\n\n$palette-pink-50: nth($palette-pink, 1);\n$palette-pink-100: nth($palette-pink, 2);\n$palette-pink-200: nth($palette-pink, 3);\n$palette-pink-300: nth($palette-pink, 4);\n$palette-pink-400: nth($palette-pink, 5);\n$palette-pink-500: nth($palette-pink, 6);\n$palette-pink-600: nth($palette-pink, 7);\n$palette-pink-700: nth($palette-pink, 8);\n$palette-pink-800: nth($palette-pink, 9);\n$palette-pink-900: nth($palette-pink, 10);\n$palette-pink-A100: nth($palette-pink, 11);\n$palette-pink-A200: nth($palette-pink, 12);\n$palette-pink-A400: nth($palette-pink, 13);\n$palette-pink-A700: nth($palette-pink, 14);\n\n$palette-purple:\n\"243,229,245\"\n\"225,190,231\"\n\"206,147,216\"\n\"186,104,200\"\n\"171,71,188\"\n\"156,39,176\"\n\"142,36,170\"\n\"123,31,162\"\n\"106,27,154\"\n\"74,20,140\"\n\"234,128,252\"\n\"224,64,251\"\n\"213,0,249\"\n\"170,0,255\";\n\n$palette-purple-50: nth($palette-purple, 1);\n$palette-purple-100: nth($palette-purple, 2);\n$palette-purple-200: nth($palette-purple, 3);\n$palette-purple-300: nth($palette-purple, 4);\n$palette-purple-400: nth($palette-purple, 5);\n$palette-purple-500: nth($palette-purple, 6);\n$palette-purple-600: nth($palette-purple, 7);\n$palette-purple-700: nth($palette-purple, 8);\n$palette-purple-800: nth($palette-purple, 9);\n$palette-purple-900: nth($palette-purple, 10);\n$palette-purple-A100: nth($palette-purple, 11);\n$palette-purple-A200: nth($palette-purple, 12);\n$palette-purple-A400: nth($palette-purple, 13);\n$palette-purple-A700: nth($palette-purple, 14);\n\n$palette-deep-purple:\n\"237,231,246\"\n\"209,196,233\"\n\"179,157,219\"\n\"149,117,205\"\n\"126,87,194\"\n\"103,58,183\"\n\"94,53,177\"\n\"81,45,168\"\n\"69,39,160\"\n\"49,27,146\"\n\"179,136,255\"\n\"124,77,255\"\n\"101,31,255\"\n\"98,0,234\";\n\n$palette-deep-purple-50: nth($palette-deep-purple, 1);\n$palette-deep-purple-100: nth($palette-deep-purple, 2);\n$palette-deep-purple-200: nth($palette-deep-purple, 3);\n$palette-deep-purple-300: nth($palette-deep-purple, 4);\n$palette-deep-purple-400: nth($palette-deep-purple, 5);\n$palette-deep-purple-500: nth($palette-deep-purple, 6);\n$palette-deep-purple-600: nth($palette-deep-purple, 7);\n$palette-deep-purple-700: nth($palette-deep-purple, 8);\n$palette-deep-purple-800: nth($palette-deep-purple, 9);\n$palette-deep-purple-900: nth($palette-deep-purple, 10);\n$palette-deep-purple-A100: nth($palette-deep-purple, 11);\n$palette-deep-purple-A200: nth($palette-deep-purple, 12);\n$palette-deep-purple-A400: nth($palette-deep-purple, 13);\n$palette-deep-purple-A700: nth($palette-deep-purple, 14);\n\n$palette-indigo:\n\"232,234,246\"\n\"197,202,233\"\n\"159,168,218\"\n\"121,134,203\"\n\"92,107,192\"\n\"63,81,181\"\n\"57,73,171\"\n\"48,63,159\"\n\"40,53,147\"\n\"26,35,126\"\n\"140,158,255\"\n\"83,109,254\"\n\"61,90,254\"\n\"48,79,254\";\n\n$palette-indigo-50: nth($palette-indigo, 1);\n$palette-indigo-100: nth($palette-indigo, 2);\n$palette-indigo-200: nth($palette-indigo, 3);\n$palette-indigo-300: nth($palette-indigo, 4);\n$palette-indigo-400: nth($palette-indigo, 5);\n$palette-indigo-500: nth($palette-indigo, 6);\n$palette-indigo-600: nth($palette-indigo, 7);\n$palette-indigo-700: nth($palette-indigo, 8);\n$palette-indigo-800: nth($palette-indigo, 9);\n$palette-indigo-900: nth($palette-indigo, 10);\n$palette-indigo-A100: nth($palette-indigo, 11);\n$palette-indigo-A200: nth($palette-indigo, 12);\n$palette-indigo-A400: nth($palette-indigo, 13);\n$palette-indigo-A700: nth($palette-indigo, 14);\n\n$palette-blue:\n\"227,242,253\"\n\"187,222,251\"\n\"144,202,249\"\n\"100,181,246\"\n\"66,165,245\"\n\"33,150,243\"\n\"30,136,229\"\n\"25,118,210\"\n\"21,101,192\"\n\"13,71,161\"\n\"130,177,255\"\n\"68,138,255\"\n\"41,121,255\"\n\"41,98,255\";\n\n$palette-blue-50: nth($palette-blue, 1);\n$palette-blue-100: nth($palette-blue, 2);\n$palette-blue-200: nth($palette-blue, 3);\n$palette-blue-300: nth($palette-blue, 4);\n$palette-blue-400: nth($palette-blue, 5);\n$palette-blue-500: nth($palette-blue, 6);\n$palette-blue-600: nth($palette-blue, 7);\n$palette-blue-700: nth($palette-blue, 8);\n$palette-blue-800: nth($palette-blue, 9);\n$palette-blue-900: nth($palette-blue, 10);\n$palette-blue-A100: nth($palette-blue, 11);\n$palette-blue-A200: nth($palette-blue, 12);\n$palette-blue-A400: nth($palette-blue, 13);\n$palette-blue-A700: nth($palette-blue, 14);\n\n$palette-light-blue:\n\"225,245,254\"\n\"179,229,252\"\n\"129,212,250\"\n\"79,195,247\"\n\"41,182,246\"\n\"3,169,244\"\n\"3,155,229\"\n\"2,136,209\"\n\"2,119,189\"\n\"1,87,155\"\n\"128,216,255\"\n\"64,196,255\"\n\"0,176,255\"\n\"0,145,234\";\n\n$palette-light-blue-50: nth($palette-light-blue, 1);\n$palette-light-blue-100: nth($palette-light-blue, 2);\n$palette-light-blue-200: nth($palette-light-blue, 3);\n$palette-light-blue-300: nth($palette-light-blue, 4);\n$palette-light-blue-400: nth($palette-light-blue, 5);\n$palette-light-blue-500: nth($palette-light-blue, 6);\n$palette-light-blue-600: nth($palette-light-blue, 7);\n$palette-light-blue-700: nth($palette-light-blue, 8);\n$palette-light-blue-800: nth($palette-light-blue, 9);\n$palette-light-blue-900: nth($palette-light-blue, 10);\n$palette-light-blue-A100: nth($palette-light-blue, 11);\n$palette-light-blue-A200: nth($palette-light-blue, 12);\n$palette-light-blue-A400: nth($palette-light-blue, 13);\n$palette-light-blue-A700: nth($palette-light-blue, 14);\n\n$palette-cyan:\n\"224,247,250\"\n\"178,235,242\"\n\"128,222,234\"\n\"77,208,225\"\n\"38,198,218\"\n\"0,188,212\"\n\"0,172,193\"\n\"0,151,167\"\n\"0,131,143\"\n\"0,96,100\"\n\"132,255,255\"\n\"24,255,255\"\n\"0,229,255\"\n\"0,184,212\";\n\n$palette-cyan-50: nth($palette-cyan, 1);\n$palette-cyan-100: nth($palette-cyan, 2);\n$palette-cyan-200: nth($palette-cyan, 3);\n$palette-cyan-300: nth($palette-cyan, 4);\n$palette-cyan-400: nth($palette-cyan, 5);\n$palette-cyan-500: nth($palette-cyan, 6);\n$palette-cyan-600: nth($palette-cyan, 7);\n$palette-cyan-700: nth($palette-cyan, 8);\n$palette-cyan-800: nth($palette-cyan, 9);\n$palette-cyan-900: nth($palette-cyan, 10);\n$palette-cyan-A100: nth($palette-cyan, 11);\n$palette-cyan-A200: nth($palette-cyan, 12);\n$palette-cyan-A400: nth($palette-cyan, 13);\n$palette-cyan-A700: nth($palette-cyan, 14);\n\n$palette-teal:\n\"224,242,241\"\n\"178,223,219\"\n\"128,203,196\"\n\"77,182,172\"\n\"38,166,154\"\n\"0,150,136\"\n\"0,137,123\"\n\"0,121,107\"\n\"0,105,92\"\n\"0,77,64\"\n\"167,255,235\"\n\"100,255,218\"\n\"29,233,182\"\n\"0,191,165\";\n\n$palette-teal-50: nth($palette-teal, 1);\n$palette-teal-100: nth($palette-teal, 2);\n$palette-teal-200: nth($palette-teal, 3);\n$palette-teal-300: nth($palette-teal, 4);\n$palette-teal-400: nth($palette-teal, 5);\n$palette-teal-500: nth($palette-teal, 6);\n$palette-teal-600: nth($palette-teal, 7);\n$palette-teal-700: nth($palette-teal, 8);\n$palette-teal-800: nth($palette-teal, 9);\n$palette-teal-900: nth($palette-teal, 10);\n$palette-teal-A100: nth($palette-teal, 11);\n$palette-teal-A200: nth($palette-teal, 12);\n$palette-teal-A400: nth($palette-teal, 13);\n$palette-teal-A700: nth($palette-teal, 14);\n\n$palette-green:\n\"232,245,233\"\n\"200,230,201\"\n\"165,214,167\"\n\"129,199,132\"\n\"102,187,106\"\n\"76,175,80\"\n\"67,160,71\"\n\"56,142,60\"\n\"46,125,50\"\n\"27,94,32\"\n\"185,246,202\"\n\"105,240,174\"\n\"0,230,118\"\n\"0,200,83\";\n\n$palette-green-50: nth($palette-green, 1);\n$palette-green-100: nth($palette-green, 2);\n$palette-green-200: nth($palette-green, 3);\n$palette-green-300: nth($palette-green, 4);\n$palette-green-400: nth($palette-green, 5);\n$palette-green-500: nth($palette-green, 6);\n$palette-green-600: nth($palette-green, 7);\n$palette-green-700: nth($palette-green, 8);\n$palette-green-800: nth($palette-green, 9);\n$palette-green-900: nth($palette-green, 10);\n$palette-green-A100: nth($palette-green, 11);\n$palette-green-A200: nth($palette-green, 12);\n$palette-green-A400: nth($palette-green, 13);\n$palette-green-A700: nth($palette-green, 14);\n\n$palette-light-green:\n\"241,248,233\"\n\"220,237,200\"\n\"197,225,165\"\n\"174,213,129\"\n\"156,204,101\"\n\"139,195,74\"\n\"124,179,66\"\n\"104,159,56\"\n\"85,139,47\"\n\"51,105,30\"\n\"204,255,144\"\n\"178,255,89\"\n\"118,255,3\"\n\"100,221,23\";\n\n$palette-light-green-50: nth($palette-light-green, 1);\n$palette-light-green-100: nth($palette-light-green, 2);\n$palette-light-green-200: nth($palette-light-green, 3);\n$palette-light-green-300: nth($palette-light-green, 4);\n$palette-light-green-400: nth($palette-light-green, 5);\n$palette-light-green-500: nth($palette-light-green, 6);\n$palette-light-green-600: nth($palette-light-green, 7);\n$palette-light-green-700: nth($palette-light-green, 8);\n$palette-light-green-800: nth($palette-light-green, 9);\n$palette-light-green-900: nth($palette-light-green, 10);\n$palette-light-green-A100: nth($palette-light-green, 11);\n$palette-light-green-A200: nth($palette-light-green, 12);\n$palette-light-green-A400: nth($palette-light-green, 13);\n$palette-light-green-A700: nth($palette-light-green, 14);\n\n$palette-lime:\n\"249,251,231\"\n\"240,244,195\"\n\"230,238,156\"\n\"220,231,117\"\n\"212,225,87\"\n\"205,220,57\"\n\"192,202,51\"\n\"175,180,43\"\n\"158,157,36\"\n\"130,119,23\"\n\"244,255,129\"\n\"238,255,65\"\n\"198,255,0\"\n\"174,234,0\";\n\n$palette-lime-50: nth($palette-lime, 1);\n$palette-lime-100: nth($palette-lime, 2);\n$palette-lime-200: nth($palette-lime, 3);\n$palette-lime-300: nth($palette-lime, 4);\n$palette-lime-400: nth($palette-lime, 5);\n$palette-lime-500: nth($palette-lime, 6);\n$palette-lime-600: nth($palette-lime, 7);\n$palette-lime-700: nth($palette-lime, 8);\n$palette-lime-800: nth($palette-lime, 9);\n$palette-lime-900: nth($palette-lime, 10);\n$palette-lime-A100: nth($palette-lime, 11);\n$palette-lime-A200: nth($palette-lime, 12);\n$palette-lime-A400: nth($palette-lime, 13);\n$palette-lime-A700: nth($palette-lime, 14);\n\n$palette-yellow:\n\"255,253,231\"\n\"255,249,196\"\n\"255,245,157\"\n\"255,241,118\"\n\"255,238,88\"\n\"255,235,59\"\n\"253,216,53\"\n\"251,192,45\"\n\"249,168,37\"\n\"245,127,23\"\n\"255,255,141\"\n\"255,255,0\"\n\"255,234,0\"\n\"255,214,0\";\n\n$palette-yellow-50: nth($palette-yellow, 1);\n$palette-yellow-100: nth($palette-yellow, 2);\n$palette-yellow-200: nth($palette-yellow, 3);\n$palette-yellow-300: nth($palette-yellow, 4);\n$palette-yellow-400: nth($palette-yellow, 5);\n$palette-yellow-500: nth($palette-yellow, 6);\n$palette-yellow-600: nth($palette-yellow, 7);\n$palette-yellow-700: nth($palette-yellow, 8);\n$palette-yellow-800: nth($palette-yellow, 9);\n$palette-yellow-900: nth($palette-yellow, 10);\n$palette-yellow-A100: nth($palette-yellow, 11);\n$palette-yellow-A200: nth($palette-yellow, 12);\n$palette-yellow-A400: nth($palette-yellow, 13);\n$palette-yellow-A700: nth($palette-yellow, 14);\n\n$palette-amber:\n\"255,248,225\"\n\"255,236,179\"\n\"255,224,130\"\n\"255,213,79\"\n\"255,202,40\"\n\"255,193,7\"\n\"255,179,0\"\n\"255,160,0\"\n\"255,143,0\"\n\"255,111,0\"\n\"255,229,127\"\n\"255,215,64\"\n\"255,196,0\"\n\"255,171,0\";\n\n$palette-amber-50: nth($palette-amber, 1);\n$palette-amber-100: nth($palette-amber, 2);\n$palette-amber-200: nth($palette-amber, 3);\n$palette-amber-300: nth($palette-amber, 4);\n$palette-amber-400: nth($palette-amber, 5);\n$palette-amber-500: nth($palette-amber, 6);\n$palette-amber-600: nth($palette-amber, 7);\n$palette-amber-700: nth($palette-amber, 8);\n$palette-amber-800: nth($palette-amber, 9);\n$palette-amber-900: nth($palette-amber, 10);\n$palette-amber-A100: nth($palette-amber, 11);\n$palette-amber-A200: nth($palette-amber, 12);\n$palette-amber-A400: nth($palette-amber, 13);\n$palette-amber-A700: nth($palette-amber, 14);\n\n$palette-orange:\n\"255,243,224\"\n\"255,224,178\"\n\"255,204,128\"\n\"255,183,77\"\n\"255,167,38\"\n\"255,152,0\"\n\"251,140,0\"\n\"245,124,0\"\n\"239,108,0\"\n\"230,81,0\"\n\"255,209,128\"\n\"255,171,64\"\n\"255,145,0\"\n\"255,109,0\";\n\n$palette-orange-50: nth($palette-orange, 1);\n$palette-orange-100: nth($palette-orange, 2);\n$palette-orange-200: nth($palette-orange, 3);\n$palette-orange-300: nth($palette-orange, 4);\n$palette-orange-400: nth($palette-orange, 5);\n$palette-orange-500: nth($palette-orange, 6);\n$palette-orange-600: nth($palette-orange, 7);\n$palette-orange-700: nth($palette-orange, 8);\n$palette-orange-800: nth($palette-orange, 9);\n$palette-orange-900: nth($palette-orange, 10);\n$palette-orange-A100: nth($palette-orange, 11);\n$palette-orange-A200: nth($palette-orange, 12);\n$palette-orange-A400: nth($palette-orange, 13);\n$palette-orange-A700: nth($palette-orange, 14);\n\n$palette-deep-orange:\n\"251,233,231\"\n\"255,204,188\"\n\"255,171,145\"\n\"255,138,101\"\n\"255,112,67\"\n\"255,87,34\"\n\"244,81,30\"\n\"230,74,25\"\n\"216,67,21\"\n\"191,54,12\"\n\"255,158,128\"\n\"255,110,64\"\n\"255,61,0\"\n\"221,44,0\";\n\n$palette-deep-orange-50: nth($palette-deep-orange, 1);\n$palette-deep-orange-100: nth($palette-deep-orange, 2);\n$palette-deep-orange-200: nth($palette-deep-orange, 3);\n$palette-deep-orange-300: nth($palette-deep-orange, 4);\n$palette-deep-orange-400: nth($palette-deep-orange, 5);\n$palette-deep-orange-500: nth($palette-deep-orange, 6);\n$palette-deep-orange-600: nth($palette-deep-orange, 7);\n$palette-deep-orange-700: nth($palette-deep-orange, 8);\n$palette-deep-orange-800: nth($palette-deep-orange, 9);\n$palette-deep-orange-900: nth($palette-deep-orange, 10);\n$palette-deep-orange-A100: nth($palette-deep-orange, 11);\n$palette-deep-orange-A200: nth($palette-deep-orange, 12);\n$palette-deep-orange-A400: nth($palette-deep-orange, 13);\n$palette-deep-orange-A700: nth($palette-deep-orange, 14);\n\n\n// Color order: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.\n\n$palette-brown:\n\"239,235,233\"\n\"215,204,200\"\n\"188,170,164\"\n\"161,136,127\"\n\"141,110,99\"\n\"121,85,72\"\n\"109,76,65\"\n\"93,64,55\"\n\"78,52,46\"\n\"62,39,35\";\n\n$palette-brown-50: nth($palette-brown, 1);\n$palette-brown-100: nth($palette-brown, 2);\n$palette-brown-200: nth($palette-brown, 3);\n$palette-brown-300: nth($palette-brown, 4);\n$palette-brown-400: nth($palette-brown, 5);\n$palette-brown-500: nth($palette-brown, 6);\n$palette-brown-600: nth($palette-brown, 7);\n$palette-brown-700: nth($palette-brown, 8);\n$palette-brown-800: nth($palette-brown, 9);\n$palette-brown-900: nth($palette-brown, 10);\n\n$palette-grey:\n\"250,250,250\"\n\"245,245,245\"\n\"238,238,238\"\n\"224,224,224\"\n\"189,189,189\"\n\"158,158,158\"\n\"117,117,117\"\n\"97,97,97\"\n\"66,66,66\"\n\"33,33,33\";\n\n$palette-grey-50: nth($palette-grey, 1);\n$palette-grey-100: nth($palette-grey, 2);\n$palette-grey-200: nth($palette-grey, 3);\n$palette-grey-300: nth($palette-grey, 4);\n$palette-grey-400: nth($palette-grey, 5);\n$palette-grey-500: nth($palette-grey, 6);\n$palette-grey-600: nth($palette-grey, 7);\n$palette-grey-700: nth($palette-grey, 8);\n$palette-grey-800: nth($palette-grey, 9);\n$palette-grey-900: nth($palette-grey, 10);\n\n$palette-blue-grey:\n\"236,239,241\"\n\"207,216,220\"\n\"176,190,197\"\n\"144,164,174\"\n\"120,144,156\"\n\"96,125,139\"\n\"84,110,122\"\n\"69,90,100\"\n\"55,71,79\"\n\"38,50,56\";\n\n$palette-blue-grey-50: nth($palette-blue-grey, 1);\n$palette-blue-grey-100: nth($palette-blue-grey, 2);\n$palette-blue-grey-200: nth($palette-blue-grey, 3);\n$palette-blue-grey-300: nth($palette-blue-grey, 4);\n$palette-blue-grey-400: nth($palette-blue-grey, 5);\n$palette-blue-grey-500: nth($palette-blue-grey, 6);\n$palette-blue-grey-600: nth($palette-blue-grey, 7);\n$palette-blue-grey-700: nth($palette-blue-grey, 8);\n$palette-blue-grey-800: nth($palette-blue-grey, 9);\n$palette-blue-grey-900: nth($palette-blue-grey, 10);\n\n$color-black: \"0,0,0\";\n$color-white: \"255,255,255\";\n\n\n/* colors.scss */\n$styleguide-generate-template: false !default;\n\n// The two possible colors for overlayed text.\n$color-dark-contrast: $color-white !default;\n$color-light-contrast: $color-black !default;\n","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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@function strip-units($number) {\n @return $number / ($number * 0 + 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/* Typography */\n\n@mixin typo-preferred-font($usePreferred: true) {\n @if $usePreferred {\n font-family: $preferred_font;\n }\n}\n\n@mixin typo-display-4($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 112px;\n font-weight: 300;\n line-height: 1;\n letter-spacing: -0.04em;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-3($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-2($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 45px;\n font-weight: 400;\n line-height: 48px;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-1($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 34px;\n font-weight: 400;\n line-height: 40px;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-headline($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-title($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-subhead($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-subhead-2($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n letter-spacing: 0.04em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-body-2($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n @if $usePreferred {\n font-weight: 500;\n } @else {\n font-weight: bold;\n }\n line-height: 24px;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-body-1($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-caption($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-blockquote($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\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\n &:before {\n position: absolute;\n left: -0.5em;\n content: '“';\n }\n\n &:after {\n content: '”';\n margin-left: -0.05em;\n }\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-menu($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-button($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-icon() {\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/* Shadows */\n\n// Focus shadow mixin.\n@mixin focus-shadow() {\n box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);\n}\n\n@mixin shadow-2dp() {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\n 0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n}\n@mixin shadow-3dp() {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3px 3px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\n 0 1px 8px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n}\n@mixin shadow-4dp() {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-6dp() {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 1px 18px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-8dp() {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n@mixin shadow-16dp() {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n@mixin shadow-24dp() {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 11px 15px -7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 24px 38px 3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n/* Animations */\n\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-fast-out-slow-in;\n}\n\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-linear-out-slow-in;\n}\n\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-fast-out-linear-in;\n}\n\n@mixin material-animation-default($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-default;\n}\n\n/* Dialog */\n\n@mixin dialog-width($units:5) {\n @if(type_of($units) != 'number') {\n @error \"The unit given to dialog-width should be a number.\";\n }\n // 56dp is the base unit width for Dialogs.\n // With 5 units being the number of units for a mobile device.\n // https://goo.gl/sK2O5o\n width: $units * 56px;\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@import \"h5bp\";\n@import \"mobile\";\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/*\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/*\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/*\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@import \"../variables\";\n\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/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n color: $text-color-primary;\n font-size: 1em;\n line-height: 1.4;\n}\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\n::selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\n/*\n * A better looking default horizontal rule\n */\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/*\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 */\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\n/*\n * Remove default fieldset styles.\n */\n\nfieldset {\n border: 0;\n margin: 0;\n padding: 0;\n}\n\n/*\n * Allow only vertical resizing of textareas.\n */\n\ntextarea {\n resize: vertical;\n}\n\n/* ==========================================================================\n Browser Upgrade Prompt\n ========================================================================== */\n\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0;\n}\n\n/* ==========================================================================\n Author's custom styles\n ========================================================================== */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* ==========================================================================\n Helper classes\n ========================================================================== */\n\n/*\n * Hide visually and from screen readers:\n */\n\n.hidden {\n display: none !important;\n}\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\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/*\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\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/*\n * Hide visually and from screen readers, but maintain layout\n */\n\n.invisible {\n visibility: hidden;\n}\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\n.clearfix:before,\n.clearfix:after {\n content: \" \"; /* 1 */\n display: table; /* 2 */\n}\n\n.clearfix:after {\n clear: both;\n}\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@media only screen and (min-width: 35em) {\n /* Style adjustments for viewports that meet the condition */\n}\n\n@media print,\n (min-resolution: 1.25dppx),\n (min-resolution: 120dpi) {\n /* Style adjustments for high resolution devices */\n}\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\n@media print {\n *,\n *:before,\n *:after,\n *:first-letter {\n background: transparent !important;\n color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */\n box-shadow: none !important;\n }\n\n a,\n a:visited {\n text-decoration: underline;\n }\n\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n\n /*\n * Don't show links that are fragment identifiers,\n * or use the `javascript:` pseudo protocol\n */\n\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\";\n }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n /*\n * Printing Tables:\n * http://css-discuss.incutio.com/wiki/Printing_Tables\n */\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n img {\n max-width: 100% !important;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\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\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\n -webkit-tap-highlight-color: transparent;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 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@import \"../variables\";\n@import \"../mixins\";\n\n@if $target-elements-directly == true {\n html, body {\n font-family: $performance_font;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n\n h1, h2, h3, h4, h5, h6, p {\n margin: 0;\n padding: 0;\n }\n\n /**\n * Styles for HTML elements\n */\n\n h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {\n @include typo-display-3($colorContrast: true);\n\n font-size: 0.6em;\n }\n\n h1 {\n @include typo-display-3;\n\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n h2 {\n @include typo-display-2;\n\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n h3 {\n @include typo-display-1;\n\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n h4 {\n @include typo-headline;\n\n margin-top: 24px;\n margin-bottom: 16px;\n }\n\n h5 {\n @include typo-title;\n\n margin-top: 24px;\n margin-bottom: 16px;\n }\n\n h6 {\n @include typo-subhead;\n\n margin-top: 24px;\n margin-bottom: 16px;\n }\n\n p {\n @include typo-body-1;\n\n margin-bottom: 16px;\n }\n\n a {\n color: $text-link-color;\n font-weight: 500;\n }\n\n blockquote {\n @include typo-blockquote;\n }\n\n mark {\n background-color: #f4ff81;\n }\n\n dt {\n font-weight: 700;\n }\n\n address {\n @include typo-caption;\n\n font-style: normal;\n }\n\n ul, ol {\n @include typo-body-1;\n }\n}\n\n/**\n * Class Name Styles\n */\n\n.mdl-typography--display-4 {\n @include typo-display-4;\n}\n\n.mdl-typography--display-4-color-contrast {\n @include typo-display-4($colorContrast: true);\n}\n\n.mdl-typography--display-3 {\n @include typo-display-3;\n}\n\n.mdl-typography--display-3-color-contrast {\n @include typo-display-3($colorContrast: true);\n}\n\n.mdl-typography--display-2 {\n @include typo-display-2;\n}\n\n.mdl-typography--display-2-color-contrast {\n @include typo-display-2($colorContrast: true);\n}\n\n.mdl-typography--display-1 {\n @include typo-display-1;\n}\n\n.mdl-typography--display-1-color-contrast {\n @include typo-display-1($colorContrast: true);\n}\n\n.mdl-typography--headline {\n @include typo-headline;\n}\n\n.mdl-typography--headline-color-contrast {\n @include typo-headline($colorContrast: true);\n}\n\n.mdl-typography--title {\n @include typo-title;\n}\n\n.mdl-typography--title-color-contrast {\n @include typo-title($colorContrast: true);\n}\n\n.mdl-typography--subhead {\n @include typo-subhead;\n}\n\n.mdl-typography--subhead-color-contrast {\n @include typo-subhead($colorContrast: true);\n}\n\n.mdl-typography--body-2 {\n @include typo-body-2;\n}\n\n.mdl-typography--body-2-color-contrast {\n @include typo-body-2($colorContrast: true);\n}\n\n.mdl-typography--body-1 {\n @include typo-body-1;\n}\n\n.mdl-typography--body-1-color-contrast {\n @include typo-body-1($colorContrast: true);\n}\n\n.mdl-typography--body-2-force-preferred-font {\n @include typo-body-2($usePreferred: true);\n}\n\n.mdl-typography--body-2-force-preferred-font-color-contrast {\n @include typo-body-2($colorContrast: true, $usePreferred: true);\n}\n\n.mdl-typography--body-1-force-preferred-font {\n @include typo-body-1($usePreferred: true);\n}\n\n.mdl-typography--body-1-force-preferred-font-color-contrast {\n @include typo-body-1($colorContrast: true, $usePreferred: true);\n}\n\n.mdl-typography--caption {\n @include typo-caption;\n}\n\n.mdl-typography--caption-force-preferred-font {\n @include typo-caption($usePreferred: true);\n}\n\n.mdl-typography--caption-color-contrast {\n @include typo-caption($colorContrast: true);\n}\n\n.mdl-typography--caption-force-preferred-font-color-contrast {\n @include typo-caption($colorContrast: true, $usePreferred: true);\n}\n\n.mdl-typography--menu {\n @include typo-menu;\n}\n\n.mdl-typography--menu-color-contrast {\n @include typo-menu($colorContrast: true);\n}\n\n.mdl-typography--button {\n @include typo-button;\n}\n\n.mdl-typography--button-color-contrast {\n @include typo-button($colorContrast: true);\n}\n\n.mdl-typography--text-left {\n text-align: left;\n}\n\n.mdl-typography--text-right {\n text-align: right;\n}\n\n.mdl-typography--text-center {\n text-align: center;\n}\n\n.mdl-typography--text-justify {\n text-align: justify;\n}\n\n.mdl-typography--text-nowrap {\n white-space: nowrap;\n}\n\n.mdl-typography--text-lowercase {\n text-transform: lowercase;\n}\n\n.mdl-typography--text-uppercase {\n text-transform: uppercase;\n}\n\n.mdl-typography--text-capitalize {\n text-transform: capitalize;\n}\n\n.mdl-typography--font-thin {\n font-weight: 200 !important;\n}\n\n.mdl-typography--font-light {\n font-weight: 300 !important;\n}\n\n.mdl-typography--font-regular {\n font-weight: 400 !important;\n}\n\n.mdl-typography--font-medium {\n font-weight: 500 !important;\n}\n\n.mdl-typography--font-bold {\n font-weight: 700 !important;\n}\n\n.mdl-typography--font-black {\n font-weight: 900 !important;\n}\n\n.material-icons {\n @include typo-icon;\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@import \"../variables\";\n\n@if $trim-color-classes == false {\n // Red\n\n .mdl-color-text--red {\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .mdl-color--red {\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .mdl-color-text--red-50 {\n color: unquote(\"rgb(#{$palette-red-50})\") !important;\n }\n\n .mdl-color--red-50 {\n background-color: unquote(\"rgb(#{$palette-red-50})\") !important;\n }\n\n .mdl-color-text--red-100 {\n color: unquote(\"rgb(#{$palette-red-100})\") !important;\n }\n\n .mdl-color--red-100 {\n background-color: unquote(\"rgb(#{$palette-red-100})\") !important;\n }\n\n .mdl-color-text--red-200 {\n color: unquote(\"rgb(#{$palette-red-200})\") !important;\n }\n\n .mdl-color--red-200 {\n background-color: unquote(\"rgb(#{$palette-red-200})\") !important;\n }\n\n .mdl-color-text--red-300 {\n color: unquote(\"rgb(#{$palette-red-300})\") !important;\n }\n\n .mdl-color--red-300 {\n background-color: unquote(\"rgb(#{$palette-red-300})\") !important;\n }\n\n .mdl-color-text--red-400 {\n color: unquote(\"rgb(#{$palette-red-400})\") !important;\n }\n\n .mdl-color--red-400 {\n background-color: unquote(\"rgb(#{$palette-red-400})\") !important;\n }\n\n .mdl-color-text--red-500 {\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .mdl-color--red-500 {\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .mdl-color-text--red-600 {\n color: unquote(\"rgb(#{$palette-red-600})\") !important;\n }\n\n .mdl-color--red-600 {\n background-color: unquote(\"rgb(#{$palette-red-600})\") !important;\n }\n\n .mdl-color-text--red-700 {\n color: unquote(\"rgb(#{$palette-red-700})\") !important;\n }\n\n .mdl-color--red-700 {\n background-color: unquote(\"rgb(#{$palette-red-700})\") !important;\n }\n\n .mdl-color-text--red-800 {\n color: unquote(\"rgb(#{$palette-red-800})\") !important;\n }\n\n .mdl-color--red-800 {\n background-color: unquote(\"rgb(#{$palette-red-800})\") !important;\n }\n\n .mdl-color-text--red-900 {\n color: unquote(\"rgb(#{$palette-red-900})\") !important;\n }\n\n .mdl-color--red-900 {\n background-color: unquote(\"rgb(#{$palette-red-900})\") !important;\n }\n\n .mdl-color-text--red-A100 {\n color: unquote(\"rgb(#{$palette-red-A100})\") !important;\n }\n\n .mdl-color--red-A100 {\n background-color: unquote(\"rgb(#{$palette-red-A100})\") !important;\n }\n\n .mdl-color-text--red-A200 {\n color: unquote(\"rgb(#{$palette-red-A200})\") !important;\n }\n\n .mdl-color--red-A200 {\n background-color: unquote(\"rgb(#{$palette-red-A200})\") !important;\n }\n\n .mdl-color-text--red-A400 {\n color: unquote(\"rgb(#{$palette-red-A400})\") !important;\n }\n\n .mdl-color--red-A400 {\n background-color: unquote(\"rgb(#{$palette-red-A400})\") !important;\n }\n\n .mdl-color-text--red-A700 {\n color: unquote(\"rgb(#{$palette-red-A700})\") !important;\n }\n\n .mdl-color--red-A700 {\n background-color: unquote(\"rgb(#{$palette-red-A700})\") !important;\n }\n\n // Pink\n\n .mdl-color-text--pink {\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .mdl-color--pink {\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .mdl-color-text--pink-50 {\n color: unquote(\"rgb(#{$palette-pink-50})\") !important;\n }\n\n .mdl-color--pink-50 {\n background-color: unquote(\"rgb(#{$palette-pink-50})\") !important;\n }\n\n .mdl-color-text--pink-100 {\n color: unquote(\"rgb(#{$palette-pink-100})\") !important;\n }\n\n .mdl-color--pink-100 {\n background-color: unquote(\"rgb(#{$palette-pink-100})\") !important;\n }\n\n .mdl-color-text--pink-200 {\n color: unquote(\"rgb(#{$palette-pink-200})\") !important;\n }\n\n .mdl-color--pink-200 {\n background-color: unquote(\"rgb(#{$palette-pink-200})\") !important;\n }\n\n .mdl-color-text--pink-300 {\n color: unquote(\"rgb(#{$palette-pink-300})\") !important;\n }\n\n .mdl-color--pink-300 {\n background-color: unquote(\"rgb(#{$palette-pink-300})\") !important;\n }\n\n .mdl-color-text--pink-400 {\n color: unquote(\"rgb(#{$palette-pink-400})\") !important;\n }\n\n .mdl-color--pink-400 {\n background-color: unquote(\"rgb(#{$palette-pink-400})\") !important;\n }\n\n .mdl-color-text--pink-500 {\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .mdl-color--pink-500 {\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .mdl-color-text--pink-600 {\n color: unquote(\"rgb(#{$palette-pink-600})\") !important;\n }\n\n .mdl-color--pink-600 {\n background-color: unquote(\"rgb(#{$palette-pink-600})\") !important;\n }\n\n .mdl-color-text--pink-700 {\n color: unquote(\"rgb(#{$palette-pink-700})\") !important;\n }\n\n .mdl-color--pink-700 {\n background-color: unquote(\"rgb(#{$palette-pink-700})\") !important;\n }\n\n .mdl-color-text--pink-800 {\n color: unquote(\"rgb(#{$palette-pink-800})\") !important;\n }\n\n .mdl-color--pink-800 {\n background-color: unquote(\"rgb(#{$palette-pink-800})\") !important;\n }\n\n .mdl-color-text--pink-900 {\n color: unquote(\"rgb(#{$palette-pink-900})\") !important;\n }\n\n .mdl-color--pink-900 {\n background-color: unquote(\"rgb(#{$palette-pink-900})\") !important;\n }\n\n .mdl-color-text--pink-A100 {\n color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\n }\n\n .mdl-color--pink-A100 {\n background-color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\n }\n\n .mdl-color-text--pink-A200 {\n color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\n }\n\n .mdl-color--pink-A200 {\n background-color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\n }\n\n .mdl-color-text--pink-A400 {\n color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\n }\n\n .mdl-color--pink-A400 {\n background-color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\n }\n\n .mdl-color-text--pink-A700 {\n color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\n }\n\n .mdl-color--pink-A700 {\n background-color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\n }\n\n // Purple\n\n .mdl-color-text--purple {\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .mdl-color--purple {\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .mdl-color-text--purple-50 {\n color: unquote(\"rgb(#{$palette-purple-50})\") !important;\n }\n\n .mdl-color--purple-50 {\n background-color: unquote(\"rgb(#{$palette-purple-50})\") !important;\n }\n\n .mdl-color-text--purple-100 {\n color: unquote(\"rgb(#{$palette-purple-100})\") !important;\n }\n\n .mdl-color--purple-100 {\n background-color: unquote(\"rgb(#{$palette-purple-100})\") !important;\n }\n\n .mdl-color-text--purple-200 {\n color: unquote(\"rgb(#{$palette-purple-200})\") !important;\n }\n\n .mdl-color--purple-200 {\n background-color: unquote(\"rgb(#{$palette-purple-200})\") !important;\n }\n\n .mdl-color-text--purple-300 {\n color: unquote(\"rgb(#{$palette-purple-300})\") !important;\n }\n\n .mdl-color--purple-300 {\n background-color: unquote(\"rgb(#{$palette-purple-300})\") !important;\n }\n\n .mdl-color-text--purple-400 {\n color: unquote(\"rgb(#{$palette-purple-400})\") !important;\n }\n\n .mdl-color--purple-400 {\n background-color: unquote(\"rgb(#{$palette-purple-400})\") !important;\n }\n\n .mdl-color-text--purple-500 {\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .mdl-color--purple-500 {\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .mdl-color-text--purple-600 {\n color: unquote(\"rgb(#{$palette-purple-600})\") !important;\n }\n\n .mdl-color--purple-600 {\n background-color: unquote(\"rgb(#{$palette-purple-600})\") !important;\n }\n\n .mdl-color-text--purple-700 {\n color: unquote(\"rgb(#{$palette-purple-700})\") !important;\n }\n\n .mdl-color--purple-700 {\n background-color: unquote(\"rgb(#{$palette-purple-700})\") !important;\n }\n\n .mdl-color-text--purple-800 {\n color: unquote(\"rgb(#{$palette-purple-800})\") !important;\n }\n\n .mdl-color--purple-800 {\n background-color: unquote(\"rgb(#{$palette-purple-800})\") !important;\n }\n\n .mdl-color-text--purple-900 {\n color: unquote(\"rgb(#{$palette-purple-900})\") !important;\n }\n\n .mdl-color--purple-900 {\n background-color: unquote(\"rgb(#{$palette-purple-900})\") !important;\n }\n\n .mdl-color-text--purple-A100 {\n color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\n }\n\n .mdl-color--purple-A100 {\n background-color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\n }\n\n .mdl-color-text--purple-A200 {\n color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\n }\n\n .mdl-color--purple-A200 {\n background-color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\n }\n\n .mdl-color-text--purple-A400 {\n color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\n }\n\n .mdl-color--purple-A400 {\n background-color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\n }\n\n .mdl-color-text--purple-A700 {\n color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\n }\n\n .mdl-color--purple-A700 {\n background-color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\n }\n\n // Deep Purple.\n\n .mdl-color-text--deep-purple {\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .mdl-color--deep-purple {\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .mdl-color-text--deep-purple-50 {\n color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\n }\n\n .mdl-color--deep-purple-50 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\n }\n\n .mdl-color-text--deep-purple-100 {\n color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\n }\n\n .mdl-color--deep-purple-100 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\n }\n\n .mdl-color-text--deep-purple-200 {\n color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\n }\n\n .mdl-color--deep-purple-200 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\n }\n\n .mdl-color-text--deep-purple-300 {\n color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\n }\n\n .mdl-color--deep-purple-300 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\n }\n\n .mdl-color-text--deep-purple-400 {\n color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\n }\n\n .mdl-color--deep-purple-400 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\n }\n\n .mdl-color-text--deep-purple-500 {\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .mdl-color--deep-purple-500 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .mdl-color-text--deep-purple-600 {\n color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\n }\n\n .mdl-color--deep-purple-600 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\n }\n\n .mdl-color-text--deep-purple-700 {\n color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\n }\n\n .mdl-color--deep-purple-700 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\n }\n\n .mdl-color-text--deep-purple-800 {\n color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\n }\n\n .mdl-color--deep-purple-800 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\n }\n\n .mdl-color-text--deep-purple-900 {\n color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\n }\n\n .mdl-color--deep-purple-900 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\n }\n\n .mdl-color-text--deep-purple-A100 {\n color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\n }\n\n .mdl-color--deep-purple-A100 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\n }\n\n .mdl-color-text--deep-purple-A200 {\n color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\n }\n\n .mdl-color--deep-purple-A200 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\n }\n\n .mdl-color-text--deep-purple-A400 {\n color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\n }\n\n .mdl-color--deep-purple-A400 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\n }\n\n .mdl-color-text--deep-purple-A700 {\n color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\n }\n\n .mdl-color--deep-purple-A700 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\n }\n\n // Indigo\n\n .mdl-color-text--indigo {\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .mdl-color--indigo {\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .mdl-color-text--indigo-50 {\n color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\n }\n\n .mdl-color--indigo-50 {\n background-color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\n }\n\n .mdl-color-text--indigo-100 {\n color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\n }\n\n .mdl-color--indigo-100 {\n background-color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\n }\n\n .mdl-color-text--indigo-200 {\n color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\n }\n\n .mdl-color--indigo-200 {\n background-color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\n }\n\n .mdl-color-text--indigo-300 {\n color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\n }\n\n .mdl-color--indigo-300 {\n background-color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\n }\n\n .mdl-color-text--indigo-400 {\n color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\n }\n\n .mdl-color--indigo-400 {\n background-color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\n }\n\n .mdl-color-text--indigo-500 {\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .mdl-color--indigo-500 {\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .mdl-color-text--indigo-600 {\n color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\n }\n\n .mdl-color--indigo-600 {\n background-color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\n }\n\n .mdl-color-text--indigo-700 {\n color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\n }\n\n .mdl-color--indigo-700 {\n background-color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\n }\n\n .mdl-color-text--indigo-800 {\n color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\n }\n\n .mdl-color--indigo-800 {\n background-color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\n }\n\n .mdl-color-text--indigo-900 {\n color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\n }\n\n .mdl-color--indigo-900 {\n background-color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\n }\n\n .mdl-color-text--indigo-A100 {\n color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\n }\n\n .mdl-color--indigo-A100 {\n background-color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\n }\n\n .mdl-color-text--indigo-A200 {\n color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\n }\n\n .mdl-color--indigo-A200 {\n background-color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\n }\n\n .mdl-color-text--indigo-A400 {\n color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\n }\n\n .mdl-color--indigo-A400 {\n background-color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\n }\n\n .mdl-color-text--indigo-A700 {\n color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\n }\n\n .mdl-color--indigo-A700 {\n background-color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\n }\n\n // Blue\n\n .mdl-color-text--blue {\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .mdl-color--blue {\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .mdl-color-text--blue-50 {\n color: unquote(\"rgb(#{$palette-blue-50})\") !important;\n }\n\n .mdl-color--blue-50 {\n background-color: unquote(\"rgb(#{$palette-blue-50})\") !important;\n }\n\n .mdl-color-text--blue-100 {\n color: unquote(\"rgb(#{$palette-blue-100})\") !important;\n }\n\n .mdl-color--blue-100 {\n background-color: unquote(\"rgb(#{$palette-blue-100})\") !important;\n }\n\n .mdl-color-text--blue-200 {\n color: unquote(\"rgb(#{$palette-blue-200})\") !important;\n }\n\n .mdl-color--blue-200 {\n background-color: unquote(\"rgb(#{$palette-blue-200})\") !important;\n }\n\n .mdl-color-text--blue-300 {\n color: unquote(\"rgb(#{$palette-blue-300})\") !important;\n }\n\n .mdl-color--blue-300 {\n background-color: unquote(\"rgb(#{$palette-blue-300})\") !important;\n }\n\n .mdl-color-text--blue-400 {\n color: unquote(\"rgb(#{$palette-blue-400})\") !important;\n }\n\n .mdl-color--blue-400 {\n background-color: unquote(\"rgb(#{$palette-blue-400})\") !important;\n }\n\n .mdl-color-text--blue-500 {\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .mdl-color--blue-500 {\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .mdl-color-text--blue-600 {\n color: unquote(\"rgb(#{$palette-blue-600})\") !important;\n }\n\n .mdl-color--blue-600 {\n background-color: unquote(\"rgb(#{$palette-blue-600})\") !important;\n }\n\n .mdl-color-text--blue-700 {\n color: unquote(\"rgb(#{$palette-blue-700})\") !important;\n }\n\n .mdl-color--blue-700 {\n background-color: unquote(\"rgb(#{$palette-blue-700})\") !important;\n }\n\n .mdl-color-text--blue-800 {\n color: unquote(\"rgb(#{$palette-blue-800})\") !important;\n }\n\n .mdl-color--blue-800 {\n background-color: unquote(\"rgb(#{$palette-blue-800})\") !important;\n }\n\n .mdl-color-text--blue-900 {\n color: unquote(\"rgb(#{$palette-blue-900})\") !important;\n }\n\n .mdl-color--blue-900 {\n background-color: unquote(\"rgb(#{$palette-blue-900})\") !important;\n }\n\n .mdl-color-text--blue-A100 {\n color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\n }\n\n .mdl-color--blue-A100 {\n background-color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\n }\n\n .mdl-color-text--blue-A200 {\n color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\n }\n\n .mdl-color--blue-A200 {\n background-color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\n }\n\n .mdl-color-text--blue-A400 {\n color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\n }\n\n .mdl-color--blue-A400 {\n background-color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\n }\n\n .mdl-color-text--blue-A700 {\n color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\n }\n\n .mdl-color--blue-A700 {\n background-color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\n }\n\n // Light Blue\n\n .mdl-color-text--light-blue {\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .mdl-color--light-blue {\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .mdl-color-text--light-blue-50 {\n color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\n }\n\n .mdl-color--light-blue-50 {\n background-color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\n }\n\n .mdl-color-text--light-blue-100 {\n color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\n }\n\n .mdl-color--light-blue-100 {\n background-color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\n }\n\n .mdl-color-text--light-blue-200 {\n color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\n }\n\n .mdl-color--light-blue-200 {\n background-color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\n }\n\n .mdl-color-text--light-blue-300 {\n color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\n }\n\n .mdl-color--light-blue-300 {\n background-color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\n }\n\n .mdl-color-text--light-blue-400 {\n color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\n }\n\n .mdl-color--light-blue-400 {\n background-color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\n }\n\n .mdl-color-text--light-blue-500 {\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .mdl-color--light-blue-500 {\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .mdl-color-text--light-blue-600 {\n color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\n }\n\n .mdl-color--light-blue-600 {\n background-color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\n }\n\n .mdl-color-text--light-blue-700 {\n color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\n }\n\n .mdl-color--light-blue-700 {\n background-color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\n }\n\n .mdl-color-text--light-blue-800 {\n color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\n }\n\n .mdl-color--light-blue-800 {\n background-color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\n }\n\n .mdl-color-text--light-blue-900 {\n color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\n }\n\n .mdl-color--light-blue-900 {\n background-color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\n }\n\n .mdl-color-text--light-blue-A100 {\n color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\n }\n\n .mdl-color--light-blue-A100 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\n }\n\n .mdl-color-text--light-blue-A200 {\n color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\n }\n\n .mdl-color--light-blue-A200 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\n }\n\n .mdl-color-text--light-blue-A400 {\n color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\n }\n\n .mdl-color--light-blue-A400 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\n }\n\n .mdl-color-text--light-blue-A700 {\n color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\n }\n\n .mdl-color--light-blue-A700 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\n }\n\n // Cyan\n\n .mdl-color-text--cyan {\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .mdl-color--cyan {\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .mdl-color-text--cyan-50 {\n color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\n }\n\n .mdl-color--cyan-50 {\n background-color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\n }\n\n .mdl-color-text--cyan-100 {\n color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\n }\n\n .mdl-color--cyan-100 {\n background-color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\n }\n\n .mdl-color-text--cyan-200 {\n color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\n }\n\n .mdl-color--cyan-200 {\n background-color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\n }\n\n .mdl-color-text--cyan-300 {\n color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\n }\n\n .mdl-color--cyan-300 {\n background-color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\n }\n\n .mdl-color-text--cyan-400 {\n color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\n }\n\n .mdl-color--cyan-400 {\n background-color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\n }\n\n .mdl-color-text--cyan-500 {\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .mdl-color--cyan-500 {\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .mdl-color-text--cyan-600 {\n color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\n }\n\n .mdl-color--cyan-600 {\n background-color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\n }\n\n .mdl-color-text--cyan-700 {\n color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\n }\n\n .mdl-color--cyan-700 {\n background-color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\n }\n\n .mdl-color-text--cyan-800 {\n color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\n }\n\n .mdl-color--cyan-800 {\n background-color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\n }\n\n .mdl-color-text--cyan-900 {\n color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\n }\n\n .mdl-color--cyan-900 {\n background-color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\n }\n\n .mdl-color-text--cyan-A100 {\n color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\n }\n\n .mdl-color--cyan-A100 {\n background-color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\n }\n\n .mdl-color-text--cyan-A200 {\n color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\n }\n\n .mdl-color--cyan-A200 {\n background-color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\n }\n\n .mdl-color-text--cyan-A400 {\n color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\n }\n\n .mdl-color--cyan-A400 {\n background-color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\n }\n\n .mdl-color-text--cyan-A700 {\n color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\n }\n\n .mdl-color--cyan-A700 {\n background-color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\n }\n\n // Teal\n\n .mdl-color-text--teal {\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .mdl-color--teal {\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .mdl-color-text--teal-50 {\n color: unquote(\"rgb(#{$palette-teal-50})\") !important;\n }\n\n .mdl-color--teal-50 {\n background-color: unquote(\"rgb(#{$palette-teal-50})\") !important;\n }\n\n .mdl-color-text--teal-100 {\n color: unquote(\"rgb(#{$palette-teal-100})\") !important;\n }\n\n .mdl-color--teal-100 {\n background-color: unquote(\"rgb(#{$palette-teal-100})\") !important;\n }\n\n .mdl-color-text--teal-200 {\n color: unquote(\"rgb(#{$palette-teal-200})\") !important;\n }\n\n .mdl-color--teal-200 {\n background-color: unquote(\"rgb(#{$palette-teal-200})\") !important;\n }\n\n .mdl-color-text--teal-300 {\n color: unquote(\"rgb(#{$palette-teal-300})\") !important;\n }\n\n .mdl-color--teal-300 {\n background-color: unquote(\"rgb(#{$palette-teal-300})\") !important;\n }\n\n .mdl-color-text--teal-400 {\n color: unquote(\"rgb(#{$palette-teal-400})\") !important;\n }\n\n .mdl-color--teal-400 {\n background-color: unquote(\"rgb(#{$palette-teal-400})\") !important;\n }\n\n .mdl-color-text--teal-500 {\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .mdl-color--teal-500 {\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .mdl-color-text--teal-600 {\n color: unquote(\"rgb(#{$palette-teal-600})\") !important;\n }\n\n .mdl-color--teal-600 {\n background-color: unquote(\"rgb(#{$palette-teal-600})\") !important;\n }\n\n .mdl-color-text--teal-700 {\n color: unquote(\"rgb(#{$palette-teal-700})\") !important;\n }\n\n .mdl-color--teal-700 {\n background-color: unquote(\"rgb(#{$palette-teal-700})\") !important;\n }\n\n .mdl-color-text--teal-800 {\n color: unquote(\"rgb(#{$palette-teal-800})\") !important;\n }\n\n .mdl-color--teal-800 {\n background-color: unquote(\"rgb(#{$palette-teal-800})\") !important;\n }\n\n .mdl-color-text--teal-900 {\n color: unquote(\"rgb(#{$palette-teal-900})\") !important;\n }\n\n .mdl-color--teal-900 {\n background-color: unquote(\"rgb(#{$palette-teal-900})\") !important;\n }\n\n .mdl-color-text--teal-A100 {\n color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\n }\n\n .mdl-color--teal-A100 {\n background-color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\n }\n\n .mdl-color-text--teal-A200 {\n color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\n }\n\n .mdl-color--teal-A200 {\n background-color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\n }\n\n .mdl-color-text--teal-A400 {\n color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\n }\n\n .mdl-color--teal-A400 {\n background-color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\n }\n\n .mdl-color-text--teal-A700 {\n color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\n }\n\n .mdl-color--teal-A700 {\n background-color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\n }\n\n // Green\n\n .mdl-color-text--green {\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .mdl-color--green {\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .mdl-color-text--green-50 {\n color: unquote(\"rgb(#{$palette-green-50})\") !important;\n }\n\n .mdl-color--green-50 {\n background-color: unquote(\"rgb(#{$palette-green-50})\") !important;\n }\n\n .mdl-color-text--green-100 {\n color: unquote(\"rgb(#{$palette-green-100})\") !important;\n }\n\n .mdl-color--green-100 {\n background-color: unquote(\"rgb(#{$palette-green-100})\") !important;\n }\n\n .mdl-color-text--green-200 {\n color: unquote(\"rgb(#{$palette-green-200})\") !important;\n }\n\n .mdl-color--green-200 {\n background-color: unquote(\"rgb(#{$palette-green-200})\") !important;\n }\n\n .mdl-color-text--green-300 {\n color: unquote(\"rgb(#{$palette-green-300})\") !important;\n }\n\n .mdl-color--green-300 {\n background-color: unquote(\"rgb(#{$palette-green-300})\") !important;\n }\n\n .mdl-color-text--green-400 {\n color: unquote(\"rgb(#{$palette-green-400})\") !important;\n }\n\n .mdl-color--green-400 {\n background-color: unquote(\"rgb(#{$palette-green-400})\") !important;\n }\n\n .mdl-color-text--green-500 {\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .mdl-color--green-500 {\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .mdl-color-text--green-600 {\n color: unquote(\"rgb(#{$palette-green-600})\") !important;\n }\n\n .mdl-color--green-600 {\n background-color: unquote(\"rgb(#{$palette-green-600})\") !important;\n }\n\n .mdl-color-text--green-700 {\n color: unquote(\"rgb(#{$palette-green-700})\") !important;\n }\n\n .mdl-color--green-700 {\n background-color: unquote(\"rgb(#{$palette-green-700})\") !important;\n }\n\n .mdl-color-text--green-800 {\n color: unquote(\"rgb(#{$palette-green-800})\") !important;\n }\n\n .mdl-color--green-800 {\n background-color: unquote(\"rgb(#{$palette-green-800})\") !important;\n }\n\n .mdl-color-text--green-900 {\n color: unquote(\"rgb(#{$palette-green-900})\") !important;\n }\n\n .mdl-color--green-900 {\n background-color: unquote(\"rgb(#{$palette-green-900})\") !important;\n }\n\n .mdl-color-text--green-A100 {\n color: unquote(\"rgb(#{$palette-green-A100})\") !important;\n }\n\n .mdl-color--green-A100 {\n background-color: unquote(\"rgb(#{$palette-green-A100})\") !important;\n }\n\n .mdl-color-text--green-A200 {\n color: unquote(\"rgb(#{$palette-green-A200})\") !important;\n }\n\n .mdl-color--green-A200 {\n background-color: unquote(\"rgb(#{$palette-green-A200})\") !important;\n }\n\n .mdl-color-text--green-A400 {\n color: unquote(\"rgb(#{$palette-green-A400})\") !important;\n }\n\n .mdl-color--green-A400 {\n background-color: unquote(\"rgb(#{$palette-green-A400})\") !important;\n }\n\n .mdl-color-text--green-A700 {\n color: unquote(\"rgb(#{$palette-green-A700})\") !important;\n }\n\n .mdl-color--green-A700 {\n background-color: unquote(\"rgb(#{$palette-green-A700})\") !important;\n }\n\n // Light Green\n\n .mdl-color-text--light-green {\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .mdl-color--light-green {\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .mdl-color-text--light-green-50 {\n color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\n }\n\n .mdl-color--light-green-50 {\n background-color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\n }\n\n .mdl-color-text--light-green-100 {\n color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\n }\n\n .mdl-color--light-green-100 {\n background-color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\n }\n\n .mdl-color-text--light-green-200 {\n color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\n }\n\n .mdl-color--light-green-200 {\n background-color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\n }\n\n .mdl-color-text--light-green-300 {\n color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\n }\n\n .mdl-color--light-green-300 {\n background-color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\n }\n\n .mdl-color-text--light-green-400 {\n color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\n }\n\n .mdl-color--light-green-400 {\n background-color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\n }\n\n .mdl-color-text--light-green-500 {\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .mdl-color--light-green-500 {\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .mdl-color-text--light-green-600 {\n color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\n }\n\n .mdl-color--light-green-600 {\n background-color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\n }\n\n .mdl-color-text--light-green-700 {\n color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\n }\n\n .mdl-color--light-green-700 {\n background-color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\n }\n\n .mdl-color-text--light-green-800 {\n color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\n }\n\n .mdl-color--light-green-800 {\n background-color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\n }\n\n .mdl-color-text--light-green-900 {\n color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\n }\n\n .mdl-color--light-green-900 {\n background-color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\n }\n\n .mdl-color-text--light-green-A100 {\n color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\n }\n\n .mdl-color--light-green-A100 {\n background-color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\n }\n\n .mdl-color-text--light-green-A200 {\n color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\n }\n\n .mdl-color--light-green-A200 {\n background-color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\n }\n\n .mdl-color-text--light-green-A400 {\n color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\n }\n\n .mdl-color--light-green-A400 {\n background-color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\n }\n\n .mdl-color-text--light-green-A700 {\n color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\n }\n\n .mdl-color--light-green-A700 {\n background-color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\n }\n\n // Lime\n\n .mdl-color-text--lime {\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .mdl-color--lime {\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .mdl-color-text--lime-50 {\n color: unquote(\"rgb(#{$palette-lime-50})\") !important;\n }\n\n .mdl-color--lime-50 {\n background-color: unquote(\"rgb(#{$palette-lime-50})\") !important;\n }\n\n .mdl-color-text--lime-100 {\n color: unquote(\"rgb(#{$palette-lime-100})\") !important;\n }\n\n .mdl-color--lime-100 {\n background-color: unquote(\"rgb(#{$palette-lime-100})\") !important;\n }\n\n .mdl-color-text--lime-200 {\n color: unquote(\"rgb(#{$palette-lime-200})\") !important;\n }\n\n .mdl-color--lime-200 {\n background-color: unquote(\"rgb(#{$palette-lime-200})\") !important;\n }\n\n .mdl-color-text--lime-300 {\n color: unquote(\"rgb(#{$palette-lime-300})\") !important;\n }\n\n .mdl-color--lime-300 {\n background-color: unquote(\"rgb(#{$palette-lime-300})\") !important;\n }\n\n .mdl-color-text--lime-400 {\n color: unquote(\"rgb(#{$palette-lime-400})\") !important;\n }\n\n .mdl-color--lime-400 {\n background-color: unquote(\"rgb(#{$palette-lime-400})\") !important;\n }\n\n .mdl-color-text--lime-500 {\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .mdl-color--lime-500 {\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .mdl-color-text--lime-600 {\n color: unquote(\"rgb(#{$palette-lime-600})\") !important;\n }\n\n .mdl-color--lime-600 {\n background-color: unquote(\"rgb(#{$palette-lime-600})\") !important;\n }\n\n .mdl-color-text--lime-700 {\n color: unquote(\"rgb(#{$palette-lime-700})\") !important;\n }\n\n .mdl-color--lime-700 {\n background-color: unquote(\"rgb(#{$palette-lime-700})\") !important;\n }\n\n .mdl-color-text--lime-800 {\n color: unquote(\"rgb(#{$palette-lime-800})\") !important;\n }\n\n .mdl-color--lime-800 {\n background-color: unquote(\"rgb(#{$palette-lime-800})\") !important;\n }\n\n .mdl-color-text--lime-900 {\n color: unquote(\"rgb(#{$palette-lime-900})\") !important;\n }\n\n .mdl-color--lime-900 {\n background-color: unquote(\"rgb(#{$palette-lime-900})\") !important;\n }\n\n .mdl-color-text--lime-A100 {\n color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\n }\n\n .mdl-color--lime-A100 {\n background-color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\n }\n\n .mdl-color-text--lime-A200 {\n color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\n }\n\n .mdl-color--lime-A200 {\n background-color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\n }\n\n .mdl-color-text--lime-A400 {\n color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\n }\n\n .mdl-color--lime-A400 {\n background-color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\n }\n\n .mdl-color-text--lime-A700 {\n color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\n }\n\n .mdl-color--lime-A700 {\n background-color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\n }\n\n // Yellow\n\n .mdl-color-text--yellow {\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .mdl-color--yellow {\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .mdl-color-text--yellow-50 {\n color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\n }\n\n .mdl-color--yellow-50 {\n background-color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\n }\n\n .mdl-color-text--yellow-100 {\n color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\n }\n\n .mdl-color--yellow-100 {\n background-color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\n }\n\n .mdl-color-text--yellow-200 {\n color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\n }\n\n .mdl-color--yellow-200 {\n background-color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\n }\n\n .mdl-color-text--yellow-300 {\n color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\n }\n\n .mdl-color--yellow-300 {\n background-color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\n }\n\n .mdl-color-text--yellow-400 {\n color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\n }\n\n .mdl-color--yellow-400 {\n background-color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\n }\n\n .mdl-color-text--yellow-500 {\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .mdl-color--yellow-500 {\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .mdl-color-text--yellow-600 {\n color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\n }\n\n .mdl-color--yellow-600 {\n background-color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\n }\n\n .mdl-color-text--yellow-700 {\n color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\n }\n\n .mdl-color--yellow-700 {\n background-color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\n }\n\n .mdl-color-text--yellow-800 {\n color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\n }\n\n .mdl-color--yellow-800 {\n background-color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\n }\n\n .mdl-color-text--yellow-900 {\n color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\n }\n\n .mdl-color--yellow-900 {\n background-color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\n }\n\n .mdl-color-text--yellow-A100 {\n color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\n }\n\n .mdl-color--yellow-A100 {\n background-color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\n }\n\n .mdl-color-text--yellow-A200 {\n color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\n }\n\n .mdl-color--yellow-A200 {\n background-color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\n }\n\n .mdl-color-text--yellow-A400 {\n color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\n }\n\n .mdl-color--yellow-A400 {\n background-color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\n }\n\n .mdl-color-text--yellow-A700 {\n color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\n }\n\n .mdl-color--yellow-A700 {\n background-color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\n }\n\n // Amber\n\n .mdl-color-text--amber {\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .mdl-color--amber {\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .mdl-color-text--amber-50 {\n color: unquote(\"rgb(#{$palette-amber-50})\") !important;\n }\n\n .mdl-color--amber-50 {\n background-color: unquote(\"rgb(#{$palette-amber-50})\") !important;\n }\n\n .mdl-color-text--amber-100 {\n color: unquote(\"rgb(#{$palette-amber-100})\") !important;\n }\n\n .mdl-color--amber-100 {\n background-color: unquote(\"rgb(#{$palette-amber-100})\") !important;\n }\n\n .mdl-color-text--amber-200 {\n color: unquote(\"rgb(#{$palette-amber-200})\") !important;\n }\n\n .mdl-color--amber-200 {\n background-color: unquote(\"rgb(#{$palette-amber-200})\") !important;\n }\n\n .mdl-color-text--amber-300 {\n color: unquote(\"rgb(#{$palette-amber-300})\") !important;\n }\n\n .mdl-color--amber-300 {\n background-color: unquote(\"rgb(#{$palette-amber-300})\") !important;\n }\n\n .mdl-color-text--amber-400 {\n color: unquote(\"rgb(#{$palette-amber-400})\") !important;\n }\n\n .mdl-color--amber-400 {\n background-color: unquote(\"rgb(#{$palette-amber-400})\") !important;\n }\n\n .mdl-color-text--amber-500 {\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .mdl-color--amber-500 {\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .mdl-color-text--amber-600 {\n color: unquote(\"rgb(#{$palette-amber-600})\") !important;\n }\n\n .mdl-color--amber-600 {\n background-color: unquote(\"rgb(#{$palette-amber-600})\") !important;\n }\n\n .mdl-color-text--amber-700 {\n color: unquote(\"rgb(#{$palette-amber-700})\") !important;\n }\n\n .mdl-color--amber-700 {\n background-color: unquote(\"rgb(#{$palette-amber-700})\") !important;\n }\n\n .mdl-color-text--amber-800 {\n color: unquote(\"rgb(#{$palette-amber-800})\") !important;\n }\n\n .mdl-color--amber-800 {\n background-color: unquote(\"rgb(#{$palette-amber-800})\") !important;\n }\n\n .mdl-color-text--amber-900 {\n color: unquote(\"rgb(#{$palette-amber-900})\") !important;\n }\n\n .mdl-color--amber-900 {\n background-color: unquote(\"rgb(#{$palette-amber-900})\") !important;\n }\n\n .mdl-color-text--amber-A100 {\n color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\n }\n\n .mdl-color--amber-A100 {\n background-color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\n }\n\n .mdl-color-text--amber-A200 {\n color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\n }\n\n .mdl-color--amber-A200 {\n background-color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\n }\n\n .mdl-color-text--amber-A400 {\n color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\n }\n\n .mdl-color--amber-A400 {\n background-color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\n }\n\n .mdl-color-text--amber-A700 {\n color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\n }\n\n .mdl-color--amber-A700 {\n background-color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\n }\n\n // Orange\n\n .mdl-color-text--orange {\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .mdl-color--orange {\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .mdl-color-text--orange-50 {\n color: unquote(\"rgb(#{$palette-orange-50})\") !important;\n }\n\n .mdl-color--orange-50 {\n background-color: unquote(\"rgb(#{$palette-orange-50})\") !important;\n }\n\n .mdl-color-text--orange-100 {\n color: unquote(\"rgb(#{$palette-orange-100})\") !important;\n }\n\n .mdl-color--orange-100 {\n background-color: unquote(\"rgb(#{$palette-orange-100})\") !important;\n }\n\n .mdl-color-text--orange-200 {\n color: unquote(\"rgb(#{$palette-orange-200})\") !important;\n }\n\n .mdl-color--orange-200 {\n background-color: unquote(\"rgb(#{$palette-orange-200})\") !important;\n }\n\n .mdl-color-text--orange-300 {\n color: unquote(\"rgb(#{$palette-orange-300})\") !important;\n }\n\n .mdl-color--orange-300 {\n background-color: unquote(\"rgb(#{$palette-orange-300})\") !important;\n }\n\n .mdl-color-text--orange-400 {\n color: unquote(\"rgb(#{$palette-orange-400})\") !important;\n }\n\n .mdl-color--orange-400 {\n background-color: unquote(\"rgb(#{$palette-orange-400})\") !important;\n }\n\n .mdl-color-text--orange-500 {\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .mdl-color--orange-500 {\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .mdl-color-text--orange-600 {\n color: unquote(\"rgb(#{$palette-orange-600})\") !important;\n }\n\n .mdl-color--orange-600 {\n background-color: unquote(\"rgb(#{$palette-orange-600})\") !important;\n }\n\n .mdl-color-text--orange-700 {\n color: unquote(\"rgb(#{$palette-orange-700})\") !important;\n }\n\n .mdl-color--orange-700 {\n background-color: unquote(\"rgb(#{$palette-orange-700})\") !important;\n }\n\n .mdl-color-text--orange-800 {\n color: unquote(\"rgb(#{$palette-orange-800})\") !important;\n }\n\n .mdl-color--orange-800 {\n background-color: unquote(\"rgb(#{$palette-orange-800})\") !important;\n }\n\n .mdl-color-text--orange-900 {\n color: unquote(\"rgb(#{$palette-orange-900})\") !important;\n }\n\n .mdl-color--orange-900 {\n background-color: unquote(\"rgb(#{$palette-orange-900})\") !important;\n }\n\n .mdl-color-text--orange-A100 {\n color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\n }\n\n .mdl-color--orange-A100 {\n background-color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\n }\n\n .mdl-color-text--orange-A200 {\n color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\n }\n\n .mdl-color--orange-A200 {\n background-color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\n }\n\n .mdl-color-text--orange-A400 {\n color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\n }\n\n .mdl-color--orange-A400 {\n background-color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\n }\n\n .mdl-color-text--orange-A700 {\n color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\n }\n\n .mdl-color--orange-A700 {\n background-color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\n }\n\n // Deep Orange\n\n .mdl-color-text--deep-orange {\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .mdl-color--deep-orange {\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .mdl-color-text--deep-orange-50 {\n color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\n }\n\n .mdl-color--deep-orange-50 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\n }\n\n .mdl-color-text--deep-orange-100 {\n color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\n }\n\n .mdl-color--deep-orange-100 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\n }\n\n .mdl-color-text--deep-orange-200 {\n color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\n }\n\n .mdl-color--deep-orange-200 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\n }\n\n .mdl-color-text--deep-orange-300 {\n color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\n }\n\n .mdl-color--deep-orange-300 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\n }\n\n .mdl-color-text--deep-orange-400 {\n color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\n }\n\n .mdl-color--deep-orange-400 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\n }\n\n .mdl-color-text--deep-orange-500 {\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .mdl-color--deep-orange-500 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .mdl-color-text--deep-orange-600 {\n color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\n }\n\n .mdl-color--deep-orange-600 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\n }\n\n .mdl-color-text--deep-orange-700 {\n color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\n }\n\n .mdl-color--deep-orange-700 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\n }\n\n .mdl-color-text--deep-orange-800 {\n color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\n }\n\n .mdl-color--deep-orange-800 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\n }\n\n .mdl-color-text--deep-orange-900 {\n color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\n }\n\n .mdl-color--deep-orange-900 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\n }\n\n .mdl-color-text--deep-orange-A100 {\n color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\n }\n\n .mdl-color--deep-orange-A100 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\n }\n\n .mdl-color-text--deep-orange-A200 {\n color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\n }\n\n .mdl-color--deep-orange-A200 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\n }\n\n .mdl-color-text--deep-orange-A400 {\n color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\n }\n\n .mdl-color--deep-orange-A400 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\n }\n\n .mdl-color-text--deep-orange-A700 {\n color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\n }\n\n .mdl-color--deep-orange-A700 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\n }\n\n // Brown\n\n .mdl-color-text--brown {\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .mdl-color--brown {\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .mdl-color-text--brown-50 {\n color: unquote(\"rgb(#{$palette-brown-50})\") !important;\n }\n\n .mdl-color--brown-50 {\n background-color: unquote(\"rgb(#{$palette-brown-50})\") !important;\n }\n\n .mdl-color-text--brown-100 {\n color: unquote(\"rgb(#{$palette-brown-100})\") !important;\n }\n\n .mdl-color--brown-100 {\n background-color: unquote(\"rgb(#{$palette-brown-100})\") !important;\n }\n\n .mdl-color-text--brown-200 {\n color: unquote(\"rgb(#{$palette-brown-200})\") !important;\n }\n\n .mdl-color--brown-200 {\n background-color: unquote(\"rgb(#{$palette-brown-200})\") !important;\n }\n\n .mdl-color-text--brown-300 {\n color: unquote(\"rgb(#{$palette-brown-300})\") !important;\n }\n\n .mdl-color--brown-300 {\n background-color: unquote(\"rgb(#{$palette-brown-300})\") !important;\n }\n\n .mdl-color-text--brown-400 {\n color: unquote(\"rgb(#{$palette-brown-400})\") !important;\n }\n\n .mdl-color--brown-400 {\n background-color: unquote(\"rgb(#{$palette-brown-400})\") !important;\n }\n\n .mdl-color-text--brown-500 {\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .mdl-color--brown-500 {\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .mdl-color-text--brown-600 {\n color: unquote(\"rgb(#{$palette-brown-600})\") !important;\n }\n\n .mdl-color--brown-600 {\n background-color: unquote(\"rgb(#{$palette-brown-600})\") !important;\n }\n\n .mdl-color-text--brown-700 {\n color: unquote(\"rgb(#{$palette-brown-700})\") !important;\n }\n\n .mdl-color--brown-700 {\n background-color: unquote(\"rgb(#{$palette-brown-700})\") !important;\n }\n\n .mdl-color-text--brown-800 {\n color: unquote(\"rgb(#{$palette-brown-800})\") !important;\n }\n\n .mdl-color--brown-800 {\n background-color: unquote(\"rgb(#{$palette-brown-800})\") !important;\n }\n\n .mdl-color-text--brown-900 {\n color: unquote(\"rgb(#{$palette-brown-900})\") !important;\n }\n\n .mdl-color--brown-900 {\n background-color: unquote(\"rgb(#{$palette-brown-900})\") !important;\n }\n\n // Grey\n\n .mdl-color-text--grey {\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .mdl-color--grey {\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .mdl-color-text--grey-50 {\n color: unquote(\"rgb(#{$palette-grey-50})\") !important;\n }\n\n .mdl-color--grey-50 {\n background-color: unquote(\"rgb(#{$palette-grey-50})\") !important;\n }\n\n .mdl-color-text--grey-100 {\n color: unquote(\"rgb(#{$palette-grey-100})\") !important;\n }\n\n .mdl-color--grey-100 {\n background-color: unquote(\"rgb(#{$palette-grey-100})\") !important;\n }\n\n .mdl-color-text--grey-200 {\n color: unquote(\"rgb(#{$palette-grey-200})\") !important;\n }\n\n .mdl-color--grey-200 {\n background-color: unquote(\"rgb(#{$palette-grey-200})\") !important;\n }\n\n .mdl-color-text--grey-300 {\n color: unquote(\"rgb(#{$palette-grey-300})\") !important;\n }\n\n .mdl-color--grey-300 {\n background-color: unquote(\"rgb(#{$palette-grey-300})\") !important;\n }\n\n .mdl-color-text--grey-400 {\n color: unquote(\"rgb(#{$palette-grey-400})\") !important;\n }\n\n .mdl-color--grey-400 {\n background-color: unquote(\"rgb(#{$palette-grey-400})\") !important;\n }\n\n .mdl-color-text--grey-500 {\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .mdl-color--grey-500 {\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .mdl-color-text--grey-600 {\n color: unquote(\"rgb(#{$palette-grey-600})\") !important;\n }\n\n .mdl-color--grey-600 {\n background-color: unquote(\"rgb(#{$palette-grey-600})\") !important;\n }\n\n .mdl-color-text--grey-700 {\n color: unquote(\"rgb(#{$palette-grey-700})\") !important;\n }\n\n .mdl-color--grey-700 {\n background-color: unquote(\"rgb(#{$palette-grey-700})\") !important;\n }\n\n .mdl-color-text--grey-800 {\n color: unquote(\"rgb(#{$palette-grey-800})\") !important;\n }\n\n .mdl-color--grey-800 {\n background-color: unquote(\"rgb(#{$palette-grey-800})\") !important;\n }\n\n .mdl-color-text--grey-900 {\n color: unquote(\"rgb(#{$palette-grey-900})\") !important;\n }\n\n .mdl-color--grey-900 {\n background-color: unquote(\"rgb(#{$palette-grey-900})\") !important;\n }\n\n // Blue Grey\n\n .mdl-color-text--blue-grey {\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .mdl-color--blue-grey {\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .mdl-color-text--blue-grey-50 {\n color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\n }\n\n .mdl-color--blue-grey-50 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\n }\n\n .mdl-color-text--blue-grey-100 {\n color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\n }\n\n .mdl-color--blue-grey-100 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\n }\n\n .mdl-color-text--blue-grey-200 {\n color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\n }\n\n .mdl-color--blue-grey-200 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\n }\n\n .mdl-color-text--blue-grey-300 {\n color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\n }\n\n .mdl-color--blue-grey-300 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\n }\n\n .mdl-color-text--blue-grey-400 {\n color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\n }\n\n .mdl-color--blue-grey-400 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\n }\n\n .mdl-color-text--blue-grey-500 {\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .mdl-color--blue-grey-500 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .mdl-color-text--blue-grey-600 {\n color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\n }\n\n .mdl-color--blue-grey-600 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\n }\n\n .mdl-color-text--blue-grey-700 {\n color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\n }\n\n .mdl-color--blue-grey-700 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\n }\n\n .mdl-color-text--blue-grey-800 {\n color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\n }\n\n .mdl-color--blue-grey-800 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\n }\n\n .mdl-color-text--blue-grey-900 {\n color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\n }\n\n .mdl-color--blue-grey-900 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\n }\n\n // Black\n\n .mdl-color--black {\n background-color: unquote(\"rgb(#{$color-black})\") !important;\n }\n\n .mdl-color-text--black {\n color: unquote(\"rgb(#{$color-black})\") !important;\n }\n\n // White\n\n .mdl-color--white {\n background-color: unquote(\"rgb(#{$color-white})\") !important;\n }\n\n .mdl-color-text--white {\n color: unquote(\"rgb(#{$color-white})\") !important;\n }\n}\n\n// Primary and accent\n\n.mdl-color--primary {\n background-color: unquote(\"rgb(#{$color-primary})\") !important;\n}\n\n.mdl-color--primary-contrast {\n background-color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\n}\n\n.mdl-color--primary-dark {\n background-color: unquote(\"rgb(#{$color-primary-dark})\") !important;\n}\n\n.mdl-color--accent {\n background-color: unquote(\"rgb(#{$color-accent})\") !important;\n}\n\n.mdl-color--accent-contrast {\n background-color: unquote(\"rgb(#{$color-accent-contrast})\") !important;\n}\n\n.mdl-color-text--primary {\n color: unquote(\"rgb(#{$color-primary})\") !important;\n}\n\n.mdl-color-text--primary-contrast {\n color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\n}\n\n.mdl-color-text--primary-dark {\n color: unquote(\"rgb(#{$color-primary-dark})\") !important;\n}\n\n.mdl-color-text--accent {\n color: unquote(\"rgb(#{$color-accent})\") !important;\n}\n\n.mdl-color-text--accent-contrast {\n color: unquote(\"rgb(#{$color-accent-contrast})\") !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@import \"../variables\";\n\n.mdl-ripple {\n background : $ripple-bg-color;\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\n &.is-animating {\n transition: transform 0.3s $animation-curve-linear-out-slow-in,\n width 0.3s $animation-curve-linear-out-slow-in,\n height 0.3s $animation-curve-linear-out-slow-in,\n opacity 0.6s $animation-curve-linear-out-slow-in;\n }\n\n &.is-visible {\n opacity: 0.3;\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\n@import \"../variables\";\n\n\n.mdl-animation--default {\n transition-timing-function: $animation-curve-default;\n}\n\n.mdl-animation--fast-out-slow-in {\n transition-timing-function: $animation-curve-fast-out-slow-in;\n}\n\n.mdl-animation--linear-out-slow-in {\n transition-timing-function: $animation-curve-linear-out-slow-in;\n}\n\n.mdl-animation--fast-out-linear-in {\n transition-timing-function: $animation-curve-fast-out-linear-in;\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@import \"../variables\";\n\n.mdl-badge {\n position : relative;\n white-space: nowrap;\n margin-right: ($badge-size + $badge-padding);\n\n &:not([data-badge]) {\n margin-right: auto;\n }\n\n &[data-badge]:after {\n content: attr(data-badge);\n\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n\n position: absolute;\n top: -($badge-size / 2);\n right: -($badge-size + $badge-padding);\n\n .mdl-button & {\n top: -10px;\n right: -5px;\n }\n\n font-family: $preferred_font;\n font-weight: 600;\n font-size: $badge-font-size;\n width: $badge-size;\n height: $badge-size;\n border-radius : 50%;\n\n background: $badge-background;\n color: $badge-color;\n }\n\n &.mdl-badge--no-background {\n &[data-badge]:after {\n color: $badge-color-inverse;\n background: $badge-background-inverse;\n\n box-shadow: 0 0 1px gray;\n }\n }\n &.mdl-badge--overlap {\n margin-right: ($badge-size - $badge-overlap);\n &:after {\n right: -($badge-size - $badge-overlap);\n }\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\n@import \"../variables\";\n@import \"../mixins\";\n\n// The button component. Defaults to a flat button.\n.mdl-button {\n background: transparent;\n border: none;\n border-radius: $button-border-radius;\n color: $button-secondary-color;\n position: relative;\n height: $button-height;\n margin: 0;\n min-width: $button-min-width;\n padding: 0 $button-padding;\n display: inline-block;\n @include typo-button();\n overflow: hidden;\n will-change: box-shadow;\n transition: box-shadow 0.2s $animation-curve-fast-out-linear-in,\n background-color 0.2s $animation-curve-default,\n color 0.2s $animation-curve-default;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: $button-height;\n vertical-align: middle;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:hover {\n background-color: $button-hover-color;\n }\n\n &:focus:not(:active) {\n background-color: $button-focus-color;\n }\n\n &:active {\n background-color: $button-active-color;\n }\n\n &.mdl-button--colored {\n color: $button-primary-color-alt;\n\n &:focus:not(:active) {\n background-color: $button-focus-color-alt;\n }\n }\n}\n\ninput.mdl-button[type=\"submit\"] {\n -webkit-appearance:none;\n}\n\n // Raised buttons\n .mdl-button--raised {\n background: $button-primary-color;\n @include shadow-2dp();\n\n &:active {\n @include shadow-4dp();\n background-color: $button-active-color;\n }\n\n &:focus:not(:active) {\n @include focus-shadow();\n background-color: $button-active-color;\n }\n\n &.mdl-button--colored {\n background: $button-primary-color-alt;\n color: $button-secondary-color-alt;\n\n &:hover {\n background-color: $button-hover-color-alt;\n }\n\n &:active {\n background-color: $button-active-color-alt;\n }\n\n &:focus:not(:active) {\n background-color: $button-active-color-alt;\n }\n\n & .mdl-ripple {\n background: $button-ripple-color-alt;\n }\n }\n }\n\n\n // FABs\n .mdl-button--fab {\n border-radius: 50%;\n font-size: $button-fab-font-size;\n height: $button-fab-size;\n margin: auto;\n min-width: $button-fab-size;\n width: $button-fab-size;\n padding: 0;\n overflow: hidden;\n background: $button-primary-color;\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\n & .material-icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(- $button-fab-font-size / 2, - $button-fab-font-size / 2);\n line-height: $button-fab-font-size;\n width: $button-fab-font-size;\n }\n\n &.mdl-button--mini-fab {\n height: $button-fab-size-mini;\n min-width: $button-fab-size-mini;\n width: $button-fab-size-mini;\n }\n\n & .mdl-button__ripple-container {\n border-radius: 50%;\n // Fixes clipping bug in Safari.\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n }\n\n &:active {\n @include shadow-4dp();\n background-color: $button-active-color;\n }\n\n &:focus:not(:active) {\n @include focus-shadow();\n background-color: $button-active-color;\n }\n\n &.mdl-button--colored {\n background: $button-fab-color-alt;\n color: $button-fab-text-color-alt;\n\n &:hover {\n background-color: $button-fab-hover-color-alt;\n }\n\n &:focus:not(:active) {\n background-color: $button-fab-active-color-alt;\n }\n\n &:active {\n background-color: $button-fab-active-color-alt;\n }\n\n & .mdl-ripple {\n background: $button-fab-ripple-color-alt;\n }\n }\n }\n\n\n // Icon buttons\n .mdl-button--icon {\n border-radius: 50%;\n font-size: $button-fab-font-size;\n height: $button-icon-size;\n margin-left: 0;\n margin-right: 0;\n min-width: $button-icon-size;\n width: $button-icon-size;\n padding: 0;\n overflow: hidden;\n color: inherit;\n line-height: normal;\n\n & .material-icons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(- $button-fab-font-size / 2, - $button-fab-font-size / 2);\n line-height: $button-fab-font-size;\n width: $button-fab-font-size;\n }\n\n &.mdl-button--mini-icon {\n height: $button-icon-size-mini;\n min-width: $button-icon-size-mini;\n width: $button-icon-size-mini;\n\n & .material-icons {\n top: ($button-icon-size-mini - $button-fab-font-size) / 2;\n left: ($button-icon-size-mini - $button-fab-font-size) / 2;\n }\n }\n\n & .mdl-button__ripple-container {\n border-radius: 50%;\n // Fixes clipping bug in Safari.\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n }\n }\n\n\n // Ripples\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\n .mdl-button[disabled] & .mdl-ripple,\n .mdl-button.mdl-button--disabled & .mdl-ripple {\n background-color: transparent;\n }\n }\n\n// Colorized buttons\n\n.mdl-button--primary.mdl-button--primary {\n color: $button-primary-color-alt;\n & .mdl-ripple {\n background: $button-secondary-color-alt;\n }\n &.mdl-button--raised, &.mdl-button--fab {\n color: $button-secondary-color-alt;\n background-color: $button-primary-color-alt;\n }\n}\n\n.mdl-button--accent.mdl-button--accent {\n color: $button-fab-color-alt;\n & .mdl-ripple {\n background: $button-fab-text-color-alt;\n }\n &.mdl-button--raised, &.mdl-button--fab {\n color: $button-fab-text-color-alt;\n background-color: $button-fab-color-alt;\n }\n}\n\n// Disabled buttons\n\n.mdl-button {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n color: $button-secondary-color-disabled;\n cursor: default;\n background-color: transparent;\n }\n\n &--fab {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n background-color: $button-primary-color-disabled;\n color: $button-secondary-color-disabled;\n }\n }\n\n &--raised {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n background-color: $button-primary-color-disabled;\n color: $button-secondary-color-disabled;\n box-shadow: none;\n }\n }\n &--colored {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n color: $button-secondary-color-disabled;\n }\n }\n}\n\n// Align icons inside buttons with text\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@import \"../variables\";\n\n.mdl-card {\n display: flex;\n flex-direction: column;\n font-size: $card-font-size;\n font-weight: 400;\n min-height: $card-height;\n overflow: hidden;\n width: $card-width;\n z-index: $card-z-index;\n position: relative;\n background: $card-background-color;\n border-radius: 2px;\n box-sizing: border-box;\n}\n\n.mdl-card__media {\n background-color: $card-image-placeholder-color;\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\n.mdl-card__title {\n align-items: center;\n color: $card-text-color;\n display: block;\n display: flex;\n justify-content: stretch;\n line-height: normal;\n padding: $card-vertical-padding $card-horizontal-padding;\n perspective-origin: $card-title-perspective-origin-x $card-title-perspective-origin-y;\n transform-origin: $card-title-transform-origin-x $card-title-transform-origin-y;\n box-sizing: border-box;\n\n &.mdl-card--border {\n border-bottom: 1px solid $card-border-color;\n }\n}\n\n.mdl-card__title-text {\n align-self: flex-end;\n color: inherit;\n display: block;\n display: flex;\n font-size: $card-title-font-size;\n font-weight: $card-title-text-font-weight;\n line-height: normal;\n overflow: hidden;\n transform-origin: $card-title-text-transform-origin-x $card-title-text-transform-origin-y;\n margin: 0;\n}\n\n.mdl-card__subtitle-text {\n font-size: $card-subtitle-font-size;\n color: $card-subtitle-color;\n margin: 0;\n}\n\n.mdl-card__supporting-text {\n color: $card-supporting-text-text-color;\n font-size: $card-supporting-text-font-size;\n line-height: $card-supporting-text-line-height;\n overflow: hidden;\n padding: $card-vertical-padding $card-horizontal-padding;\n width: 90%;\n\n &.mdl-card--border {\n border-bottom: 1px solid $card-border-color;\n }\n}\n\n.mdl-card__actions {\n font-size: $card-actions-font-size;\n line-height: normal;\n width: 100%;\n background-color: rgba(0,0,0,0);\n padding: 8px;\n box-sizing: border-box;\n\n &.mdl-card--border {\n border-top: 1px solid $card-border-color;\n }\n}\n\n.mdl-card--expand {\n flex-grow: 1;\n}\n\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@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-checkbox {\n position: relative;\n\n z-index: 1;\n\n vertical-align: middle;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: 100%;\n height: $checkbox-label-height;\n margin: 0;\n padding: 0;\n\n &.is-upgraded {\n padding-left: $checkbox-button-size + $checkbox-padding;\n }\n}\n\n.mdl-checkbox__input {\n line-height: $checkbox-label-height;\n\n .mdl-checkbox.is-upgraded & {\n // Hide input element, while still making it respond to focus.\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}\n\n.mdl-checkbox__box-outline {\n position: absolute;\n top: $checkbox-top-offset;\n left: 0;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: $checkbox-button-size;\n height: $checkbox-button-size;\n margin: 0;\n\n cursor: pointer;\n overflow: hidden;\n\n border: 2px solid $checkbox-off-color;\n border-radius: 2px;\n\n z-index: 2;\n\n .mdl-checkbox.is-checked & {\n border: 2px solid $checkbox-color;\n }\n\n fieldset[disabled] .mdl-checkbox &,\n .mdl-checkbox.is-disabled & {\n border: 2px solid $checkbox-disabled-color;\n cursor: auto;\n }\n}\n\n.mdl-checkbox__focus-helper {\n position: absolute;\n top: $checkbox-top-offset;\n left: 0;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: $checkbox-button-size;\n height: $checkbox-button-size;\n border-radius: 50%;\n\n background-color: transparent;\n\n .mdl-checkbox.is-focused & {\n box-shadow: 0 0 0px ($checkbox-button-size / 2) rgba(0, 0, 0, 0.1);\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n .mdl-checkbox.is-focused.is-checked & {\n box-shadow: 0 0 0px ($checkbox-button-size / 2) $checkbox-focus-color;\n background-color: $checkbox-focus-color;\n }\n}\n\n.mdl-checkbox__tick-outline {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n mask: url(\"#{$checkbox-image-path}/tick-mask.svg?embed\");\n\n background: transparent;\n @include material-animation-default(0.28s);\n transition-property: background;\n\n .mdl-checkbox.is-checked & {\n background: $checkbox-color url(\"#{$checkbox-image-path}/tick.svg?embed\");\n }\n\n fieldset[disabled] .mdl-checkbox.is-checked &,\n .mdl-checkbox.is-checked.is-disabled & {\n background: $checkbox-disabled-color url(\"#{$checkbox-image-path}/tick.svg?embed\");\n }\n}\n\n.mdl-checkbox__label {\n position: relative;\n cursor: pointer;\n font-size: $checkbox-label-font-size;\n line-height: $checkbox-label-height;\n margin: 0;\n\n fieldset[disabled] .mdl-checkbox &,\n .mdl-checkbox.is-disabled & {\n color: $checkbox-disabled-color;\n cursor: auto;\n }\n}\n\n.mdl-checkbox__ripple-container {\n position: absolute;\n z-index: 2;\n top: -(($checkbox-ripple-size - $checkbox-label-height) / 2);\n left: -(($checkbox-ripple-size - $checkbox-button-size) / 2);\n\n box-sizing: border-box;\n width: $checkbox-ripple-size;\n height: $checkbox-ripple-size;\n border-radius: 50%;\n\n cursor: pointer;\n\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n\n & .mdl-ripple {\n background: $checkbox-color;\n }\n\n fieldset[disabled] .mdl-checkbox &,\n .mdl-checkbox.is-disabled & {\n cursor: auto;\n }\n\n fieldset[disabled] .mdl-checkbox & .mdl-ripple,\n .mdl-checkbox.is-disabled & .mdl-ripple {\n background: transparent;\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\n@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-chip {\n height: $chip-height;\n font-family: $preferred_font;\n line-height: $chip-height;\n padding: 0 12px;\n border: 0;\n border-radius: $chip-height / 2;\n background-color: $chip-bg-color;\n display: inline-block;\n color: $text-color-primary;\n margin: 2px 0;\n font-size: 0;\n white-space: nowrap;\n\n &__text {\n font-size: $chip-font-size;\n vertical-align: middle;\n display: inline-block;\n }\n\n &__action {\n height: 24px;\n width: 24px;\n background: transparent;\n opacity: 0.54;\n display: inline-block;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n padding: 0;\n margin: 0 0 0 4px;\n font-size: $chip-font-size;\n text-decoration: none;\n color: $text-color-primary;\n border: none;\n outline: none;\n overflow: hidden;\n }\n \n &__contact {\n height: $chip-height;\n width: $chip-height;\n border-radius: $chip-height / 2;\n display: inline-block;\n vertical-align: middle;\n margin-right: 8px;\n overflow: hidden;\n text-align: center;\n font-size: 18px;\n line-height: 32px;\n }\n \n &:focus {\n outline: 0;\n @include shadow-2dp();\n }\n \n &:active {\n background-color: $chip-bg-active-color;\n }\n \n &--deletable {\n padding-right: 4px;\n }\n \n &--contact {\n padding-left: 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@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-data-table {\n position: relative;\n border: $data-table-dividers;\n border-collapse: collapse;\n white-space: nowrap;\n font-size: $data-table-font-size;\n background-color: unquote(\"rgb(#{$color-white})\");\n\n thead {\n padding-bottom: 3px;\n\n .mdl-data-table__select {\n margin-top: 0;\n }\n }\n\n tbody {\n tr {\n position: relative;\n height: $data-table-row-height;\n @include material-animation-default(0.28s);\n transition-property: background-color;\n\n &.is-selected {\n background-color: $data-table-selection-color;\n }\n\n &:hover {\n background-color: $data-table-hover-color;\n }\n }\n }\n\n td, th {\n padding: 0 $data-table-column-padding 12px $data-table-column-padding;\n text-align: right;\n\n &:first-of-type {\n padding-left: 24px;\n }\n\n &:last-of-type {\n padding-right: 24px;\n }\n }\n\n td {\n position: relative;\n vertical-align: middle;\n height: $data-table-row-height;\n border-top: $data-table-dividers;\n border-bottom: $data-table-dividers;\n padding-top: $data-table-cell-top;\n box-sizing: border-box;\n\n .mdl-data-table__select {\n vertical-align: middle;\n }\n }\n\n th {\n position: relative;\n vertical-align: bottom;\n text-overflow: ellipsis;\n @include typo-body-2();\n height: $data-table-row-height;\n font-size: $data-table-header-font-size;\n color: $data-table-header-color;\n padding-bottom: 8px;\n box-sizing: border-box;\n\n &.mdl-data-table__header--sorted-ascending,\n &.mdl-data-table__header--sorted-descending {\n color: $data-table-header-sorted-color;\n &:before {\n @include typo-icon;\n font-size: $data-table-header-sort-icon-size;\n content: \"\\e5d8\";\n margin-right: 5px;\n vertical-align: sub;\n }\n &:hover {\n cursor: pointer;\n &:before {\n color: $data-table-header-sorted-icon-hover-color;\n }\n }\n }\n &.mdl-data-table__header--sorted-descending:before {\n content: \"\\e5db\";\n }\n }\n}\n\n.mdl-data-table__select {\n width: 16px;\n}\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@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-dialog {\n border: none;\n @include shadow-24dp;\n @include dialog-width;\n\n &__title {\n padding: 24px 24px 0;\n margin: 0;\n font-size: 2.5rem;\n }\n &__actions {\n padding: 8px 8px 8px 24px;\n display: flex;\n flex-direction: row-reverse;\n flex-wrap: wrap;\n > * {\n margin-right: 8px;\n height: 36px;\n &:first-child {\n margin-right: 0;\n }\n }\n &--full-width {\n padding: 0 0 8px 0;\n > * {\n height: 48px;\n flex: 0 0 100%;\n padding-right: 16px;\n margin-right: 0;\n text-align: right;\n }\n }\n }\n &__content {\n padding: 20px 24px 24px 24px;\n color: $dialog-content-color;\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\n@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-mega-footer {\n padding: $footer-min-padding $footer-padding-sides;\n\n color: $footer-color;\n background-color: $footer-bg-color;\n}\n\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\n.mdl-mega-footer--left-section,\n.mdl-mega-footer__left-section {\n margin-bottom: $footer-min-padding;\n}\n\n.mdl-mega-footer--right-section,\n.mdl-mega-footer__right-section {\n margin-bottom: $footer-min-padding;\n}\n\n.mdl-mega-footer--right-section a,\n.mdl-mega-footer__right-section a {\n display: block;\n\n margin-bottom: $footer-min-padding;\n\n color: inherit;\n text-decoration: none;\n}\n\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--left-section,\n .mdl-mega-footer__left-section {\n float: left;\n }\n\n .mdl-mega-footer--right-section,\n .mdl-mega-footer__right-section {\n float: right;\n }\n\n .mdl-mega-footer--right-section a,\n .mdl-mega-footer__right-section a {\n display: inline-block;\n\n margin-left: $footer-min-padding;\n\n line-height: $footer-btn-size;\n vertical-align: middle;\n }\n}\n\n.mdl-mega-footer--social-btn,\n.mdl-mega-footer__social-btn {\n width: $footer-btn-size;\n height: $footer-btn-size;\n\n padding: 0;\n margin: 0;\n\n background-color: $footer-button-fill-color;\n\n border: none;\n}\n\n.mdl-mega-footer--drop-down-section,\n.mdl-mega-footer__drop-down-section {\n display: block;\n\n position: relative;\n}\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 }\n\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 }\n\n .mdl-mega-footer--drop-down-section:nth-child(3),\n .mdl-mega-footer__drop-down-section:nth-child(3) {\n float: right;\n\n &:after {\n clear: right;\n }\n }\n\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 }\n\n .mdl-mega-footer--middle-section:after,\n .mdl-mega-footer__middle-section:after {\n content: '';\n\n display: block;\n\n clear: both;\n }\n\n .mdl-mega-footer--bottom-section,\n .mdl-mega-footer__bottom-section {\n padding-top: 0;\n }\n}\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\n float: left;\n }\n}\n\n.mdl-mega-footer--heading-checkbox,\n.mdl-mega-footer__heading-checkbox {\n position: absolute;\n width: 100%;\n height: $footer-heading-line-height + ($footer-min-padding * 2);\n\n padding: ($footer-min-padding * 2);\n margin: 0;\n margin-top: -$footer-min-padding;\n\n cursor: pointer;\n\n z-index: 1;\n opacity: 0;\n\n & + .mdl-mega-footer--heading:after,\n & + .mdl-mega-footer__heading:after {\n font-family: 'Material Icons';\n content: '\\E5CE'\n }\n}\n\n.mdl-mega-footer--heading-checkbox:checked,\n.mdl-mega-footer__heading-checkbox:checked {\n // WebViews in iOS 9 break the \"~\" operator, and WebViews in OS X 10.10\n // break consecutive \"+\" operators in some cases. Therefore, we need to use\n // both here to cover all the bases.\n & ~ .mdl-mega-footer--link-list,\n & ~ .mdl-mega-footer__link-list,\n & + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,\n & + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {\n display: none;\n }\n\n & + .mdl-mega-footer--heading:after,\n & + .mdl-mega-footer__heading:after {\n font-family: 'Material Icons';\n content: '\\E5CF'\n }\n}\n\n.mdl-mega-footer--heading,\n.mdl-mega-footer__heading {\n position: relative;\n width: 100%;\n\n padding-right: $footer-heading-line-height + $footer-min-padding;\n margin-bottom: $footer-min-padding;\n\n box-sizing:border-box;\n\n font-size: $footer-heading-font-size;\n line-height: $footer-heading-line-height;\n\n font-weight: 500;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n\n color: $footer-heading-color;\n}\n\n.mdl-mega-footer--heading:after,\n.mdl-mega-footer__heading:after {\n content: '';\n\n position: absolute;\n top: 0;\n right: 0;\n\n display: block;\n\n width: $footer-heading-line-height;\n height: $footer-heading-line-height;\n\n background-size: cover;\n}\n\n.mdl-mega-footer--link-list,\n.mdl-mega-footer__link-list {\n list-style: none;\n\n margin: 0;\n padding: 0;\n\n margin-bottom: $footer-min-padding * 2;\n &:after {\n clear: both;\n display: block;\n content: '';\n }\n}\n\n.mdl-mega-footer--link-list li,\n.mdl-mega-footer__link-list li {\n @include typo-body-1();\n line-height: 20px;\n}\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\n@media screen and (min-width: 760px) {\n .mdl-mega-footer--heading-checkbox,\n .mdl-mega-footer__heading-checkbox {\n display: none;\n\n & + .mdl-mega-footer--heading:after,\n & + .mdl-mega-footer__heading:after {\n content: '';\n }\n }\n .mdl-mega-footer--heading-checkbox:checked,\n .mdl-mega-footer__heading-checkbox:checked {\n // WebViews in iOS 9 break the \"~\" operator, and WebViews in OS X 10.10\n // break consecutive \"+\" operators in some cases. Therefore, we need to use\n // both here to cover all the bases.\n & ~ .mdl-mega-footer--link-list,\n & ~ .mdl-mega-footer__link-list,\n & + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,\n & + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {\n display: block;\n }\n\n & + .mdl-mega-footer--heading:after,\n & + .mdl-mega-footer__heading:after {\n content: '';\n }\n }\n}\n\n.mdl-mega-footer--bottom-section,\n.mdl-mega-footer__bottom-section {\n padding-top: $footer-min-padding;\n margin-bottom: $footer-min-padding;\n}\n\n.mdl-logo {\n margin-bottom: $footer-min-padding;\n color: white;\n}\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\n margin-bottom: 0;\n margin-right: $footer-min-padding;\n}\n\n\n\n@media screen and (min-width: 760px) {\n .mdl-logo {\n float: left;\n\n margin-bottom: 0;\n margin-right: $footer-min-padding;\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\n@import \"../variables\";\n\n.mdl-mini-footer {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n\n padding: ($padding * 2) $padding;\n\n color: $footer-color;\n background-color: $footer-bg-color;\n\n &:after {\n content: '';\n display: block;\n }\n\n & .mdl-logo {\n line-height: $footer-btn-size;\n }\n}\n\n.mdl-mini-footer--link-list,\n.mdl-mini-footer__link-list {\n display: flex;\n flex-flow: row nowrap;\n\n list-style: none;\n\n margin: 0;\n padding: 0;\n\n & li {\n margin-bottom: 0;\n margin-right: $padding;\n\n @media screen and (min-width: 760px) {\n line-height: $footer-btn-size;\n }\n }\n\n & a {\n color: inherit;\n text-decoration: none;\n white-space: nowrap;\n }\n}\n\n.mdl-mini-footer--left-section,\n.mdl-mini-footer__left-section {\n display: inline-block;\n order: 0;\n}\n\n.mdl-mini-footer--right-section,\n.mdl-mini-footer__right-section {\n display: inline-block;\n order: 1;\n}\n\n.mdl-mini-footer--social-btn,\n.mdl-mini-footer__social-btn {\n width: $footer-btn-size;\n height: $footer-btn-size;\n\n padding: 0;\n margin: 0;\n\n background-color: $footer-button-fill-color;\n\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@import \"../variables\";\n\n.mdl-icon-toggle {\n position: relative;\n\n z-index: 1;\n\n vertical-align: middle;\n\n display: inline-block;\n height: $icon-toggle-size;\n margin: 0;\n padding: 0;\n}\n\n.mdl-icon-toggle__input {\n line-height: $icon-toggle-size;\n\n .mdl-icon-toggle.is-upgraded & {\n // Hide input element, while still making it respond to focus.\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}\n\n.mdl-icon-toggle__label {\n display: inline-block;\n position: relative;\n cursor: pointer;\n height: $icon-toggle-size;\n width: $icon-toggle-size;\n min-width: $icon-toggle-size;\n color: $icon-toggle-color;\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 $animation-curve-default,\n color 0.2s $animation-curve-default;\n\n &.material-icons {\n line-height: $icon-toggle-size;\n font-size: $icon-toggle-font-size;\n }\n\n .mdl-icon-toggle.is-checked & {\n color: $icon-toggle-checked-color;\n }\n\n .mdl-icon-toggle.is-disabled & {\n color: $icon-toggle-disabled-color;\n cursor: auto;\n transition: none;\n }\n\n .mdl-icon-toggle.is-focused & {\n background-color: $icon-toggle-focus-color;\n }\n\n .mdl-icon-toggle.is-focused.is-checked & {\n background-color: $icon-toggle-checked-focus-color;\n }\n}\n\n\n.mdl-icon-toggle__ripple-container {\n position: absolute;\n z-index: 2;\n top: -(($icon-toggle-ripple-size - $icon-toggle-size) / 2);\n left: -(($icon-toggle-ripple-size - $icon-toggle-size) / 2);\n\n box-sizing: border-box;\n width: $icon-toggle-ripple-size;\n height: $icon-toggle-ripple-size;\n border-radius: 50%;\n\n cursor: pointer;\n\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n\n & .mdl-ripple {\n background: $icon-toggle-color;\n }\n\n .mdl-icon-toggle.is-disabled & {\n cursor: auto;\n }\n\n .mdl-icon-toggle.is-disabled & .mdl-ripple {\n background: transparent;\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\n@import \"../variables\";\n@import \"../mixins\";\n\n\n.mdl-list {\n display: block;\n padding: $list-border 0;\n list-style: none;\n}\n\n.mdl-list__item {\n @include typo-subhead();\n line-height: 1;\n display: flex;\n min-height: $list-min-height;\n box-sizing: border-box;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n padding: $list-min-padding;\n cursor: default;\n color: $list-main-text-text-color;\n overflow: hidden;\n\n & .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\n & .mdl-list__item-icon {\n margin-right: $list-icon-text-left-distance - $list-icon-size - $list-min-padding;\n }\n\n & .mdl-list__item-avatar {\n margin-right: $list-avatar-text-left-distance - $list-avatar-size - $list-min-padding;\n }\n }\n\n & .mdl-list__item-secondary-content {\n display: flex;\n flex-flow: column;\n align-items: flex-end;\n margin-left: $list-min-padding;\n\n & .mdl-list__item-secondary-action label { display: inline; }\n & .mdl-list__item-secondary-info {\n @include typo-caption();\n color: $list-supporting-text-text-color;\n }\n & .mdl-list__item-sub-header {\n padding: 0 0 0 $list-min-padding;\n }\n }\n}\n\n.mdl-list__item-icon,\n.mdl-list__item-icon.material-icons {\n height: $list-icon-size;\n width: $list-icon-size;\n font-size: $list-icon-size;\n box-sizing: border-box;\n color: $list-icon-color;\n}\n\n.mdl-list__item-avatar,\n.mdl-list__item-avatar.material-icons {\n height: $list-avatar-size;\n width: $list-avatar-size;\n box-sizing: border-box;\n border-radius: 50%;\n // Set a background colour in case the user doesn't provide an image.\n background-color: $list-icon-color;\n // Set a font size and color in case the user provides a Material Icon.\n font-size: $list-avatar-size;\n color: $list-avatar-color;\n}\n\n.mdl-list__item--two-line {\n height: $list-two-line-height;\n\n & .mdl-list__item-primary-content {\n height: $list-two-line-height - $list-min-padding - $list-bottom-padding;\n line-height: 20px;\n display: block;\n\n & .mdl-list__item-avatar{\n float: left;\n }\n\n & .mdl-list__item-icon {\n float: left;\n // Icons are aligned to center of text in a two line list.\n margin-top:\n ($list-two-line-height - $list-min-padding - $list-bottom-padding -\n $list-icon-size) / 2;\n }\n\n & .mdl-list__item-secondary-content {\n height: $list-two-line-height - $list-min-padding - $list-bottom-padding;\n }\n\n & .mdl-list__item-sub-title {\n @include typo-body-1();\n line-height: 18px;\n color: $list-supporting-text-text-color;\n display: block;\n padding: 0;\n }\n }\n}\n\n.mdl-list__item--three-line {\n height: $list-three-line-height;\n\n & .mdl-list__item-primary-content {\n height: $list-three-line-height - $list-min-padding - $list-bottom-padding;\n line-height: 20px;\n display: block;\n\n & .mdl-list__item-avatar,\n & .mdl-list__item-icon {\n float: left;\n }\n }\n\n & .mdl-list__item-secondary-content {\n height: $list-three-line-height - $list-min-padding - $list-bottom-padding;\n }\n\n & .mdl-list__item-text-body {\n @include typo-body-1();\n line-height: 18px;\n height: $list-three-line-height - $list-min-padding - $list-bottom-padding;\n color: $list-supporting-text-text-color;\n display: block;\n padding: 0;\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\n@import \"../variables\";\n@import \"../mixins\";\n\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\n &.is-visible,\n &.is-animating {\n z-index: 999;\n visibility: visible;\n }\n}\n\n.mdl-menu__outline {\n display: block;\n background: $default-dropdown-bg-color;\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 @include shadow-2dp();\n will-change: transform;\n transition: transform $menu-expand-duration $animation-curve-default,\n opacity $menu-fade-duration $animation-curve-default;\n z-index: -1;\n\n .mdl-menu__container.is-visible & {\n opacity: 1;\n transform: scale(1);\n z-index: 999;\n }\n\n &.mdl-menu--bottom-right {\n transform-origin: 100% 0;\n }\n\n &.mdl-menu--top-left {\n transform-origin: 0 100%;\n }\n\n &.mdl-menu--top-right {\n transform-origin: 100% 100%;\n }\n}\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\n .mdl-menu__container.is-visible & {\n opacity: 1;\n z-index: 999;\n }\n\n &.is-animating {\n transition: opacity $menu-fade-duration $animation-curve-default,\n clip $menu-expand-duration $animation-curve-default;\n }\n\n &.mdl-menu--bottom-right {\n left: auto;\n right: 0;\n }\n\n &.mdl-menu--top-left {\n top: auto;\n bottom: 0;\n }\n\n &.mdl-menu--top-right {\n top: auto;\n left: auto;\n bottom: 0;\n right: 0;\n }\n\n &.mdl-menu--unaligned {\n top: auto;\n left: auto;\n }\n}\n\n.mdl-menu__item {\n display: block;\n border: none;\n color: $default-item-text-color;\n background-color: transparent;\n text-align: left;\n margin: 0;\n padding: 0 16px;\n outline-color: $default-item-outline-color;\n position: relative;\n overflow: hidden;\n @include typo-body-1();\n text-decoration: none;\n cursor: pointer;\n height: 48px;\n line-height: 48px;\n white-space: nowrap;\n opacity: 0;\n transition: opacity $menu-fade-duration $animation-curve-default;\n user-select: none;\n\n .mdl-menu__container.is-visible & {\n opacity: 1;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &--full-bleed-divider {\n border-bottom: 1px solid $default-item-divider-color;\n }\n\n &[disabled], &[data-mdl-disabled] {\n color: $disabled-item-text-color;\n background-color: transparent;\n cursor: auto;\n\n &:hover {\n background-color: transparent;\n }\n\n &:focus {\n background-color: transparent;\n }\n\n & .mdl-ripple {\n background: transparent;\n }\n }\n\n &:hover {\n background-color: $default-item-hover-bg-color;\n }\n\n &:focus {\n outline: none;\n background-color: $default-item-focus-bg-color;\n }\n\n &:active {\n background-color: $default-item-active-bg-color;\n }\n}\n\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@import \"../variables\";\n\n.mdl-progress {\n display: block;\n position: relative;\n height: $bar-height;\n width: 500px;\n max-width: 100%;\n}\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 $animation-curve-default;\n}\n\n.mdl-progress > .progressbar {\n background-color: $progress-main-color;\n z-index: 1;\n left: 0;\n}\n\n.mdl-progress > .bufferbar {\n background-image: linear-gradient(to right, $progress-secondary-color, $progress-secondary-color),\n linear-gradient(to right, $progress-main-color, $progress-main-color);\n z-index: 0;\n left: 0;\n}\n\n.mdl-progress > .auxbar {\n right: 0;\n}\n\n// Webkit only\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, $progress-secondary-color, $progress-secondary-color),\n linear-gradient(to right, $progress-main-color, $progress-main-color);\n mask: url('#{$progress-image-path}/buffer.svg?embed');\n }\n}\n\n.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,\n.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {\n background-image: linear-gradient(to right, $progress-fallback-buffer-color, $progress-fallback-buffer-color),\n linear-gradient(to right, $progress-main-color, $progress-main-color);\n}\n\n.mdl-progress.mdl-progress--indeterminate > .bar1,\n.mdl-progress.mdl-progress__indeterminate > .bar1 {\n background-color: $progress-main-color;\n animation-name: indeterminate1;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n}\n\n.mdl-progress.mdl-progress--indeterminate > .bar3,\n.mdl-progress.mdl-progress__indeterminate > .bar3 {\n background-image: none;\n background-color: $progress-main-color;\n animation-name: indeterminate2;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n}\n\n@keyframes indeterminate1 {\n 0% {\n left: 0%;\n width: 0%;\n }\n 50% {\n left: 25%;\n width: 75%;\n }\n 75% {\n left: 100%;\n width: 0%;\n }\n}\n\n@keyframes indeterminate2 {\n 0% {\n left: 0%;\n width: 0%;\n }\n 50% {\n left: 0%;\n width: 0%;\n }\n 75% {\n left: 0%;\n width: 25%;\n }\n 100% {\n left: 100%;\n width: 0%;\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\n@import \"../variables\";\n@import \"../mixins\";\n\n// Navigation classes. Only used here for now, but we may at some point move\n// this to its own component.\n.mdl-navigation {\n display: flex;\n flex-wrap: nowrap;\n box-sizing: border-box;\n}\n\n.mdl-navigation__link {\n color: $layout-text-color;\n text-decoration: none;\n margin: 0;\n @include typo-body-1(true);\n\n // Align icons inside link with text\n & .material-icons {\n vertical-align: middle;\n }\n}\n\n// Main layout class.\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\n// Utility classes for screen sizes.\n.mdl-layout.is-small-screen .mdl-layout--large-screen-only {\n display: none;\n}\n\n.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {\n display: none;\n}\n\n.mdl-layout__container {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n\n // Optional utility classes for formatting special blocks in this component.\n .mdl-layout__title,\n .mdl-layout-title {\n display: block;\n position: relative;\n\n @include typo-title();\n font-weight: 400;\n box-sizing: border-box;\n }\n\n .mdl-layout-spacer {\n flex-grow: 1;\n }\n\n\n // Drawer.\n .mdl-layout__drawer {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n\n width: $layout-drawer-width;\n height: 100%;\n max-height: 100%;\n\n position: absolute;\n top: 0;\n left: 0;\n\n @include shadow-2dp();\n\n box-sizing: border-box;\n border-right: 1px solid $layout-drawer-border-color;\n background: $layout-drawer-bg-color;\n\n // Transform offscreen.\n transform: translateX(-$layout-drawer-width - 10px);\n transform-style: preserve-3d;\n will-change: transform;\n\n @include material-animation-default();\n transition-property: transform;\n\n color: $layout-text-color;\n\n overflow: visible;\n overflow-y: auto;\n\n z-index: 5;\n\n &.is-visible {\n transform: translateX(0);\n & ~ .mdl-layout__content.mdl-layout__content {\n overflow: hidden;\n }\n }\n\n & > * {\n flex-shrink: 0;\n }\n\n & > .mdl-layout__title,\n & > .mdl-layout-title {\n line-height: $layout-desktop-header-height;\n padding-left: $layout-header-desktop-indent;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n line-height: $layout-mobile-header-height;\n padding-left: $layout-header-mobile-indent;\n }\n }\n\n & .mdl-navigation {\n flex-direction: column;\n align-items: stretch;\n padding-top: 16px;\n\n & .mdl-navigation__link {\n display: block;\n flex-shrink: 0;\n padding: 16px $layout-header-desktop-indent;\n margin: 0;\n color: $layout-drawer-navigation-color;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n padding: 16px $layout-header-mobile-indent;\n }\n\n &:hover {\n background-color: $layout-nav-color;\n }\n\n &--current {\n background-color: $layout-drawer-navigation-link-active-background;\n color: $layout-drawer-navigation-link-active-color;\n }\n }\n }\n\n @media screen and (min-width: $layout-screen-size-threshold + 1px) {\n .mdl-layout--fixed-drawer > & {\n transform: translateX(0);\n }\n }\n }\n\n\n // Drawer button.\n // TODO(sgomes): Replace with an icon button when we have that component.\n .mdl-layout__drawer-button {\n display: block;\n\n position: absolute;\n height: $layout-drawer-button-desktop-size;\n width: $layout-drawer-button-desktop-size;\n border: 0;\n\n flex-shrink: 0;\n\n overflow: hidden;\n text-align: center;\n cursor: pointer;\n font-size: 26px;\n line-height: $layout-mobile-header-height;\n font-family: Helvetica, Arial, sans-serif;\n margin: ($layout-mobile-header-height - $layout-drawer-button-desktop-size) 12px;\n top: 0;\n left: 0;\n color: $layout-header-text-color;\n\n z-index: 4;\n\n .mdl-layout__header & {\n position: absolute;\n color: $layout-header-text-color;\n background-color: inherit;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n margin: 4px;\n }\n }\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n margin: 4px;\n color: rgba(0, 0, 0, 0.5);\n }\n\n @media screen and (min-width: $layout-screen-size-threshold + 1px) {\n line-height: 54px;\n\n .mdl-layout--no-desktop-drawer-button &,\n .mdl-layout--fixed-drawer > &,\n .mdl-layout--no-drawer-button & {\n display: none;\n }\n }\n }\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\n width: 100%;\n margin: 0;\n padding: 0;\n border: none;\n min-height: $layout-desktop-header-height;\n max-height: 1000px;\n z-index: 3;\n\n background-color: $layout-header-bg-color;\n color: $layout-header-text-color;\n\n @include shadow-2dp();\n @include material-animation-default();\n transition-property: max-height, box-shadow;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n min-height: $layout-mobile-header-height;\n }\n\n .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > & {\n margin-left: $layout-drawer-width;\n width: calc(100% - #{$layout-drawer-width});\n }\n\n @media screen and (min-width: $layout-screen-size-threshold + 1px) {\n .mdl-layout--fixed-drawer > & {\n .mdl-layout__header-row {\n padding-left: 40px;\n }\n }\n }\n\n & > .mdl-layout-icon {\n position: absolute;\n left: $layout-header-desktop-indent;\n top: ($layout-desktop-header-height - $layout-header-icon-size) / 2;\n height: $layout-header-icon-size;\n width: $layout-header-icon-size;\n overflow: hidden;\n z-index: 3;\n display: block;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n left: $layout-header-mobile-indent;\n top: ($layout-mobile-header-height - $layout-header-icon-size) / 2;\n }\n }\n\n .mdl-layout.has-drawer & > .mdl-layout-icon {\n display: none;\n }\n\n &.is-compact {\n max-height: $layout-desktop-header-height;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n max-height: $layout-mobile-header-height;\n }\n }\n\n &.is-compact.has-tabs {\n height: $layout-desktop-header-height + $layout-tab-bar-height;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n min-height: $layout-mobile-header-height + $layout-tab-bar-height;\n }\n }\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n & {\n display: none;\n }\n\n .mdl-layout--fixed-header > & {\n display: flex;\n }\n }\n }\n\n .mdl-layout__header--transparent.mdl-layout__header--transparent {\n background-color: transparent;\n box-shadow: none;\n }\n\n .mdl-layout__header--seamed {\n box-shadow: none;\n }\n\n .mdl-layout__header--scroll {\n box-shadow: none;\n }\n\n .mdl-layout__header--waterfall {\n box-shadow: none;\n overflow: hidden;\n\n &.is-casting-shadow {\n @include shadow-2dp();\n }\n\n &.mdl-layout__header--waterfall-hide-top {\n justify-content: flex-end;\n }\n }\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: $layout-header-desktop-row-height;\n margin: 0;\n padding: 0 $layout-header-desktop-indent 0 $layout-header-desktop-baseline;\n\n .mdl-layout--no-drawer-button & {\n padding-left: $layout-header-desktop-indent;\n }\n\n @media screen and (min-width: $layout-screen-size-threshold + 1px) {\n .mdl-layout--no-desktop-drawer-button & {\n padding-left: $layout-header-desktop-indent;\n }\n }\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n height: $layout-header-mobile-row-height;\n padding: 0 $layout-header-mobile-indent 0 $layout-header-mobile-baseline;\n\n .mdl-layout--no-drawer-button & {\n padding-left: $layout-header-mobile-indent;\n }\n }\n\n & > * {\n flex-shrink: 0;\n }\n\n .mdl-layout__header--scroll & {\n width: 100%;\n }\n\n & .mdl-navigation {\n margin: 0;\n padding: 0;\n height: $layout-header-desktop-row-height;\n flex-direction: row;\n align-items: center;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n height: $layout-header-mobile-row-height;\n }\n }\n\n & .mdl-navigation__link {\n display: block;\n color: $layout-header-text-color;\n line-height: $layout-header-desktop-row-height;\n padding: 0 24px;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n line-height: $layout-header-mobile-row-height;\n padding: 0 $layout-header-mobile-indent;\n }\n }\n }\n\n // Obfuscator.\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 @include material-animation-default();\n\n &.is-visible {\n background-color: rgba(0, 0, 0, 0.5);\n visibility: visible;\n }\n\n @supports (pointer-events: auto) {\n background-color: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition-property: opacity;\n visibility: visible;\n pointer-events: none;\n &.is-visible {\n pointer-events: auto;\n opacity: 1;\n }\n }\n }\n\n\n // Content.\n .mdl-layout__content {\n // Fix IE10 bug.\n -ms-flex: 0 1 auto;\n\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\n .mdl-layout--fixed-drawer > & {\n margin-left: $layout-drawer-width;\n }\n\n .mdl-layout__container.has-scrolling-header & {\n overflow: visible;\n }\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n .mdl-layout--fixed-drawer > & {\n margin-left: 0;\n }\n\n .mdl-layout__container.has-scrolling-header & {\n overflow-y: auto;\n overflow-x: hidden;\n }\n }\n }\n\n // Tabs.\n .mdl-layout__tab-bar {\n height: $layout-tab-bar-height * 2;\n margin: 0;\n width: calc(100% -\n #{(($layout-header-desktop-baseline - $layout-tab-desktop-padding) * 2)});\n padding: 0 0 0\n ($layout-header-desktop-baseline - $layout-tab-desktop-padding);\n display: flex;\n background-color: $layout-header-bg-color;\n overflow-y: hidden;\n overflow-x: scroll;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .mdl-layout--no-drawer-button & {\n padding-left: $layout-header-desktop-indent - $layout-tab-desktop-padding;\n width: calc(100% -\n #{(($layout-header-desktop-indent - $layout-tab-desktop-padding) * 2)});\n }\n\n @media screen and (min-width: $layout-screen-size-threshold + 1px) {\n .mdl-layout--no-desktop-drawer-button & {\n padding-left: $layout-header-desktop-indent - $layout-tab-desktop-padding;\n width: calc(100% -\n #{(($layout-header-desktop-indent - $layout-tab-desktop-padding) * 2)});\n }\n }\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n width: calc(100% -\n #{($layout-header-mobile-baseline - $layout-tab-mobile-padding)});\n padding: 0 0 0\n ($layout-header-mobile-baseline - $layout-tab-mobile-padding);\n\n .mdl-layout--no-drawer-button & {\n width: calc(100% -\n #{(($layout-header-mobile-indent - $layout-tab-mobile-padding) * 2)});\n padding-left: $layout-header-mobile-indent - $layout-tab-mobile-padding;\n }\n }\n\n .mdl-layout--fixed-tabs & {\n padding: 0;\n overflow: hidden;\n width: 100%;\n }\n }\n\n .mdl-layout__tab-bar-container {\n position: relative;\n height: $layout-tab-bar-height;\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\n .mdl-layout__container > & {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n\n .mdl-layout__tab-bar-button {\n display: inline-block;\n position: absolute;\n top: 0;\n height: $layout-tab-bar-height;\n width: $layout-header-desktop-baseline - $layout-tab-desktop-padding;\n z-index: 4;\n text-align: center;\n background-color: $layout-header-bg-color;\n color: transparent;\n cursor: pointer;\n user-select: none;\n\n .mdl-layout--no-desktop-drawer-button &,\n .mdl-layout--no-drawer-button & {\n width: $layout-header-desktop-indent - $layout-tab-desktop-padding;\n\n & .material-icons {\n position: relative;\n left: ($layout-header-desktop-indent - $layout-tab-desktop-padding - 24px) / 2;\n }\n }\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n width: $layout-header-mobile-baseline - $layout-tab-mobile-padding;\n }\n\n .mdl-layout--fixed-tabs & {\n display: none;\n }\n\n & .material-icons {\n line-height: $layout-tab-bar-height;\n }\n\n &.is-active {\n color: $layout-header-text-color;\n }\n }\n\n .mdl-layout__tab-bar-left-button {\n left: 0;\n }\n\n .mdl-layout__tab-bar-right-button {\n right: 0;\n }\n\n .mdl-layout__tab {\n margin: 0;\n border: none;\n padding: 0 $layout-tab-desktop-padding 0 $layout-tab-desktop-padding;\n\n float: left;\n position: relative;\n display: block;\n flex-grow: 0;\n flex-shrink: 0;\n\n text-decoration: none;\n height: $layout-tab-bar-height;\n line-height: $layout-tab-bar-height;\n\n text-align: center;\n font-weight: 500;\n font-size: $layout-tab-font-size;\n text-transform: uppercase;\n\n color: $layout-header-tab-text-color;\n overflow: hidden;\n\n @media screen and (max-width: $layout-screen-size-threshold) {\n padding: 0 $layout-tab-mobile-padding 0 $layout-tab-mobile-padding;\n }\n\n .mdl-layout--fixed-tabs & {\n float: none;\n flex-grow: 1;\n padding: 0;\n }\n\n .mdl-layout.is-upgraded &.is-active {\n color: $layout-header-text-color;\n }\n\n .mdl-layout.is-upgraded &.is-active::after {\n height: $layout-tab-highlight-thickness;\n width: 100%;\n display: block;\n content: \" \";\n bottom: 0;\n left: 0;\n position: absolute;\n background: $layout-header-tab-highlight;\n animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0.0, 1, 1);\n }\n\n & .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\n & .mdl-ripple {\n background-color: $layout-header-text-color;\n }\n }\n }\n\n .mdl-layout__tab-panel {\n display: block;\n\n .mdl-layout.is-upgraded & {\n display: none;\n }\n\n .mdl-layout.is-upgraded &.is-active {\n display: block;\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\n@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-radio {\n position: relative;\n\n font-size: $radio-label-font-size;\n line-height: $radio-label-height;\n\n display: inline-block;\n\n vertical-align: middle;\n\n box-sizing: border-box;\n height: $radio-label-height;\n margin: 0;\n padding-left: 0;\n\n &.is-upgraded {\n padding-left: $radio-button-size + $radio-padding;\n }\n}\n\n.mdl-radio__button {\n line-height: $radio-label-height;\n\n .mdl-radio.is-upgraded & {\n // Hide input element, while still making it respond to focus.\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}\n\n.mdl-radio__outer-circle {\n position: absolute;\n top: $radio-top-offset;\n left: 0;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: $radio-button-size;\n height: $radio-button-size;\n margin: 0;\n\n cursor: pointer;\n\n border: 2px solid $radio-off-color;\n border-radius: 50%;\n\n z-index: 2;\n\n .mdl-radio.is-checked & {\n border: 2px solid $radio-color;\n }\n\n fieldset[disabled] .mdl-radio,\n .mdl-radio.is-disabled & {\n border: 2px solid $radio-disabled-color;\n cursor: auto;\n }\n}\n\n.mdl-radio__inner-circle {\n position: absolute;\n z-index: 1;\n margin: 0;\n top: $radio-top-offset + $radio-inner-margin;\n left: $radio-inner-margin;\n\n box-sizing: border-box;\n width: $radio-button-size - ($radio-inner-margin * 2);\n height: $radio-button-size - ($radio-inner-margin * 2);\n\n cursor: pointer;\n\n @include material-animation-default(0.28s);\n transition-property: transform;\n transform: scale(0, 0);\n\n border-radius: 50%;\n background: $radio-color;\n\n .mdl-radio.is-checked & {\n transform: scale(1, 1);\n }\n\n fieldset[disabled] .mdl-radio &,\n .mdl-radio.is-disabled & {\n background: $radio-disabled-color;\n cursor: auto;\n }\n\n .mdl-radio.is-focused & {\n box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);\n }\n}\n\n.mdl-radio__label {\n cursor: pointer;\n\n fieldset[disabled] .mdl-radio &,\n .mdl-radio.is-disabled & {\n color: $radio-disabled-color;\n cursor: auto;\n }\n}\n\n.mdl-radio__ripple-container {\n position: absolute;\n z-index: 2;\n top: -(($radio-ripple-size - $radio-label-height) / 2);\n left: -(($radio-ripple-size - $radio-button-size) / 2);\n\n box-sizing: border-box;\n width: $radio-ripple-size;\n height: $radio-ripple-size;\n border-radius: 50%;\n\n cursor: pointer;\n\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n\n & .mdl-ripple {\n background: $radio-color;\n }\n\n fieldset[disabled] .mdl-radio &,\n .mdl-radio.is-disabled & {\n cursor: auto;\n }\n\n fieldset[disabled] .mdl-radio & .mdl-ripple,\n .mdl-radio.is-disabled & .mdl-ripple {\n background: transparent;\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\n@import \"../variables\";\n\n// Some CSS magic to target only IE.\n_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {\n -ms-appearance: none;\n // The thumb can't overflow the track or the rest of the control in IE, so we\n // need to make it tall enough to contain the largest version of the thumb.\n height: 32px;\n margin: 0;\n}\n\n// Slider component (styled input[type=range]).\n.mdl-slider {\n width: calc(100% - 40px);\n margin: 0 20px;\n\n &.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: $range-color;\n align-self: center;\n z-index: 1;\n cursor: pointer;\n\n\n // Disable default focus on Firefox.\n &::-moz-focus-outer {\n border: 0;\n }\n\n // Disable tooltip on IE.\n &::-ms-tooltip {\n display: none;\n }\n\n\n /**************************** Tracks ****************************/\n &::-webkit-slider-runnable-track {\n background: transparent;\n }\n\n &::-moz-range-track {\n background: transparent;\n border: none;\n }\n\n &::-ms-track {\n background: none;\n color: transparent;\n height: 2px;\n width: 100%;\n border: none;\n }\n\n &::-ms-fill-lower {\n padding: 0;\n // Margin on -ms-track doesn't work right, so we use gradients on the\n // fills.\n background: linear-gradient(to right,\n transparent,\n transparent 16px,\n $range-color 16px,\n $range-color 0);\n }\n\n &::-ms-fill-upper {\n padding: 0;\n // Margin on -ms-track doesn't work right, so we use gradients on the\n // fills.\n background: linear-gradient(to left,\n transparent,\n transparent 16px,\n $range-bg-color 16px,\n $range-bg-color 0);\n }\n\n\n /**************************** Thumbs ****************************/\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n border-radius: 50%;\n background: $range-color;\n border: none;\n transition: transform 0.18s $animation-curve-default,\n border 0.18s $animation-curve-default,\n box-shadow 0.18s $animation-curve-default,\n background 0.28s $animation-curve-default;\n }\n\n &::-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: $range-color;\n border: none;\n // -moz-range-thumb doesn't currently support transitions.\n }\n\n &:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px $range-faded-color;\n }\n\n &:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px $range-faded-color;\n }\n\n &:active::-webkit-slider-thumb {\n background-image: none;\n background: $range-color;\n transform: scale(1.5);\n }\n\n &:active::-moz-range-thumb {\n background-image: none;\n background: $range-color;\n transform: scale(1.5);\n }\n\n &::-ms-thumb {\n width: 32px;\n height: 32px;\n border: none;\n border-radius: 50%;\n background: $range-color;\n transform: scale(0.375);\n // -ms-thumb doesn't currently support transitions, but leaving this here\n // in case support ever gets added.\n transition: transform 0.18s $animation-curve-default,\n background 0.28s $animation-curve-default;\n }\n\n &:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side,\n $range-color 0%,\n $range-color 37.5%,\n $range-faded-color 37.5%,\n $range-faded-color 100%);\n transform: scale(1);\n }\n\n &:active::-ms-thumb {\n background: $range-color;\n transform: scale(0.5625);\n }\n\n\n /**************************** 0-value ****************************/\n &.is-lowest-value::-webkit-slider-thumb {\n border: 2px solid $range-bg-color;\n background: transparent;\n }\n\n &.is-lowest-value::-moz-range-thumb {\n border: 2px solid $range-bg-color;\n background: transparent;\n }\n\n &.is-lowest-value +\n .mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px;\n }\n\n &.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px $range-bg-focus-color;\n background: $range-bg-focus-color;\n }\n\n &.is-lowest-value:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px $range-bg-focus-color;\n background: $range-bg-focus-color;\n }\n\n &.is-lowest-value:active::-webkit-slider-thumb {\n border: 1.6px solid $range-bg-color;\n transform: scale(1.5);\n }\n\n &.is-lowest-value:active +\n .mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 9px;\n }\n\n &.is-lowest-value:active::-moz-range-thumb {\n border: 1.5px solid $range-bg-color;\n transform: scale(1.5);\n }\n\n &.is-lowest-value::-ms-thumb {\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 66.67%,\n $range-bg-color 66.67%,\n $range-bg-color 100%);\n }\n\n &.is-lowest-value:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side,\n $range-bg-focus-color 0%,\n $range-bg-focus-color 25%,\n $range-bg-color 25%,\n $range-bg-color 37.5%,\n $range-bg-focus-color 37.5%,\n $range-bg-focus-color 100%);\n transform: scale(1);\n }\n\n &.is-lowest-value:active::-ms-thumb {\n transform: scale(0.5625);\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 77.78%,\n $range-bg-color 77.78%,\n $range-bg-color 100%);\n }\n\n &.is-lowest-value::-ms-fill-lower {\n background: transparent;\n }\n\n &.is-lowest-value::-ms-fill-upper {\n margin-left: 6px;\n }\n\n &.is-lowest-value:active::-ms-fill-upper {\n margin-left: 9px;\n }\n\n /**************************** Disabled ****************************/\n\n &:disabled:focus::-webkit-slider-thumb,\n &:disabled:active::-webkit-slider-thumb,\n &:disabled::-webkit-slider-thumb {\n transform: scale(0.667);\n background: $range-bg-color;\n }\n\n &:disabled:focus::-moz-range-thumb,\n &:disabled:active::-moz-range-thumb,\n &:disabled::-moz-range-thumb {\n transform: scale(0.667);\n background: $range-bg-color;\n }\n\n &:disabled +\n .mdl-slider__background-flex > .mdl-slider__background-lower {\n background-color: $range-bg-color;\n left: -6px;\n }\n\n &:disabled +\n .mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px;\n }\n\n &.is-lowest-value:disabled:focus::-webkit-slider-thumb,\n &.is-lowest-value:disabled:active::-webkit-slider-thumb,\n &.is-lowest-value:disabled::-webkit-slider-thumb {\n border: 3px solid $range-bg-color;\n background: transparent;\n transform: scale(0.667);\n }\n\n &.is-lowest-value:disabled:focus::-moz-range-thumb,\n &.is-lowest-value:disabled:active::-moz-range-thumb,\n &.is-lowest-value:disabled::-moz-range-thumb {\n border: 3px solid $range-bg-color;\n background: transparent;\n transform: scale(0.667);\n }\n\n &.is-lowest-value:disabled:active +\n .mdl-slider__background-flex > .mdl-slider__background-upper {\n left: 6px;\n }\n\n &:disabled:focus::-ms-thumb,\n &:disabled:active::-ms-thumb,\n &:disabled::-ms-thumb {\n transform: scale(0.25);\n background: $range-bg-color;\n }\n\n &.is-lowest-value:disabled:focus::-ms-thumb,\n &.is-lowest-value:disabled:active::-ms-thumb,\n &.is-lowest-value:disabled::-ms-thumb {\n transform: scale(0.25);\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 50%,\n $range-bg-color 50%,\n $range-bg-color 100%);\n }\n\n &:disabled::-ms-fill-lower {\n margin-right: 6px;\n background: linear-gradient(to right,\n transparent,\n transparent 25px,\n $range-bg-color 25px,\n $range-bg-color 0);\n }\n\n &:disabled::-ms-fill-upper {\n margin-left: 6px;\n }\n\n &.is-lowest-value:disabled:active::-ms-fill-upper {\n margin-left: 6px;\n }\n }\n}\n\n // Since we need to specify a height of 32px in IE, we add a class here for a\n // container that brings it back to a reasonable height.\n .mdl-slider__ie-container {\n height: 18px;\n overflow: visible;\n border: none;\n margin: none;\n padding: none;\n }\n\n // We use a set of divs behind the track to style it in all non-IE browsers.\n // This one contains both the background and the slider.\n .mdl-slider__container {\n height: 18px;\n position: relative;\n background: none;\n display: flex;\n flex-direction: row;\n }\n\n // This one sets up a flex box for the styled upper and lower portions of the\n // the slider track.\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\n // This one styles the lower part of the slider track.\n .mdl-slider__background-lower {\n background: $range-color;\n flex: 0;\n position: relative;\n border: 0;\n padding: 0;\n }\n\n // This one styles the upper part of the slider track.\n .mdl-slider__background-upper {\n background: $range-bg-color;\n flex: 0;\n position: relative;\n border: 0;\n padding: 0;\n transition: left 0.18s $animation-curve-default\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@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-snackbar {\n position: fixed;\n bottom: 0;\n left: 50%;\n cursor: default;\n background-color: $snackbar-background-color;\n z-index: 3;\n display: block;\n display: flex;\n justify-content: space-between;\n font-family: $preferred_font;\n will-change: transform;\n transform: translate(0, 80px);\n transition: transform 0.25s $animation-curve-fast-out-linear-in;\n pointer-events: none;\n @media(max-width: $snackbar-tablet-breakpoint - 1) {\n width: 100%;\n left: 0;\n min-height: 48px;\n max-height: 80px;\n }\n @media(min-width: $snackbar-tablet-breakpoint) {\n min-width: 288px;\n max-width: 568px;\n border-radius: 2px;\n transform: translate(-50%, 80px);\n }\n &--active {\n transform: translate(0, 0);\n pointer-events: auto;\n transition: transform 0.25s $animation-curve-linear-out-slow-in;\n\n @media(min-width: $snackbar-tablet-breakpoint) {\n transform: translate(-50%, 0);\n }\n }\n\n &__text {\n padding: 14px 12px 14px 24px;\n vertical-align: middle;\n color: white;\n float: left;\n }\n\n &__action {\n background: transparent;\n border: none;\n color: $snackbar-action-color;\n float: right;\n text-transform: uppercase;\n padding: 14px 24px 14px 12px;\n @include typo-button();\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\n &::-moz-focus-inner {\n border: 0;\n }\n &:not([aria-hidden]) {\n opacity: 1;\n pointer-events: auto;\n }\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\n@import \"../variables\";\n\n\n.mdl-spinner {\n display: inline-block;\n position: relative;\n width: $spinner-size;\n height: $spinner-size;\n\n &:not(.is-upgraded).is-active:after {\n content: \"Loading...\";\n }\n\n &.is-upgraded.is-active {\n animation: mdl-spinner__container-rotate $spinner-duration linear infinite;\n }\n}\n\n@keyframes mdl-spinner__container-rotate {\n to { transform: rotate(360deg) }\n}\n\n.mdl-spinner__layer {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n.mdl-spinner__layer-1 {\n border-color: $spinner-color-1;\n\n .mdl-spinner--single-color & {\n border-color: $spinner-single-color;\n }\n\n .mdl-spinner.is-active & {\n animation:\n mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both,\n mdl-spinner__layer-1-fade-in-out (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both;\n }\n}\n\n.mdl-spinner__layer-2 {\n border-color: $spinner-color-2;\n\n .mdl-spinner--single-color & {\n border-color: $spinner-single-color;\n }\n\n .mdl-spinner.is-active & {\n animation:\n mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both,\n mdl-spinner__layer-2-fade-in-out (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both;\n }\n}\n\n.mdl-spinner__layer-3 {\n border-color: $spinner-color-3;\n\n .mdl-spinner--single-color & {\n border-color: $spinner-single-color;\n }\n\n .mdl-spinner.is-active & {\n animation:\n mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both,\n mdl-spinner__layer-3-fade-in-out (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both;\n }\n}\n\n.mdl-spinner__layer-4 {\n border-color: $spinner-color-4;\n\n .mdl-spinner--single-color & {\n border-color: $spinner-single-color;\n }\n\n .mdl-spinner.is-active & {\n animation:\n mdl-spinner__fill-unfill-rotate (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both,\n mdl-spinner__layer-4-fade-in-out (4 * $spinner-arc-time)\n $animation-curve-fast-out-slow-in infinite both;\n }\n}\n\n@keyframes mdl-spinner__fill-unfill-rotate {\n 12.5% { transform: rotate(0.5 * $spinner-arc-size); }\n 25% { transform: rotate($spinner-arc-size); }\n 37.5% { transform: rotate(1.5 * $spinner-arc-size); }\n 50% { transform: rotate(2 * $spinner-arc-size); }\n 62.5% { transform: rotate(2.5 * $spinner-arc-size); }\n 75% { transform: rotate(3 * $spinner-arc-size); }\n 87.5% { transform: rotate(3.5 * $spinner-arc-size); }\n to { transform: rotate(4 * $spinner-arc-size); }\n}\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 { opacity: 0.99; }\n 25% { opacity: 0.99; }\n 26% { opacity: 0; }\n 89% { opacity: 0; }\n 90% { opacity: 0.99; }\n 100% { opacity: 0.99; }\n}\n\n@keyframes mdl-spinner__layer-2-fade-in-out {\n from { opacity: 0; }\n 15% { opacity: 0; }\n 25% { opacity: 0.99; }\n 50% { opacity: 0.99; }\n 51% { opacity: 0; }\n}\n\n@keyframes mdl-spinner__layer-3-fade-in-out {\n from { opacity: 0; }\n 40% { opacity: 0; }\n 50% { opacity: 0.99; }\n 75% { opacity: 0.99; }\n 76% { opacity: 0; }\n}\n\n@keyframes mdl-spinner__layer-4-fade-in-out {\n from { opacity: 0; }\n 65% { opacity: 0; }\n 75% { opacity: 0.99; }\n 90% { opacity: 0.99; }\n 100% { opacity: 0; }\n}\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\n & .mdl-spinner__circle {\n width: 1000%;\n left: -450%;\n }\n}\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\n &.mdl-spinner__left {\n float: left;\n }\n\n &.mdl-spinner__right {\n float: right;\n }\n\n & .mdl-spinner__circle {\n width: 200%;\n }\n}\n\n.mdl-spinner__circle {\n box-sizing: border-box;\n height: 100%;\n border-width: $spinner-stroke-width;\n border-style: solid;\n border-color: inherit;\n border-bottom-color: transparent !important;\n border-radius: 50%;\n animation: none;\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n .mdl-spinner__left & {\n border-right-color: transparent !important;\n transform: rotate(129deg);\n\n .mdl-spinner.is-active & {\n animation: mdl-spinner__left-spin $spinner-arc-time\n $animation-curve-fast-out-slow-in infinite both;\n }\n }\n\n .mdl-spinner__right & {\n left: -100%;\n border-left-color: transparent !important;\n transform: rotate(-129deg);\n\n .mdl-spinner.is-active & {\n animation: mdl-spinner__right-spin $spinner-arc-time\n $animation-curve-fast-out-slow-in infinite both;\n }\n }\n}\n\n@keyframes mdl-spinner__left-spin {\n from { transform: rotate(130deg); }\n 50% { transform: rotate(-5deg); }\n to { transform: rotate(130deg); }\n}\n\n@keyframes mdl-spinner__right-spin {\n from { transform: rotate(-130deg); }\n 50% { transform: rotate(5deg); }\n to { 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\n@import \"../variables\";\n@import \"../mixins\";\n\n.mdl-switch {\n position: relative;\n\n z-index: 1;\n\n vertical-align: middle;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: 100%;\n height: $switch-label-height;\n margin: 0;\n padding: 0;\n\n overflow: visible;\n\n &.is-upgraded {\n padding-left: $switch-track-length - 8px;\n }\n\n // avoids blue box around switch\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}\n\n.mdl-switch__input {\n line-height: $switch-label-height;\n\n .mdl-switch.is-upgraded & {\n // Hide input element, while still making it respond to focus.\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}\n\n.mdl-switch__track {\n background: $switch-off-track-color;\n position: absolute;\n left: 0;\n top: $switch-track-top;\n height: $switch-track-height;\n width: $switch-track-length;\n border-radius: $switch-track-height;\n\n cursor: pointer;\n\n .mdl-switch.is-checked & {\n background: $switch-track-color;\n }\n\n fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled & {\n background: $switch-disabled-track-color;\n cursor: auto;\n }\n}\n\n.mdl-switch__thumb {\n background: $switch-off-thumb-color;\n position: absolute;\n left: 0;\n top: $switch-thumb-top;\n height: $switch-thumb-size;\n width: $switch-thumb-size;\n border-radius: 50%;\n\n cursor: pointer;\n\n @include shadow-2dp();\n\n @include material-animation-default(0.28s);\n transition-property: left;\n\n .mdl-switch.is-checked & {\n background: $switch-thumb-color;\n left: $switch-track-length - $switch-thumb-size;\n\n @include shadow-3dp();\n }\n\n fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled & {\n background: $switch-disabled-thumb-color;\n cursor: auto;\n }\n}\n\n.mdl-switch__focus-helper {\n position: absolute;\n top: 50%;\n left: 50%;\n\n transform: translate(-$switch-helper-size / 2, -$switch-helper-size / 2);\n\n display: inline-block;\n\n box-sizing: border-box;\n width: $switch-helper-size;\n height: $switch-helper-size;\n border-radius: 50%;\n\n background-color: transparent;\n\n .mdl-switch.is-focused & {\n box-shadow: 0 0 0px (($switch-ripple-size - $switch-helper-size) / 2)\n rgba(0, 0, 0, 0.1);\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n .mdl-switch.is-focused.is-checked & {\n box-shadow: 0 0 0px (($switch-ripple-size - $switch-helper-size) / 2)\n $switch-faded-color;\n background-color: $switch-faded-color;\n }\n}\n\n.mdl-switch__label {\n position: relative;\n cursor: pointer;\n font-size: $switch-label-font-size;\n line-height: $switch-label-height;\n margin: 0;\n left: 24px;\n\n fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled & {\n color: $switch-disabled-thumb-color;\n cursor: auto;\n }\n}\n\n.mdl-switch__ripple-container {\n position: absolute;\n z-index: 2;\n top: -($switch-ripple-size - $switch-label-height) / 2;\n left: $switch-thumb-size / 2 - $switch-ripple-size / 2;\n\n box-sizing: border-box;\n width: $switch-ripple-size;\n height: $switch-ripple-size;\n border-radius: 50%;\n\n cursor: pointer;\n\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(circle, white, black);\n\n transition-duration: 0.40s;\n transition-timing-function: step-end;\n transition-property: left;\n\n & .mdl-ripple {\n background: $switch-color;\n }\n\n fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled & {\n cursor: auto;\n }\n\n fieldset[disabled] .mdl-switch & .mdl-ripple,\n .mdl-switch.is-disabled & .mdl-ripple {\n background: transparent;\n }\n\n .mdl-switch.is-checked & {\n left: $switch-track-length - $switch-ripple-size / 2 -\n $switch-thumb-size / 2;\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\n@import \"../variables\";\n\n\n.mdl-tabs {\n display: block;\n width: 100%;\n}\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\n height : 48px;\n padding : 0 0 0 0;\n margin : 0;\n border-bottom : 1px solid $tab-border-color;\n}\n\n.mdl-tabs__tab {\n margin: 0;\n border: none;\n padding: 0 24px 0 24px;\n\n float: left;\n position: relative;\n display: block;\n\n text-decoration: none;\n height: 48px;\n line-height: 48px;\n\n text-align: center;\n font-weight: 500;\n font-size: $layout-tab-font-size;\n text-transform: uppercase;\n\n color: $tab-text-color;\n overflow: hidden;\n\n .mdl-tabs.is-upgraded &.is-active {\n color: $tab-active-text-color;\n }\n\n .mdl-tabs.is-upgraded &.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: $tab-highlight-color;\n animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0.0, 1, 1);\n }\n\n & .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\n & .mdl-ripple {\n background: $tab-highlight-color;\n }\n }\n}\n\n.mdl-tabs__panel {\n display: block;\n\n .mdl-tabs.is-upgraded & {\n display: none;\n }\n\n .mdl-tabs.is-upgraded &.is-active {\n display: block;\n }\n}\n\n@keyframes border-expand {\n 0% {\n opacity: 0;\n width: 0;\n }\n\n 100% {\n opacity: 1;\n width: 100%;\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\n@import \"../variables\";\n@import \"../mixins\";\n\n// The container for the whole component.\n.mdl-textfield {\n position: relative;\n font-size: $input-text-font-size;\n display: inline-block;\n box-sizing: border-box;\n width: 300px;\n max-width: 100%;\n margin: 0;\n padding: $input-text-vertical-spacing 0;\n\n // Align buttons, if used.\n & .mdl-button {\n position: absolute;\n bottom: $input-text-vertical-spacing;\n }\n}\n\n// Optional class to align right.\n.mdl-textfield--align-right {\n text-align: right;\n}\n\n// Optional class to display at full width.\n.mdl-textfield--full-width {\n width: 100%;\n}\n\n// Optional class to make the text field expandable.\n.mdl-textfield--expandable {\n min-width: $input-text-button-size;\n width: auto;\n min-height: $input-text-button-size;\n \n // Align icon button\n .mdl-button--icon {\n top: $input-text-expandable-icon-top;\n }\n}\n\n// Styling for the input element.\n.mdl-textfield__input {\n border: none;\n border-bottom: 1px solid $input-text-bottom-border-color;\n display: block;\n font-size: $input-text-font-size;\n font-family: $performance_font;\n margin: 0;\n padding: $input-text-padding 0;\n width: $input-text-width;\n background: none;\n text-align: left;\n color: inherit;\n\n &[type=\"number\"] {\n -moz-appearance: textfield;\n }\n\n &[type=\"number\"]::-webkit-inner-spin-button,\n &[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n .mdl-textfield.is-focused & {\n outline: none;\n }\n\n .mdl-textfield.is-invalid & {\n border-color: $input-text-error-color;\n box-shadow: none;\n }\n\n fieldset[disabled] .mdl-textfield &,\n .mdl-textfield.is-disabled & {\n background-color: transparent;\n border-bottom: 1px dotted $input-text-disabled-color;\n color: $input-text-disabled-text-color;\n }\n}\n\n.mdl-textfield textarea.mdl-textfield__input {\n display: block;\n}\n\n// Styling for the label / floating label.\n.mdl-textfield__label {\n bottom: 0;\n color: $input-text-label-color;\n font-size: $input-text-font-size;\n left: 0;\n right: 0;\n pointer-events: none;\n position: absolute;\n display: block;\n top: ($input-text-padding + $input-text-vertical-spacing);\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n\n .mdl-textfield.is-dirty &,\n .mdl-textfield.has-placeholder & {\n visibility: hidden;\n }\n\n // Floating Label\n .mdl-textfield--floating-label & {\n @include material-animation-default();\n }\n\n .mdl-textfield--floating-label.has-placeholder & {\n transition: none;\n }\n\n fieldset[disabled] .mdl-textfield &,\n .mdl-textfield.is-disabled.is-disabled & {\n color: $input-text-disabled-text-color;\n }\n\n .mdl-textfield--floating-label.is-focused &,\n .mdl-textfield--floating-label.is-dirty &,\n .mdl-textfield--floating-label.has-placeholder & {\n color: $input-text-highlight-color;\n font-size : $input-text-floating-label-fontsize;\n top: $input-text-vertical-spacing - ($input-text-floating-label-fontsize + $input-text-padding);\n visibility: visible;\n }\n\n .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder &,\n .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder &,\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder & {\n top: -($input-text-floating-label-fontsize + $input-text-padding);\n }\n\n .mdl-textfield--floating-label.is-invalid & {\n color: $input-text-error-color;\n font-size: $input-text-floating-label-fontsize;\n }\n\n // The after label is the colored underline for the TextField.\n &:after {\n background-color: $input-text-highlight-color;\n bottom: $input-text-vertical-spacing;\n content: '';\n height: 2px;\n left: 45%;\n position: absolute;\n @include material-animation-default();\n visibility: hidden;\n width: 10px;\n }\n\n .mdl-textfield.is-focused &:after {\n left: 0;\n visibility: visible;\n width: 100%;\n }\n\n .mdl-textfield.is-invalid &:after {\n background-color: $input-text-error-color;\n }\n}\n\n// TextField Error.\n.mdl-textfield__error {\n color: $input-text-error-color;\n position: absolute;\n font-size: $input-text-floating-label-fontsize;\n margin-top: 3px;\n visibility: hidden;\n display: block;\n\n .mdl-textfield.is-invalid & {\n visibility: visible;\n }\n}\n\n// Expandable Holder.\n.mdl-textfield__expandable-holder {\n display: inline-block;\n position: relative;\n margin-left: $input-text-button-size;\n\n @include material-animation-default();\n display: inline-block;\n\n // Safari (possibly others) need to be convinced that this field is actually\n // visible, otherwise it cannot be tabbed to nor focused via a