You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myriad.apache.org by me...@apache.org on 2015/12/02 11:01:51 UTC
svn commit: r1717601 [5/8] - in /incubator/myriad/site: ./ _includes/
_layouts/ _posts/ _sass/ community/ css/ css/font-awesome-4.4.0/
css/font-awesome-4.4.0/css/ css/font-awesome-4.4.0/fonts/ css/mdl/
documentation/ downloads/ img/ news/
Added: incubator/myriad/site/css/mdl/material.css
URL: http://svn.apache.org/viewvc/incubator/myriad/site/css/mdl/material.css?rev=1717601&view=auto
==============================================================================
--- incubator/myriad/site/css/mdl/material.css (added)
+++ incubator/myriad/site/css/mdl/material.css Wed Dec 2 10:01:50 2015
@@ -0,0 +1,10580 @@
+/**
+ * material-design-lite - Material Design components in CSS, JS and HTML
+ * @version v1.0.4
+ * @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
+ * -----Snackbar
+ *
+ * Even though all variables have the `!default` directive, most of them
+ * should not be changed as they are dependent one another. This can cause
+ * visual distortions (like alignment issues) that are hard to track down
+ * and fix.
+ */
+/* ========== TYPOGRAPHY ========== */
+/* We're splitting fonts into "preferred" and "performance" in order to optimize
+ page loading. For important text, such as the body, we want it to load
+ immediately and not wait for the web font load, whereas for other sections,
+ such as headers and titles, we're OK with things taking a bit longer to load.
+ We do have some optional classes and parameters in the mixins, in case you
+ definitely want to make sure you're using the preferred font and don't mind
+ the performance hit.
+ We should be able to improve on this once CSS Font Loading L3 becomes more
+ widely available.
+*/
+/* ========== COLORS ========== */
+/**
+*
+* Material design color palettes.
+* @see http://www.google.com/design/spec/style/color.html
+*
+**/
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== Color Palettes ========== */
+/* colors.scss */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== IMAGES ========== */
+/* ========== Color & Themes ========== */
+/* ========== Typography ========== */
+/* ========== Components ========== */
+/* ========== Standard Buttons ========== */
+/* ========== Icon Toggles ========== */
+/* ========== Radio Buttons ========== */
+/* ========== Ripple effect ========== */
+/* ========== Layout ========== */
+/* ========== Content Tabs ========== */
+/* ========== Checkboxes ========== */
+/* ========== Switches ========== */
+/* ========== Spinner ========== */
+/* ========== Text fields ========== */
+/* ========== Card ========== */
+/* ========== Sliders ========== */
+/* ========== Progress ========== */
+/* ========== List ========== */
+/* ========== Item ========== */
+/* ========== Dropdown menu ========== */
+/* ========== Tooltips ========== */
+/* ========== Footer ========== */
+/* TEXTFIELD */
+/* SWITCH */
+/* SPINNER */
+/* RADIO */
+/* MENU */
+/* LIST */
+/* LAYOUT */
+/* ICON TOGGLE */
+/* FOOTER */
+/*mega-footer*/
+/*mini-footer*/
+/* CHECKBOX */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* BUTTON */
+/**
+ *
+ * Dimensions
+ *
+ */
+/* ANIMATION */
+/* PROGRESS */
+/* BADGE */
+/* SHADOWS */
+/* GRID */
+/* DATA TABLE */
+/* SNACKBAR */
+/* TOOLTIP */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* Typography */
+/* Shadows */
+/* Animations */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT 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
+ * -----Snackbar
+ *
+ * Even though all variables have the `!default` directive, most of them
+ * should not be changed as they are dependent one another. This can cause
+ * visual distortions (like alignment issues) that are hard to track down
+ * and fix.
+ */
+/* ========== TYPOGRAPHY ========== */
+/* We're splitting fonts into "preferred" and "performance" in order to optimize
+ page loading. For important text, such as the body, we want it to load
+ immediately and not wait for the web font load, whereas for other sections,
+ such as headers and titles, we're OK with things taking a bit longer to load.
+ We do have some optional classes and parameters in the mixins, in case you
+ definitely want to make sure you're using the preferred font and don't mind
+ the performance hit.
+ We should be able to improve on this once CSS Font Loading L3 becomes more
+ widely available.
+*/
+/* ========== COLORS ========== */
+/**
+*
+* Material design color palettes.
+* @see http://www.google.com/design/spec/style/color.html
+*
+**/
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== Color Palettes ========== */
+/* colors.scss */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== IMAGES ========== */
+/* ========== Color & Themes ========== */
+/* ========== Typography ========== */
+/* ========== Components ========== */
+/* ========== Standard Buttons ========== */
+/* ========== Icon Toggles ========== */
+/* ========== Radio Buttons ========== */
+/* ========== Ripple effect ========== */
+/* ========== Layout ========== */
+/* ========== Content Tabs ========== */
+/* ========== Checkboxes ========== */
+/* ========== Switches ========== */
+/* ========== Spinner ========== */
+/* ========== Text fields ========== */
+/* ========== Card ========== */
+/* ========== Sliders ========== */
+/* ========== Progress ========== */
+/* ========== List ========== */
+/* ========== Item ========== */
+/* ========== Dropdown menu ========== */
+/* ========== Tooltips ========== */
+/* ========== Footer ========== */
+/* TEXTFIELD */
+/* SWITCH */
+/* SPINNER */
+/* RADIO */
+/* MENU */
+/* LIST */
+/* LAYOUT */
+/* ICON TOGGLE */
+/* FOOTER */
+/*mega-footer*/
+/*mini-footer*/
+/* CHECKBOX */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* BUTTON */
+/**
+ *
+ * Dimensions
+ *
+ */
+/* ANIMATION */
+/* PROGRESS */
+/* BADGE */
+/* SHADOWS */
+/* GRID */
+/* DATA TABLE */
+/* SNACKBAR */
+/* TOOLTIP */
+/*
+ * What follows is the result of much research on cross-browser styling.
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+ * Kroc Camen, and the H5BP dev community and team.
+ */
+/* ==========================================================================
+ 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.
+ ========================================================================== */
+/* ==========================================================================
+ Print styles.
+ Inlined to avoid the additional HTTP request:
+ http://www.phpied.com/delay-loading-your-print-css/
+ ========================================================================== */
+@media print {
+ *,
+ *:before,
+ *:after,
+ *:first-letter,
+ *:first-line {
+ background: transparent !important;
+ color: #000 !important;
+ /* Black prints faster: http://www.sanbeiji.com/archives/953 */
+ box-shadow: none !important;
+ text-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
+ * -----Snackbar
+ *
+ * Even though all variables have the `!default` directive, most of them
+ * should not be changed as they are dependent one another. This can cause
+ * visual distortions (like alignment issues) that are hard to track down
+ * and fix.
+ */
+/* ========== TYPOGRAPHY ========== */
+/* We're splitting fonts into "preferred" and "performance" in order to optimize
+ page loading. For important text, such as the body, we want it to load
+ immediately and not wait for the web font load, whereas for other sections,
+ such as headers and titles, we're OK with things taking a bit longer to load.
+ We do have some optional classes and parameters in the mixins, in case you
+ definitely want to make sure you're using the preferred font and don't mind
+ the performance hit.
+ We should be able to improve on this once CSS Font Loading L3 becomes more
+ widely available.
+*/
+/* ========== COLORS ========== */
+/**
+*
+* Material design color palettes.
+* @see http://www.google.com/design/spec/style/color.html
+*
+**/
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== Color Palettes ========== */
+/* colors.scss */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== IMAGES ========== */
+/* ========== Color & Themes ========== */
+/* ========== Typography ========== */
+/* ========== Components ========== */
+/* ========== Standard Buttons ========== */
+/* ========== Icon Toggles ========== */
+/* ========== Radio Buttons ========== */
+/* ========== Ripple effect ========== */
+/* ========== Layout ========== */
+/* ========== Content Tabs ========== */
+/* ========== Checkboxes ========== */
+/* ========== Switches ========== */
+/* ========== Spinner ========== */
+/* ========== Text fields ========== */
+/* ========== Card ========== */
+/* ========== Sliders ========== */
+/* ========== Progress ========== */
+/* ========== List ========== */
+/* ========== Item ========== */
+/* ========== Dropdown menu ========== */
+/* ========== Tooltips ========== */
+/* ========== Footer ========== */
+/* TEXTFIELD */
+/* SWITCH */
+/* SPINNER */
+/* RADIO */
+/* MENU */
+/* LIST */
+/* LAYOUT */
+/* ICON TOGGLE */
+/* FOOTER */
+/*mega-footer*/
+/*mini-footer*/
+/* CHECKBOX */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* BUTTON */
+/**
+ *
+ * Dimensions
+ *
+ */
+/* ANIMATION */
+/* PROGRESS */
+/* BADGE */
+/* SHADOWS */
+/* GRID */
+/* DATA TABLE */
+/* SNACKBAR */
+/* TOOLTIP */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* Typography */
+/* Shadows */
+/* Animations */
+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(#89D8F2);
+ 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; }
+
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT 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
+ * -----Snackbar
+ *
+ * Even though all variables have the `!default` directive, most of them
+ * should not be changed as they are dependent one another. This can cause
+ * visual distortions (like alignment issues) that are hard to track down
+ * and fix.
+ */
+/* ========== TYPOGRAPHY ========== */
+/* We're splitting fonts into "preferred" and "performance" in order to optimize
+ page loading. For important text, such as the body, we want it to load
+ immediately and not wait for the web font load, whereas for other sections,
+ such as headers and titles, we're OK with things taking a bit longer to load.
+ We do have some optional classes and parameters in the mixins, in case you
+ definitely want to make sure you're using the preferred font and don't mind
+ the performance hit.
+ We should be able to improve on this once CSS Font Loading L3 becomes more
+ widely available.
+*/
+/* ========== COLORS ========== */
+/**
+*
+* Material design color palettes.
+* @see http://www.google.com/design/spec/style/color.html
+*
+**/
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== Color Palettes ========== */
+/* colors.scss */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== IMAGES ========== */
+/* ========== Color & Themes ========== */
+/* ========== Typography ========== */
+/* ========== Components ========== */
+/* ========== Standard Buttons ========== */
+/* ========== Icon Toggles ========== */
+/* ========== Radio Buttons ========== */
+/* ========== Ripple effect ========== */
+/* ========== Layout ========== */
+/* ========== Content Tabs ========== */
+/* ========== Checkboxes ========== */
+/* ========== Switches ========== */
+/* ========== Spinner ========== */
+/* ========== Text fields ========== */
+/* ========== Card ========== */
+/* ========== Sliders ========== */
+/* ========== Progress ========== */
+/* ========== List ========== */
+/* ========== Item ========== */
+/* ========== Dropdown menu ========== */
+/* ========== Tooltips ========== */
+/* ========== Footer ========== */
+/* TEXTFIELD */
+/* SWITCH */
+/* SPINNER */
+/* RADIO */
+/* MENU */
+/* LIST */
+/* LAYOUT */
+/* ICON TOGGLE */
+/* FOOTER */
+/*mega-footer*/
+/*mini-footer*/
+/* CHECKBOX */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* BUTTON */
+/**
+ *
+ * Dimensions
+ *
+ */
+/* ANIMATION */
+/* PROGRESS */
+/* BADGE */
+/* SHADOWS */
+/* GRID */
+/* DATA TABLE */
+/* SNACKBAR */
+/* TOOLTIP */
+.mdl-color-text--red {
+ color: rgb(244,67,54) !important; }
+
+.mdl-color--red {
+ background-color: rgb(244,67,54) !important; }
+
+.mdl-color-text--red-50 {
+ color: rgb(255,235,238) !important; }
+
+.mdl-color--red-50 {
+ background-color: rgb(255,235,238) !important; }
+
+.mdl-color-text--red-100 {
+ color: rgb(255,205,210) !important; }
+
+.mdl-color--red-100 {
+ background-color: rgb(255,205,210) !important; }
+
+.mdl-color-text--red-200 {
+ color: rgb(239,154,154) !important; }
+
+.mdl-color--red-200 {
+ background-color: rgb(239,154,154) !important; }
+
+.mdl-color-text--red-300 {
+ color: rgb(229,115,115) !important; }
+
+.mdl-color--red-300 {
+ background-color: rgb(229,115,115) !important; }
+
+.mdl-color-text--red-400 {
+ color: rgb(239,83,80) !important; }
+
+.mdl-color--red-400 {
+ background-color: rgb(239,83,80) !important; }
+
+.mdl-color-text--red-500 {
+ color: rgb(244,67,54) !important; }
+
+.mdl-color--red-500 {
+ background-color: rgb(244,67,54) !important; }
+
+.mdl-color-text--red-600 {
+ color: rgb(229,57,53) !important; }
+
+.mdl-color--red-600 {
+ background-color: rgb(229,57,53) !important; }
+
+.mdl-color-text--red-700 {
+ color: rgb(211,47,47) !important; }
+
+.mdl-color--red-700 {
+ background-color: rgb(211,47,47) !important; }
+
+.mdl-color-text--red-800 {
+ color: rgb(198,40,40) !important; }
+
+.mdl-color--red-800 {
+ background-color: rgb(198,40,40) !important; }
+
+.mdl-color-text--red-900 {
+ color: rgb(183,28,28) !important; }
+
+.mdl-color--red-900 {
+ background-color: rgb(183,28,28) !important; }
+
+.mdl-color-text--red-A100 {
+ color: rgb(255,138,128) !important; }
+
+.mdl-color--red-A100 {
+ background-color: rgb(255,138,128) !important; }
+
+.mdl-color-text--red-A200 {
+ color: rgb(255,82,82) !important; }
+
+.mdl-color--red-A200 {
+ background-color: rgb(255,82,82) !important; }
+
+.mdl-color-text--red-A400 {
+ color: rgb(255,23,68) !important; }
+
+.mdl-color--red-A400 {
+ background-color: rgb(255,23,68) !important; }
+
+.mdl-color-text--red-A700 {
+ color: rgb(213,0,0) !important; }
+
+.mdl-color--red-A700 {
+ background-color: rgb(213,0,0) !important; }
+
+.mdl-color-text--pink {
+ color: rgb(233,30,99) !important; }
+
+.mdl-color--pink {
+ background-color: rgb(233,30,99) !important; }
+
+.mdl-color-text--pink-50 {
+ color: rgb(252,228,236) !important; }
+
+.mdl-color--pink-50 {
+ background-color: rgb(252,228,236) !important; }
+
+.mdl-color-text--pink-100 {
+ color: rgb(248,187,208) !important; }
+
+.mdl-color--pink-100 {
+ background-color: rgb(248,187,208) !important; }
+
+.mdl-color-text--pink-200 {
+ color: rgb(244,143,177) !important; }
+
+.mdl-color--pink-200 {
+ background-color: rgb(244,143,177) !important; }
+
+.mdl-color-text--pink-300 {
+ color: rgb(240,98,146) !important; }
+
+.mdl-color--pink-300 {
+ background-color: rgb(240,98,146) !important; }
+
+.mdl-color-text--pink-400 {
+ color: rgb(236,64,122) !important; }
+
+.mdl-color--pink-400 {
+ background-color: rgb(236,64,122) !important; }
+
+.mdl-color-text--pink-500 {
+ color: rgb(233,30,99) !important; }
+
+.mdl-color--pink-500 {
+ background-color: rgb(233,30,99) !important; }
+
+.mdl-color-text--pink-600 {
+ color: rgb(216,27,96) !important; }
+
+.mdl-color--pink-600 {
+ background-color: rgb(216,27,96) !important; }
+
+.mdl-color-text--pink-700 {
+ color: rgb(194,24,91) !important; }
+
+.mdl-color--pink-700 {
+ background-color: rgb(194,24,91) !important; }
+
+.mdl-color-text--pink-800 {
+ color: rgb(173,20,87) !important; }
+
+.mdl-color--pink-800 {
+ background-color: rgb(173,20,87) !important; }
+
+.mdl-color-text--pink-900 {
+ color: rgb(136,14,79) !important; }
+
+.mdl-color--pink-900 {
+ background-color: rgb(136,14,79) !important; }
+
+.mdl-color-text--pink-A100 {
+ color: rgb(255,128,171) !important; }
+
+.mdl-color--pink-A100 {
+ background-color: rgb(255,128,171) !important; }
+
+.mdl-color-text--pink-A200 {
+ color: rgb(255,64,129) !important; }
+
+.mdl-color--pink-A200 {
+ background-color: rgb(255,64,129) !important; }
+
+.mdl-color-text--pink-A400 {
+ color: rgb(245,0,87) !important; }
+
+.mdl-color--pink-A400 {
+ background-color: rgb(245,0,87) !important; }
+
+.mdl-color-text--pink-A700 {
+ color: rgb(197,17,98) !important; }
+
+.mdl-color--pink-A700 {
+ background-color: rgb(197,17,98) !important; }
+
+.mdl-color-text--purple {
+ color: rgb(156,39,176) !important; }
+
+.mdl-color--purple {
+ background-color: rgb(156,39,176) !important; }
+
+.mdl-color-text--purple-50 {
+ color: rgb(243,229,245) !important; }
+
+.mdl-color--purple-50 {
+ background-color: rgb(243,229,245) !important; }
+
+.mdl-color-text--purple-100 {
+ color: rgb(225,190,231) !important; }
+
+.mdl-color--purple-100 {
+ background-color: rgb(225,190,231) !important; }
+
+.mdl-color-text--purple-200 {
+ color: rgb(206,147,216) !important; }
+
+.mdl-color--purple-200 {
+ background-color: rgb(206,147,216) !important; }
+
+.mdl-color-text--purple-300 {
+ color: rgb(186,104,200) !important; }
+
+.mdl-color--purple-300 {
+ background-color: rgb(186,104,200) !important; }
+
+.mdl-color-text--purple-400 {
+ color: rgb(171,71,188) !important; }
+
+.mdl-color--purple-400 {
+ background-color: rgb(171,71,188) !important; }
+
+.mdl-color-text--purple-500 {
+ color: rgb(156,39,176) !important; }
+
+.mdl-color--purple-500 {
+ background-color: rgb(156,39,176) !important; }
+
+.mdl-color-text--purple-600 {
+ color: rgb(142,36,170) !important; }
+
+.mdl-color--purple-600 {
+ background-color: rgb(142,36,170) !important; }
+
+.mdl-color-text--purple-700 {
+ color: rgb(123,31,162) !important; }
+
+.mdl-color--purple-700 {
+ background-color: rgb(123,31,162) !important; }
+
+.mdl-color-text--purple-800 {
+ color: rgb(106,27,154) !important; }
+
+.mdl-color--purple-800 {
+ background-color: rgb(106,27,154) !important; }
+
+.mdl-color-text--purple-900 {
+ color: rgb(74,20,140) !important; }
+
+.mdl-color--purple-900 {
+ background-color: rgb(74,20,140) !important; }
+
+.mdl-color-text--purple-A100 {
+ color: rgb(234,128,252) !important; }
+
+.mdl-color--purple-A100 {
+ background-color: rgb(234,128,252) !important; }
+
+.mdl-color-text--purple-A200 {
+ color: rgb(224,64,251) !important; }
+
+.mdl-color--purple-A200 {
+ background-color: rgb(224,64,251) !important; }
+
+.mdl-color-text--purple-A400 {
+ color: rgb(213,0,249) !important; }
+
+.mdl-color--purple-A400 {
+ background-color: rgb(213,0,249) !important; }
+
+.mdl-color-text--purple-A700 {
+ color: rgb(170,0,255) !important; }
+
+.mdl-color--purple-A700 {
+ background-color: rgb(170,0,255) !important; }
+
+.mdl-color-text--deep-purple {
+ color: rgb(103,58,183) !important; }
+
+.mdl-color--deep-purple {
+ background-color: rgb(103,58,183) !important; }
+
+.mdl-color-text--deep-purple-50 {
+ color: rgb(237,231,246) !important; }
+
+.mdl-color--deep-purple-50 {
+ background-color: rgb(237,231,246) !important; }
+
+.mdl-color-text--deep-purple-100 {
+ color: rgb(209,196,233) !important; }
+
+.mdl-color--deep-purple-100 {
+ background-color: rgb(209,196,233) !important; }
+
+.mdl-color-text--deep-purple-200 {
+ color: rgb(179,157,219) !important; }
+
+.mdl-color--deep-purple-200 {
+ background-color: rgb(179,157,219) !important; }
+
+.mdl-color-text--deep-purple-300 {
+ color: rgb(149,117,205) !important; }
+
+.mdl-color--deep-purple-300 {
+ background-color: rgb(149,117,205) !important; }
+
+.mdl-color-text--deep-purple-400 {
+ color: rgb(126,87,194) !important; }
+
+.mdl-color--deep-purple-400 {
+ background-color: rgb(126,87,194) !important; }
+
+.mdl-color-text--deep-purple-500 {
+ color: rgb(103,58,183) !important; }
+
+.mdl-color--deep-purple-500 {
+ background-color: rgb(103,58,183) !important; }
+
+.mdl-color-text--deep-purple-600 {
+ color: rgb(94,53,177) !important; }
+
+.mdl-color--deep-purple-600 {
+ background-color: rgb(94,53,177) !important; }
+
+.mdl-color-text--deep-purple-700 {
+ color: rgb(81,45,168) !important; }
+
+.mdl-color--deep-purple-700 {
+ background-color: rgb(81,45,168) !important; }
+
+.mdl-color-text--deep-purple-800 {
+ color: rgb(69,39,160) !important; }
+
+.mdl-color--deep-purple-800 {
+ background-color: rgb(69,39,160) !important; }
+
+.mdl-color-text--deep-purple-900 {
+ color: rgb(49,27,146) !important; }
+
+.mdl-color--deep-purple-900 {
+ background-color: rgb(49,27,146) !important; }
+
+.mdl-color-text--deep-purple-A100 {
+ color: rgb(179,136,255) !important; }
+
+.mdl-color--deep-purple-A100 {
+ background-color: rgb(179,136,255) !important; }
+
+.mdl-color-text--deep-purple-A200 {
+ color: rgb(124,77,255) !important; }
+
+.mdl-color--deep-purple-A200 {
+ background-color: rgb(124,77,255) !important; }
+
+.mdl-color-text--deep-purple-A400 {
+ color: rgb(101,31,255) !important; }
+
+.mdl-color--deep-purple-A400 {
+ background-color: rgb(101,31,255) !important; }
+
+.mdl-color-text--deep-purple-A700 {
+ color: rgb(98,0,234) !important; }
+
+.mdl-color--deep-purple-A700 {
+ background-color: rgb(98,0,234) !important; }
+
+.mdl-color-text--indigo {
+ color: rgb(63,81,181) !important; }
+
+.mdl-color--indigo {
+ background-color: rgb(63,81,181) !important; }
+
+.mdl-color-text--indigo-50 {
+ color: rgb(232,234,246) !important; }
+
+.mdl-color--indigo-50 {
+ background-color: rgb(232,234,246) !important; }
+
+.mdl-color-text--indigo-100 {
+ color: rgb(197,202,233) !important; }
+
+.mdl-color--indigo-100 {
+ background-color: rgb(197,202,233) !important; }
+
+.mdl-color-text--indigo-200 {
+ color: rgb(159,168,218) !important; }
+
+.mdl-color--indigo-200 {
+ background-color: rgb(159,168,218) !important; }
+
+.mdl-color-text--indigo-300 {
+ color: rgb(121,134,203) !important; }
+
+.mdl-color--indigo-300 {
+ background-color: rgb(121,134,203) !important; }
+
+.mdl-color-text--indigo-400 {
+ color: rgb(92,107,192) !important; }
+
+.mdl-color--indigo-400 {
+ background-color: rgb(92,107,192) !important; }
+
+.mdl-color-text--indigo-500 {
+ color: rgb(63,81,181) !important; }
+
+.mdl-color--indigo-500 {
+ background-color: rgb(63,81,181) !important; }
+
+.mdl-color-text--indigo-600 {
+ color: rgb(57,73,171) !important; }
+
+.mdl-color--indigo-600 {
+ background-color: rgb(57,73,171) !important; }
+
+.mdl-color-text--indigo-700 {
+ color: rgb(48,63,159) !important; }
+
+.mdl-color--indigo-700 {
+ background-color: rgb(48,63,159) !important; }
+
+.mdl-color-text--indigo-800 {
+ color: rgb(40,53,147) !important; }
+
+.mdl-color--indigo-800 {
+ background-color: rgb(40,53,147) !important; }
+
+.mdl-color-text--indigo-900 {
+ color: rgb(26,35,126) !important; }
+
+.mdl-color--indigo-900 {
+ background-color: rgb(26,35,126) !important; }
+
+.mdl-color-text--indigo-A100 {
+ color: rgb(140,158,255) !important; }
+
+.mdl-color--indigo-A100 {
+ background-color: rgb(140,158,255) !important; }
+
+.mdl-color-text--indigo-A200 {
+ color: rgb(83,109,254) !important; }
+
+.mdl-color--indigo-A200 {
+ background-color: rgb(83,109,254) !important; }
+
+.mdl-color-text--indigo-A400 {
+ color: rgb(61,90,254) !important; }
+
+.mdl-color--indigo-A400 {
+ background-color: rgb(61,90,254) !important; }
+
+.mdl-color-text--indigo-A700 {
+ color: rgb(48,79,254) !important; }
+
+.mdl-color--indigo-A700 {
+ background-color: rgb(48,79,254) !important; }
+
+.mdl-color-text--blue {
+ color: rgb(33,150,243) !important; }
+
+.mdl-color--blue {
+ background-color: rgb(33,150,243) !important; }
+
+.mdl-color-text--blue-50 {
+ color: rgb(227,242,253) !important; }
+
+.mdl-color--blue-50 {
+ background-color: rgb(227,242,253) !important; }
+
+.mdl-color-text--blue-100 {
+ color: rgb(187,222,251) !important; }
+
+.mdl-color--blue-100 {
+ background-color: rgb(187,222,251) !important; }
+
+.mdl-color-text--blue-200 {
+ color: rgb(144,202,249) !important; }
+
+.mdl-color--blue-200 {
+ background-color: rgb(144,202,249) !important; }
+
+.mdl-color-text--blue-300 {
+ color: rgb(100,181,246) !important; }
+
+.mdl-color--blue-300 {
+ background-color: rgb(100,181,246) !important; }
+
+.mdl-color-text--blue-400 {
+ color: rgb(66,165,245) !important; }
+
+.mdl-color--blue-400 {
+ background-color: rgb(66,165,245) !important; }
+
+.mdl-color-text--blue-500 {
+ color: rgb(33,150,243) !important; }
+
+.mdl-color--blue-500 {
+ background-color: rgb(33,150,243) !important; }
+
+.mdl-color-text--blue-600 {
+ color: rgb(30,136,229) !important; }
+
+.mdl-color--blue-600 {
+ background-color: rgb(30,136,229) !important; }
+
+.mdl-color-text--blue-700 {
+ color: rgb(25,118,210) !important; }
+
+.mdl-color--blue-700 {
+ background-color: rgb(25,118,210) !important; }
+
+.mdl-color-text--blue-800 {
+ color: rgb(21,101,192) !important; }
+
+.mdl-color--blue-800 {
+ background-color: rgb(21,101,192) !important; }
+
+.mdl-color-text--blue-900 {
+ color: rgb(13,71,161) !important; }
+
+.mdl-color--blue-900 {
+ background-color: rgb(13,71,161) !important; }
+
+.mdl-color-text--blue-A100 {
+ color: rgb(130,177,255) !important; }
+
+.mdl-color--blue-A100 {
+ background-color: rgb(130,177,255) !important; }
+
+.mdl-color-text--blue-A200 {
+ color: rgb(68,138,255) !important; }
+
+.mdl-color--blue-A200 {
+ background-color: rgb(68,138,255) !important; }
+
+.mdl-color-text--blue-A400 {
+ color: rgb(41,121,255) !important; }
+
+.mdl-color--blue-A400 {
+ background-color: rgb(41,121,255) !important; }
+
+.mdl-color-text--blue-A700 {
+ color: rgb(41,98,255) !important; }
+
+.mdl-color--blue-A700 {
+ background-color: rgb(41,98,255) !important; }
+
+.mdl-color-text--light-blue {
+ color: rgb(3,169,244) !important; }
+
+.mdl-color--light-blue {
+ background-color: rgb(3,169,244) !important; }
+
+.mdl-color-text--light-blue-50 {
+ color: rgb(225,245,254) !important; }
+
+.mdl-color--light-blue-50 {
+ background-color: rgb(225,245,254) !important; }
+
+.mdl-color-text--light-blue-100 {
+ color: rgb(179,229,252) !important; }
+
+.mdl-color--light-blue-100 {
+ background-color: rgb(179,229,252) !important; }
+
+.mdl-color-text--light-blue-200 {
+ color: rgb(129,212,250) !important; }
+
+.mdl-color--light-blue-200 {
+ background-color: rgb(129,212,250) !important; }
+
+.mdl-color-text--light-blue-300 {
+ color: rgb(79,195,247) !important; }
+
+.mdl-color--light-blue-300 {
+ background-color: rgb(79,195,247) !important; }
+
+.mdl-color-text--light-blue-400 {
+ color: rgb(41,182,246) !important; }
+
+.mdl-color--light-blue-400 {
+ background-color: rgb(41,182,246) !important; }
+
+.mdl-color-text--light-blue-500 {
+ color: rgb(3,169,244) !important; }
+
+.mdl-color--light-blue-500 {
+ background-color: rgb(3,169,244) !important; }
+
+.mdl-color-text--light-blue-600 {
+ color: rgb(3,155,229) !important; }
+
+.mdl-color--light-blue-600 {
+ background-color: rgb(3,155,229) !important; }
+
+.mdl-color-text--light-blue-700 {
+ color: rgb(2,136,209) !important; }
+
+.mdl-color--light-blue-700 {
+ background-color: rgb(2,136,209) !important; }
+
+.mdl-color-text--light-blue-800 {
+ color: rgb(2,119,189) !important; }
+
+.mdl-color--light-blue-800 {
+ background-color: rgb(2,119,189) !important; }
+
+.mdl-color-text--light-blue-900 {
+ color: rgb(1,87,155) !important; }
+
+.mdl-color--light-blue-900 {
+ background-color: rgb(1,87,155) !important; }
+
+.mdl-color-text--light-blue-A100 {
+ color: rgb(128,216,255) !important; }
+
+.mdl-color--light-blue-A100 {
+ background-color: rgb(128,216,255) !important; }
+
+.mdl-color-text--light-blue-A200 {
+ color: rgb(64,196,255) !important; }
+
+.mdl-color--light-blue-A200 {
+ background-color: rgb(64,196,255) !important; }
+
+.mdl-color-text--light-blue-A400 {
+ color: rgb(0,176,255) !important; }
+
+.mdl-color--light-blue-A400 {
+ background-color: rgb(0,176,255) !important; }
+
+.mdl-color-text--light-blue-A700 {
+ color: rgb(0,145,234) !important; }
+
+.mdl-color--light-blue-A700 {
+ background-color: rgb(0,145,234) !important; }
+
+.mdl-color-text--cyan {
+ color: rgb(0,188,212) !important; }
+
+.mdl-color--cyan {
+ background-color: rgb(0,188,212) !important; }
+
+.mdl-color-text--cyan-50 {
+ color: rgb(224,247,250) !important; }
+
+.mdl-color--cyan-50 {
+ background-color: rgb(224,247,250) !important; }
+
+.mdl-color-text--cyan-100 {
+ color: rgb(178,235,242) !important; }
+
+.mdl-color--cyan-100 {
+ background-color: rgb(178,235,242) !important; }
+
+.mdl-color-text--cyan-200 {
+ color: rgb(128,222,234) !important; }
+
+.mdl-color--cyan-200 {
+ background-color: rgb(128,222,234) !important; }
+
+.mdl-color-text--cyan-300 {
+ color: rgb(77,208,225) !important; }
+
+.mdl-color--cyan-300 {
+ background-color: rgb(77,208,225) !important; }
+
+.mdl-color-text--cyan-400 {
+ color: rgb(38,198,218) !important; }
+
+.mdl-color--cyan-400 {
+ background-color: rgb(38,198,218) !important; }
+
+.mdl-color-text--cyan-500 {
+ color: rgb(0,188,212) !important; }
+
+.mdl-color--cyan-500 {
+ background-color: rgb(0,188,212) !important; }
+
+.mdl-color-text--cyan-600 {
+ color: rgb(0,172,193) !important; }
+
+.mdl-color--cyan-600 {
+ background-color: rgb(0,172,193) !important; }
+
+.mdl-color-text--cyan-700 {
+ color: rgb(0,151,167) !important; }
+
+.mdl-color--cyan-700 {
+ background-color: rgb(0,151,167) !important; }
+
+.mdl-color-text--cyan-800 {
+ color: rgb(0,131,143) !important; }
+
+.mdl-color--cyan-800 {
+ background-color: rgb(0,131,143) !important; }
+
+.mdl-color-text--cyan-900 {
+ color: rgb(0,96,100) !important; }
+
+.mdl-color--cyan-900 {
+ background-color: rgb(0,96,100) !important; }
+
+.mdl-color-text--cyan-A100 {
+ color: rgb(132,255,255) !important; }
+
+.mdl-color--cyan-A100 {
+ background-color: rgb(132,255,255) !important; }
+
+.mdl-color-text--cyan-A200 {
+ color: rgb(24,255,255) !important; }
+
+.mdl-color--cyan-A200 {
+ background-color: rgb(24,255,255) !important; }
+
+.mdl-color-text--cyan-A400 {
+ color: rgb(0,229,255) !important; }
+
+.mdl-color--cyan-A400 {
+ background-color: rgb(0,229,255) !important; }
+
+.mdl-color-text--cyan-A700 {
+ color: rgb(0,184,212) !important; }
+
+.mdl-color--cyan-A700 {
+ background-color: rgb(0,184,212) !important; }
+
+.mdl-color-text--teal {
+ color: rgb(0,150,136) !important; }
+
+.mdl-color--teal {
+ background-color: rgb(0,150,136) !important; }
+
+.mdl-color-text--teal-50 {
+ color: rgb(224,242,241) !important; }
+
+.mdl-color--teal-50 {
+ background-color: rgb(224,242,241) !important; }
+
+.mdl-color-text--teal-100 {
+ color: rgb(178,223,219) !important; }
+
+.mdl-color--teal-100 {
+ background-color: rgb(178,223,219) !important; }
+
+.mdl-color-text--teal-200 {
+ color: rgb(128,203,196) !important; }
+
+.mdl-color--teal-200 {
+ background-color: rgb(128,203,196) !important; }
+
+.mdl-color-text--teal-300 {
+ color: rgb(77,182,172) !important; }
+
+.mdl-color--teal-300 {
+ background-color: rgb(77,182,172) !important; }
+
+.mdl-color-text--teal-400 {
+ color: rgb(38,166,154) !important; }
+
+.mdl-color--teal-400 {
+ background-color: rgb(38,166,154) !important; }
+
+.mdl-color-text--teal-500 {
+ color: rgb(0,150,136) !important; }
+
+.mdl-color--teal-500 {
+ background-color: rgb(0,150,136) !important; }
+
+.mdl-color-text--teal-600 {
+ color: rgb(0,137,123) !important; }
+
+.mdl-color--teal-600 {
+ background-color: rgb(0,137,123) !important; }
+
+.mdl-color-text--teal-700 {
+ color: rgb(0,121,107) !important; }
+
+.mdl-color--teal-700 {
+ background-color: rgb(0,121,107) !important; }
+
+.mdl-color-text--teal-800 {
+ color: rgb(0,105,92) !important; }
+
+.mdl-color--teal-800 {
+ background-color: rgb(0,105,92) !important; }
+
+.mdl-color-text--teal-900 {
+ color: rgb(0,77,64) !important; }
+
+.mdl-color--teal-900 {
+ background-color: rgb(0,77,64) !important; }
+
+.mdl-color-text--teal-A100 {
+ color: rgb(167,255,235) !important; }
+
+.mdl-color--teal-A100 {
+ background-color: rgb(167,255,235) !important; }
+
+.mdl-color-text--teal-A200 {
+ color: rgb(100,255,218) !important; }
+
+.mdl-color--teal-A200 {
+ background-color: rgb(100,255,218) !important; }
+
+.mdl-color-text--teal-A400 {
+ color: rgb(29,233,182) !important; }
+
+.mdl-color--teal-A400 {
+ background-color: rgb(29,233,182) !important; }
+
+.mdl-color-text--teal-A700 {
+ color: rgb(0,191,165) !important; }
+
+.mdl-color--teal-A700 {
+ background-color: rgb(0,191,165) !important; }
+
+.mdl-color-text--green {
+ color: rgb(76,175,80) !important; }
+
+.mdl-color--green {
+ background-color: rgb(76,175,80) !important; }
+
+.mdl-color-text--green-50 {
+ color: rgb(232,245,233) !important; }
+
+.mdl-color--green-50 {
+ background-color: rgb(232,245,233) !important; }
+
+.mdl-color-text--green-100 {
+ color: rgb(200,230,201) !important; }
+
+.mdl-color--green-100 {
+ background-color: rgb(200,230,201) !important; }
+
+.mdl-color-text--green-200 {
+ color: rgb(165,214,167) !important; }
+
+.mdl-color--green-200 {
+ background-color: rgb(165,214,167) !important; }
+
+.mdl-color-text--green-300 {
+ color: rgb(129,199,132) !important; }
+
+.mdl-color--green-300 {
+ background-color: rgb(129,199,132) !important; }
+
+.mdl-color-text--green-400 {
+ color: rgb(102,187,106) !important; }
+
+.mdl-color--green-400 {
+ background-color: rgb(102,187,106) !important; }
+
+.mdl-color-text--green-500 {
+ color: rgb(76,175,80) !important; }
+
+.mdl-color--green-500 {
+ background-color: rgb(76,175,80) !important; }
+
+.mdl-color-text--green-600 {
+ color: rgb(67,160,71) !important; }
+
+.mdl-color--green-600 {
+ background-color: rgb(67,160,71) !important; }
+
+.mdl-color-text--green-700 {
+ color: rgb(56,142,60) !important; }
+
+.mdl-color--green-700 {
+ background-color: rgb(56,142,60) !important; }
+
+.mdl-color-text--green-800 {
+ color: rgb(46,125,50) !important; }
+
+.mdl-color--green-800 {
+ background-color: rgb(46,125,50) !important; }
+
+.mdl-color-text--green-900 {
+ color: rgb(27,94,32) !important; }
+
+.mdl-color--green-900 {
+ background-color: rgb(27,94,32) !important; }
+
+.mdl-color-text--green-A100 {
+ color: rgb(185,246,202) !important; }
+
+.mdl-color--green-A100 {
+ background-color: rgb(185,246,202) !important; }
+
+.mdl-color-text--green-A200 {
+ color: rgb(105,240,174) !important; }
+
+.mdl-color--green-A200 {
+ background-color: rgb(105,240,174) !important; }
+
+.mdl-color-text--green-A400 {
+ color: rgb(0,230,118) !important; }
+
+.mdl-color--green-A400 {
+ background-color: rgb(0,230,118) !important; }
+
+.mdl-color-text--green-A700 {
+ color: rgb(0,200,83) !important; }
+
+.mdl-color--green-A700 {
+ background-color: rgb(0,200,83) !important; }
+
+.mdl-color-text--light-green {
+ color: rgb(139,195,74) !important; }
+
+.mdl-color--light-green {
+ background-color: rgb(139,195,74) !important; }
+
+.mdl-color-text--light-green-50 {
+ color: rgb(241,248,233) !important; }
+
+.mdl-color--light-green-50 {
+ background-color: rgb(241,248,233) !important; }
+
+.mdl-color-text--light-green-100 {
+ color: rgb(220,237,200) !important; }
+
+.mdl-color--light-green-100 {
+ background-color: rgb(220,237,200) !important; }
+
+.mdl-color-text--light-green-200 {
+ color: rgb(197,225,165) !important; }
+
+.mdl-color--light-green-200 {
+ background-color: rgb(197,225,165) !important; }
+
+.mdl-color-text--light-green-300 {
+ color: rgb(174,213,129) !important; }
+
+.mdl-color--light-green-300 {
+ background-color: rgb(174,213,129) !important; }
+
+.mdl-color-text--light-green-400 {
+ color: rgb(156,204,101) !important; }
+
+.mdl-color--light-green-400 {
+ background-color: rgb(156,204,101) !important; }
+
+.mdl-color-text--light-green-500 {
+ color: rgb(139,195,74) !important; }
+
+.mdl-color--light-green-500 {
+ background-color: rgb(139,195,74) !important; }
+
+.mdl-color-text--light-green-600 {
+ color: rgb(124,179,66) !important; }
+
+.mdl-color--light-green-600 {
+ background-color: rgb(124,179,66) !important; }
+
+.mdl-color-text--light-green-700 {
+ color: rgb(104,159,56) !important; }
+
+.mdl-color--light-green-700 {
+ background-color: rgb(104,159,56) !important; }
+
+.mdl-color-text--light-green-800 {
+ color: rgb(85,139,47) !important; }
+
+.mdl-color--light-green-800 {
+ background-color: rgb(85,139,47) !important; }
+
+.mdl-color-text--light-green-900 {
+ color: rgb(51,105,30) !important; }
+
+.mdl-color--light-green-900 {
+ background-color: rgb(51,105,30) !important; }
+
+.mdl-color-text--light-green-A100 {
+ color: rgb(204,255,144) !important; }
+
+.mdl-color--light-green-A100 {
+ background-color: rgb(204,255,144) !important; }
+
+.mdl-color-text--light-green-A200 {
+ color: rgb(178,255,89) !important; }
+
+.mdl-color--light-green-A200 {
+ background-color: rgb(178,255,89) !important; }
+
+.mdl-color-text--light-green-A400 {
+ color: rgb(118,255,3) !important; }
+
+.mdl-color--light-green-A400 {
+ background-color: rgb(118,255,3) !important; }
+
+.mdl-color-text--light-green-A700 {
+ color: rgb(100,221,23) !important; }
+
+.mdl-color--light-green-A700 {
+ background-color: rgb(100,221,23) !important; }
+
+.mdl-color-text--lime {
+ color: rgb(205,220,57) !important; }
+
+.mdl-color--lime {
+ background-color: rgb(205,220,57) !important; }
+
+.mdl-color-text--lime-50 {
+ color: rgb(249,251,231) !important; }
+
+.mdl-color--lime-50 {
+ background-color: rgb(249,251,231) !important; }
+
+.mdl-color-text--lime-100 {
+ color: rgb(240,244,195) !important; }
+
+.mdl-color--lime-100 {
+ background-color: rgb(240,244,195) !important; }
+
+.mdl-color-text--lime-200 {
+ color: rgb(230,238,156) !important; }
+
+.mdl-color--lime-200 {
+ background-color: rgb(230,238,156) !important; }
+
+.mdl-color-text--lime-300 {
+ color: rgb(220,231,117) !important; }
+
+.mdl-color--lime-300 {
+ background-color: rgb(220,231,117) !important; }
+
+.mdl-color-text--lime-400 {
+ color: rgb(212,225,87) !important; }
+
+.mdl-color--lime-400 {
+ background-color: rgb(212,225,87) !important; }
+
+.mdl-color-text--lime-500 {
+ color: rgb(205,220,57) !important; }
+
+.mdl-color--lime-500 {
+ background-color: rgb(205,220,57) !important; }
+
+.mdl-color-text--lime-600 {
+ color: rgb(192,202,51) !important; }
+
+.mdl-color--lime-600 {
+ background-color: rgb(192,202,51) !important; }
+
+.mdl-color-text--lime-700 {
+ color: rgb(175,180,43) !important; }
+
+.mdl-color--lime-700 {
+ background-color: rgb(175,180,43) !important; }
+
+.mdl-color-text--lime-800 {
+ color: rgb(158,157,36) !important; }
+
+.mdl-color--lime-800 {
+ background-color: rgb(158,157,36) !important; }
+
+.mdl-color-text--lime-900 {
+ color: rgb(130,119,23) !important; }
+
+.mdl-color--lime-900 {
+ background-color: rgb(130,119,23) !important; }
+
+.mdl-color-text--lime-A100 {
+ color: rgb(244,255,129) !important; }
+
+.mdl-color--lime-A100 {
+ background-color: rgb(244,255,129) !important; }
+
+.mdl-color-text--lime-A200 {
+ color: rgb(238,255,65) !important; }
+
+.mdl-color--lime-A200 {
+ background-color: rgb(238,255,65) !important; }
+
+.mdl-color-text--lime-A400 {
+ color: rgb(198,255,0) !important; }
+
+.mdl-color--lime-A400 {
+ background-color: rgb(198,255,0) !important; }
+
+.mdl-color-text--lime-A700 {
+ color: rgb(174,234,0) !important; }
+
+.mdl-color--lime-A700 {
+ background-color: rgb(174,234,0) !important; }
+
+.mdl-color-text--yellow {
+ color: rgb(255,235,59) !important; }
+
+.mdl-color--yellow {
+ background-color: rgb(255,235,59) !important; }
+
+.mdl-color-text--yellow-50 {
+ color: rgb(255,253,231) !important; }
+
+.mdl-color--yellow-50 {
+ background-color: rgb(255,253,231) !important; }
+
+.mdl-color-text--yellow-100 {
+ color: rgb(255,249,196) !important; }
+
+.mdl-color--yellow-100 {
+ background-color: rgb(255,249,196) !important; }
+
+.mdl-color-text--yellow-200 {
+ color: rgb(255,245,157) !important; }
+
+.mdl-color--yellow-200 {
+ background-color: rgb(255,245,157) !important; }
+
+.mdl-color-text--yellow-300 {
+ color: rgb(255,241,118) !important; }
+
+.mdl-color--yellow-300 {
+ background-color: rgb(255,241,118) !important; }
+
+.mdl-color-text--yellow-400 {
+ color: rgb(255,238,88) !important; }
+
+.mdl-color--yellow-400 {
+ background-color: rgb(255,238,88) !important; }
+
+.mdl-color-text--yellow-500 {
+ color: rgb(255,235,59) !important; }
+
+.mdl-color--yellow-500 {
+ background-color: rgb(255,235,59) !important; }
+
+.mdl-color-text--yellow-600 {
+ color: rgb(253,216,53) !important; }
+
+.mdl-color--yellow-600 {
+ background-color: rgb(253,216,53) !important; }
+
+.mdl-color-text--yellow-700 {
+ color: rgb(251,192,45) !important; }
+
+.mdl-color--yellow-700 {
+ background-color: rgb(251,192,45) !important; }
+
+.mdl-color-text--yellow-800 {
+ color: rgb(249,168,37) !important; }
+
+.mdl-color--yellow-800 {
+ background-color: rgb(249,168,37) !important; }
+
+.mdl-color-text--yellow-900 {
+ color: rgb(245,127,23) !important; }
+
+.mdl-color--yellow-900 {
+ background-color: rgb(245,127,23) !important; }
+
+.mdl-color-text--yellow-A100 {
+ color: rgb(255,255,141) !important; }
+
+.mdl-color--yellow-A100 {
+ background-color: rgb(255,255,141) !important; }
+
+.mdl-color-text--yellow-A200 {
+ color: rgb(255,255,0) !important; }
+
+.mdl-color--yellow-A200 {
+ background-color: rgb(255,255,0) !important; }
+
+.mdl-color-text--yellow-A400 {
+ color: rgb(255,234,0) !important; }
+
+.mdl-color--yellow-A400 {
+ background-color: rgb(255,234,0) !important; }
+
+.mdl-color-text--yellow-A700 {
+ color: rgb(255,214,0) !important; }
+
+.mdl-color--yellow-A700 {
+ background-color: rgb(255,214,0) !important; }
+
+.mdl-color-text--amber {
+ color: rgb(255,193,7) !important; }
+
+.mdl-color--amber {
+ background-color: rgb(255,193,7) !important; }
+
+.mdl-color-text--amber-50 {
+ color: rgb(255,248,225) !important; }
+
+.mdl-color--amber-50 {
+ background-color: rgb(255,248,225) !important; }
+
+.mdl-color-text--amber-100 {
+ color: rgb(255,236,179) !important; }
+
+.mdl-color--amber-100 {
+ background-color: rgb(255,236,179) !important; }
+
+.mdl-color-text--amber-200 {
+ color: rgb(255,224,130) !important; }
+
+.mdl-color--amber-200 {
+ background-color: rgb(255,224,130) !important; }
+
+.mdl-color-text--amber-300 {
+ color: rgb(255,213,79) !important; }
+
+.mdl-color--amber-300 {
+ background-color: rgb(255,213,79) !important; }
+
+.mdl-color-text--amber-400 {
+ color: rgb(255,202,40) !important; }
+
+.mdl-color--amber-400 {
+ background-color: rgb(255,202,40) !important; }
+
+.mdl-color-text--amber-500 {
+ color: rgb(255,193,7) !important; }
+
+.mdl-color--amber-500 {
+ background-color: rgb(255,193,7) !important; }
+
+.mdl-color-text--amber-600 {
+ color: rgb(255,179,0) !important; }
+
+.mdl-color--amber-600 {
+ background-color: rgb(255,179,0) !important; }
+
+.mdl-color-text--amber-700 {
+ color: rgb(255,160,0) !important; }
+
+.mdl-color--amber-700 {
+ background-color: rgb(255,160,0) !important; }
+
+.mdl-color-text--amber-800 {
+ color: rgb(255,143,0) !important; }
+
+.mdl-color--amber-800 {
+ background-color: rgb(255,143,0) !important; }
+
+.mdl-color-text--amber-900 {
+ color: rgb(255,111,0) !important; }
+
+.mdl-color--amber-900 {
+ background-color: rgb(255,111,0) !important; }
+
+.mdl-color-text--amber-A100 {
+ color: rgb(255,229,127) !important; }
+
+.mdl-color--amber-A100 {
+ background-color: rgb(255,229,127) !important; }
+
+.mdl-color-text--amber-A200 {
+ color: rgb(255,215,64) !important; }
+
+.mdl-color--amber-A200 {
+ background-color: rgb(255,215,64) !important; }
+
+.mdl-color-text--amber-A400 {
+ color: rgb(255,196,0) !important; }
+
+.mdl-color--amber-A400 {
+ background-color: rgb(255,196,0) !important; }
+
+.mdl-color-text--amber-A700 {
+ color: rgb(255,171,0) !important; }
+
+.mdl-color--amber-A700 {
+ background-color: rgb(255,171,0) !important; }
+
+.mdl-color-text--orange {
+ color: rgb(255,152,0) !important; }
+
+.mdl-color--orange {
+ background-color: rgb(255,152,0) !important; }
+
+.mdl-color-text--orange-50 {
+ color: rgb(255,243,224) !important; }
+
+.mdl-color--orange-50 {
+ background-color: rgb(255,243,224) !important; }
+
+.mdl-color-text--orange-100 {
+ color: rgb(255,224,178) !important; }
+
+.mdl-color--orange-100 {
+ background-color: rgb(255,224,178) !important; }
+
+.mdl-color-text--orange-200 {
+ color: rgb(255,204,128) !important; }
+
+.mdl-color--orange-200 {
+ background-color: rgb(255,204,128) !important; }
+
+.mdl-color-text--orange-300 {
+ color: rgb(255,183,77) !important; }
+
+.mdl-color--orange-300 {
+ background-color: rgb(255,183,77) !important; }
+
+.mdl-color-text--orange-400 {
+ color: rgb(255,167,38) !important; }
+
+.mdl-color--orange-400 {
+ background-color: rgb(255,167,38) !important; }
+
+.mdl-color-text--orange-500 {
+ color: rgb(255,152,0) !important; }
+
+.mdl-color--orange-500 {
+ background-color: rgb(255,152,0) !important; }
+
+.mdl-color-text--orange-600 {
+ color: rgb(251,140,0) !important; }
+
+.mdl-color--orange-600 {
+ background-color: rgb(251,140,0) !important; }
+
+.mdl-color-text--orange-700 {
+ color: rgb(245,124,0) !important; }
+
+.mdl-color--orange-700 {
+ background-color: rgb(245,124,0) !important; }
+
+.mdl-color-text--orange-800 {
+ color: rgb(239,108,0) !important; }
+
+.mdl-color--orange-800 {
+ background-color: rgb(239,108,0) !important; }
+
+.mdl-color-text--orange-900 {
+ color: rgb(230,81,0) !important; }
+
+.mdl-color--orange-900 {
+ background-color: rgb(230,81,0) !important; }
+
+.mdl-color-text--orange-A100 {
+ color: rgb(255,209,128) !important; }
+
+.mdl-color--orange-A100 {
+ background-color: rgb(255,209,128) !important; }
+
+.mdl-color-text--orange-A200 {
+ color: rgb(255,171,64) !important; }
+
+.mdl-color--orange-A200 {
+ background-color: rgb(255,171,64) !important; }
+
+.mdl-color-text--orange-A400 {
+ color: rgb(255,145,0) !important; }
+
+.mdl-color--orange-A400 {
+ background-color: rgb(255,145,0) !important; }
+
+.mdl-color-text--orange-A700 {
+ color: rgb(255,109,0) !important; }
+
+.mdl-color--orange-A700 {
+ background-color: rgb(255,109,0) !important; }
+
+.mdl-color-text--deep-orange {
+ color: rgb(255,87,34) !important; }
+
+.mdl-color--deep-orange {
+ background-color: rgb(255,87,34) !important; }
+
+.mdl-color-text--deep-orange-50 {
+ color: rgb(251,233,231) !important; }
+
+.mdl-color--deep-orange-50 {
+ background-color: rgb(251,233,231) !important; }
+
+.mdl-color-text--deep-orange-100 {
+ color: rgb(255,204,188) !important; }
+
+.mdl-color--deep-orange-100 {
+ background-color: rgb(255,204,188) !important; }
+
+.mdl-color-text--deep-orange-200 {
+ color: rgb(255,171,145) !important; }
+
+.mdl-color--deep-orange-200 {
+ background-color: rgb(255,171,145) !important; }
+
+.mdl-color-text--deep-orange-300 {
+ color: rgb(255,138,101) !important; }
+
+.mdl-color--deep-orange-300 {
+ background-color: rgb(255,138,101) !important; }
+
+.mdl-color-text--deep-orange-400 {
+ color: rgb(255,112,67) !important; }
+
+.mdl-color--deep-orange-400 {
+ background-color: rgb(255,112,67) !important; }
+
+.mdl-color-text--deep-orange-500 {
+ color: rgb(255,87,34) !important; }
+
+.mdl-color--deep-orange-500 {
+ background-color: rgb(255,87,34) !important; }
+
+.mdl-color-text--deep-orange-600 {
+ color: rgb(244,81,30) !important; }
+
+.mdl-color--deep-orange-600 {
+ background-color: rgb(244,81,30) !important; }
+
+.mdl-color-text--deep-orange-700 {
+ color: rgb(230,74,25) !important; }
+
+.mdl-color--deep-orange-700 {
+ background-color: rgb(230,74,25) !important; }
+
+.mdl-color-text--deep-orange-800 {
+ color: rgb(216,67,21) !important; }
+
+.mdl-color--deep-orange-800 {
+ background-color: rgb(216,67,21) !important; }
+
+.mdl-color-text--deep-orange-900 {
+ color: rgb(191,54,12) !important; }
+
+.mdl-color--deep-orange-900 {
+ background-color: rgb(191,54,12) !important; }
+
+.mdl-color-text--deep-orange-A100 {
+ color: rgb(255,158,128) !important; }
+
+.mdl-color--deep-orange-A100 {
+ background-color: rgb(255,158,128) !important; }
+
+.mdl-color-text--deep-orange-A200 {
+ color: rgb(255,110,64) !important; }
+
+.mdl-color--deep-orange-A200 {
+ background-color: rgb(255,110,64) !important; }
+
+.mdl-color-text--deep-orange-A400 {
+ color: rgb(255,61,0) !important; }
+
+.mdl-color--deep-orange-A400 {
+ background-color: rgb(255,61,0) !important; }
+
+.mdl-color-text--deep-orange-A700 {
+ color: rgb(221,44,0) !important; }
+
+.mdl-color--deep-orange-A700 {
+ background-color: rgb(221,44,0) !important; }
+
+.mdl-color-text--brown {
+ color: rgb(121,85,72) !important; }
+
+.mdl-color--brown {
+ background-color: rgb(121,85,72) !important; }
+
+.mdl-color-text--brown-50 {
+ color: rgb(239,235,233) !important; }
+
+.mdl-color--brown-50 {
+ background-color: rgb(239,235,233) !important; }
+
+.mdl-color-text--brown-100 {
+ color: rgb(215,204,200) !important; }
+
+.mdl-color--brown-100 {
+ background-color: rgb(215,204,200) !important; }
+
+.mdl-color-text--brown-200 {
+ color: rgb(188,170,164) !important; }
+
+.mdl-color--brown-200 {
+ background-color: rgb(188,170,164) !important; }
+
+.mdl-color-text--brown-300 {
+ color: rgb(161,136,127) !important; }
+
+.mdl-color--brown-300 {
+ background-color: rgb(161,136,127) !important; }
+
+.mdl-color-text--brown-400 {
+ color: rgb(141,110,99) !important; }
+
+.mdl-color--brown-400 {
+ background-color: rgb(141,110,99) !important; }
+
+.mdl-color-text--brown-500 {
+ color: rgb(121,85,72) !important; }
+
+.mdl-color--brown-500 {
+ background-color: rgb(121,85,72) !important; }
+
+.mdl-color-text--brown-600 {
+ color: rgb(109,76,65) !important; }
+
+.mdl-color--brown-600 {
+ background-color: rgb(109,76,65) !important; }
+
+.mdl-color-text--brown-700 {
+ color: rgb(93,64,55) !important; }
+
+.mdl-color--brown-700 {
+ background-color: rgb(93,64,55) !important; }
+
+.mdl-color-text--brown-800 {
+ color: rgb(78,52,46) !important; }
+
+.mdl-color--brown-800 {
+ background-color: rgb(78,52,46) !important; }
+
+.mdl-color-text--brown-900 {
+ color: rgb(62,39,35) !important; }
+
+.mdl-color--brown-900 {
+ background-color: rgb(62,39,35) !important; }
+
+.mdl-color-text--grey {
+ color: rgb(158,158,158) !important; }
+
+.mdl-color--grey {
+ background-color: rgb(158,158,158) !important; }
+
+.mdl-color-text--grey-50 {
+ color: rgb(250,250,250) !important; }
+
+.mdl-color--grey-50 {
+ background-color: rgb(250,250,250) !important; }
+
+.mdl-color-text--grey-100 {
+ color: rgb(245,245,245) !important; }
+
+.mdl-color--grey-100 {
+ background-color: rgb(245,245,245) !important; }
+
+.mdl-color-text--grey-200 {
+ color: rgb(238,238,238) !important; }
+
+.mdl-color--grey-200 {
+ background-color: rgb(238,238,238) !important; }
+
+.mdl-color-text--grey-300 {
+ color: rgb(224,224,224) !important; }
+
+.mdl-color--grey-300 {
+ background-color: rgb(224,224,224) !important; }
+
+.mdl-color-text--grey-400 {
+ color: rgb(189,189,189) !important; }
+
+.mdl-color--grey-400 {
+ background-color: rgb(189,189,189) !important; }
+
+.mdl-color-text--grey-500 {
+ color: rgb(158,158,158) !important; }
+
+.mdl-color--grey-500 {
+ background-color: rgb(158,158,158) !important; }
+
+.mdl-color-text--grey-600 {
+ color: rgb(117,117,117) !important; }
+
+.mdl-color--grey-600 {
+ background-color: rgb(117,117,117) !important; }
+
+.mdl-color-text--grey-700 {
+ color: rgb(97,97,97) !important; }
+
+.mdl-color--grey-700 {
+ background-color: rgb(97,97,97) !important; }
+
+.mdl-color-text--grey-800 {
+ color: rgb(66,66,66) !important; }
+
+.mdl-color--grey-800 {
+ background-color: rgb(66,66,66) !important; }
+
+.mdl-color-text--grey-900 {
+ color: rgb(33,33,33) !important; }
+
+.mdl-color--grey-900 {
+ background-color: rgb(33,33,33) !important; }
+
+.mdl-color-text--blue-grey {
+ color: rgb(96,125,139) !important; }
+
+.mdl-color--blue-grey {
+ background-color: rgb(96,125,139) !important; }
+
+.mdl-color-text--blue-grey-50 {
+ color: rgb(236,239,241) !important; }
+
+.mdl-color--blue-grey-50 {
+ background-color: rgb(236,239,241) !important; }
+
+.mdl-color-text--blue-grey-100 {
+ color: rgb(207,216,220) !important; }
+
+.mdl-color--blue-grey-100 {
+ background-color: rgb(207,216,220) !important; }
+
+.mdl-color-text--blue-grey-200 {
+ color: rgb(176,190,197) !important; }
+
+.mdl-color--blue-grey-200 {
+ background-color: rgb(176,190,197) !important; }
+
+.mdl-color-text--blue-grey-300 {
+ color: rgb(144,164,174) !important; }
+
+.mdl-color--blue-grey-300 {
+ background-color: rgb(144,164,174) !important; }
+
+.mdl-color-text--blue-grey-400 {
+ color: rgb(120,144,156) !important; }
+
+.mdl-color--blue-grey-400 {
+ background-color: rgb(120,144,156) !important; }
+
+.mdl-color-text--blue-grey-500 {
+ color: rgb(96,125,139) !important; }
+
+.mdl-color--blue-grey-500 {
+ background-color: rgb(96,125,139) !important; }
+
+.mdl-color-text--blue-grey-600 {
+ color: rgb(84,110,122) !important; }
+
+.mdl-color--blue-grey-600 {
+ background-color: rgb(84,110,122) !important; }
+
+.mdl-color-text--blue-grey-700 {
+ color: rgb(69,90,100) !important; }
+
+.mdl-color--blue-grey-700 {
+ background-color: rgb(69,90,100) !important; }
+
+.mdl-color-text--blue-grey-800 {
+ color: rgb(55,71,79) !important; }
+
+.mdl-color--blue-grey-800 {
+ background-color: rgb(55,71,79) !important; }
+
+.mdl-color-text--blue-grey-900 {
+ color: rgb(38,50,56) !important; }
+
+.mdl-color--blue-grey-900 {
+ background-color: rgb(38,50,56) !important; }
+
+.mdl-color--black {
+ background-color: rgb(0,0,0) !important; }
+
+.mdl-color-text--black {
+ color: rgb(0,0,0) !important; }
+
+.mdl-color--white {
+ background-color: rgb(255,255,255) !important; }
+
+.mdl-color-text--white {
+ color: rgb(255,255,255) !important; }
+
+.mdl-color--primary {
+ background-color: rgb(#34B6E4) !important; }
+
+.mdl-color--primary-contrast {
+ background-color: rgb(255,255,255) !important; }
+
+.mdl-color--primary-dark {
+ background-color: rgb(#135D75) !important; }
+
+.mdl-color--accent {
+ background-color: rgb(#89D8F2) !important; }
+
+.mdl-color--accent-contrast {
+ background-color: rgb(255,255,255) !important; }
+
+.mdl-color-text--primary {
+ color: rgb(#34B6E4) !important; }
+
+.mdl-color-text--primary-contrast {
+ color: rgb(255,255,255) !important; }
+
+.mdl-color-text--primary-dark {
+ color: rgb(#135D75) !important; }
+
+.mdl-color-text--accent {
+ color: rgb(#89D8F2) !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
+ * -----Snackbar
+ *
+ * Even though all variables have the `!default` directive, most of them
+ * should not be changed as they are dependent one another. This can cause
+ * visual distortions (like alignment issues) that are hard to track down
+ * and fix.
+ */
+/* ========== TYPOGRAPHY ========== */
+/* We're splitting fonts into "preferred" and "performance" in order to optimize
+ page loading. For important text, such as the body, we want it to load
+ immediately and not wait for the web font load, whereas for other sections,
+ such as headers and titles, we're OK with things taking a bit longer to load.
+ We do have some optional classes and parameters in the mixins, in case you
+ definitely want to make sure you're using the preferred font and don't mind
+ the performance hit.
+ We should be able to improve on this once CSS Font Loading L3 becomes more
+ widely available.
+*/
+/* ========== COLORS ========== */
+/**
+*
+* Material design color palettes.
+* @see http://www.google.com/design/spec/style/color.html
+*
+**/
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== Color Palettes ========== */
+/* colors.scss */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== IMAGES ========== */
+/* ========== Color & Themes ========== */
+/* ========== Typography ========== */
+/* ========== Components ========== */
+/* ========== Standard Buttons ========== */
+/* ========== Icon Toggles ========== */
+/* ========== Radio Buttons ========== */
+/* ========== Ripple effect ========== */
+/* ========== Layout ========== */
+/* ========== Content Tabs ========== */
+/* ========== Checkboxes ========== */
+/* ========== Switches ========== */
+/* ========== Spinner ========== */
+/* ========== Text fields ========== */
+/* ========== Card ========== */
+/* ========== Sliders ========== */
+/* ========== Progress ========== */
+/* ========== List ========== */
+/* ========== Item ========== */
+/* ========== Dropdown menu ========== */
+/* ========== Tooltips ========== */
+/* ========== Footer ========== */
+/* TEXTFIELD */
+/* SWITCH */
+/* SPINNER */
+/* RADIO */
+/* MENU */
+/* LIST */
+/* LAYOUT */
+/* ICON TOGGLE */
+/* FOOTER */
+/*mega-footer*/
+/*mini-footer*/
+/* CHECKBOX */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* BUTTON */
+/**
+ *
+ * Dimensions
+ *
+ */
+/* ANIMATION */
+/* PROGRESS */
+/* BADGE */
+/* SHADOWS */
+/* GRID */
+/* DATA TABLE */
+/* SNACKBAR */
+/* TOOLTIP */
+.mdl-ripple {
+ background: rgb(0,0,0);
+ border-radius: 50%;
+ height: 50px;
+ left: 0;
+ opacity: 0;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ width: 50px;
+ overflow: hidden; }
+ .mdl-ripple.is-animating {
+ -webkit-transition: -webkit-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); }
+ .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.
[... 7357 lines stripped ...]